:root { --primary: #242e5a; --primary-hover: #1e264a; --primary-ink: #FFFFFF; --primary-soft: rgba(36, 46, 90, 0.12); --primary-soft-2: rgba(36, 46, 90, 0.22); --focus-ring: 0 0 0 3px rgba(36, 46, 90, 0.4); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --primary: #79809a; --primary-hover: #9499ae; --primary-ink: #0B1210; --primary-soft: rgba(121, 128, 154, 0.14); --primary-soft-2: rgba(121, 128, 154, 0.26); --focus-ring: 0 0 0 3px rgba(121, 128, 154, 0.4); } :root:not([data-theme="light"]) .ws-bg-brand { --primary: #242e5a; --primary-hover: #1e264a; --primary-ink: #FFFFFF; } }
:root[data-theme="dark"] { --primary: #79809a; --primary-hover: #9499ae; --primary-ink: #0B1210; --primary-soft: rgba(121, 128, 154, 0.14); --primary-soft-2: rgba(121, 128, 154, 0.26); --focus-ring: 0 0 0 3px rgba(121, 128, 154, 0.4); }
:root[data-theme="dark"] .ws-bg-brand { --primary: #242e5a; --primary-hover: #1e264a; --primary-ink: #FFFFFF; }
:root { --site-font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Noto Sans Arabic', Tahoma, Arial, sans-serif; --site-font-head: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Noto Sans Arabic', Tahoma, Arial, sans-serif; --site-radius: 18px; --site-fs: 16px; --site-hw: 700; --accent: #242e5a; --accent-soft: color-mix(in srgb, #242e5a 16%, transparent); }
:root[data-theme="dark"] { --accent: #79809a; --accent-soft: color-mix(in srgb, #79809a 18%, transparent); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --accent: #79809a; --accent-soft: color-mix(in srgb, #79809a 18%, transparent); } }