/* Social Capital brand tokens. Direction A ยท And, locked 26 Sep 2026. Fonts: https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Hanken+Grotesk:wght@400;500;600&display=swap Arabic (when it ships): https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@600&family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap Light is primary. Dark follows the OS, or force it with . */ :root { --sc-paper: #FBFAF6; --sc-surface: #FFFFFF; --sc-bone: #F1ECE2; --sc-line: #E2DCD0; --sc-ink: #15161A; --sc-ink-2: #3F4046; --sc-muted: #6B6961; --sc-ultramarine: #2536E6; --sc-ultramarine-hover: #1E2DC4; --sc-on-ultramarine: #FBFAF6; --sc-mist: #E7E9FC; --sc-mist-ink: #1A28B0; --sc-rust: #A4441B; --sc-rust-tint: #F7E6DC; --sc-focus: var(--sc-ultramarine); --sc-shadow-hairline: 0 0 0 1px #E2DCD0; --sc-shadow-raised: 0 1px 2px rgba(21,22,26,.08), 0 8px 24px rgba(21,22,26,.10); --sc-space-1: 4px; --sc-space-2: 8px; --sc-space-3: 12px; --sc-space-4: 16px; --sc-space-5: 20px; --sc-space-6: 24px; --sc-space-8: 32px; --sc-space-12: 48px; --sc-space-18: 72px; --sc-radius-sm: 6px; --sc-radius-md: 12px; --sc-radius-lg: 18px; --sc-radius-xl: 28px; --sc-radius-pill: 999px; --sc-radius-icon: 23%; --sc-font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif; --sc-font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif; --sc-font-arabic-display: "Noto Naskh Arabic", "Geeza Pro", serif; --sc-font-arabic-sans: "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --sc-paper: #121316; --sc-surface: #1B1C21; --sc-bone: #24252C; --sc-line: #303139; --sc-ink: #F1EEE7; --sc-ink-2: #CFCBC2; --sc-muted: #9D9A92; --sc-ultramarine: #8F9AF7; --sc-ultramarine-hover: #A6AFFA; --sc-on-ultramarine: #0E1238; --sc-mist: #23285A; --sc-mist-ink: #C3C9FF; --sc-rust: #E59A74; --sc-rust-tint: #3A2419; --sc-focus: var(--sc-ultramarine); --sc-shadow-hairline: 0 0 0 1px #303139; --sc-shadow-raised: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45); } } :root[data-theme="dark"] { --sc-paper: #121316; --sc-surface: #1B1C21; --sc-bone: #24252C; --sc-line: #303139; --sc-ink: #F1EEE7; --sc-ink-2: #CFCBC2; --sc-muted: #9D9A92; --sc-ultramarine: #8F9AF7; --sc-ultramarine-hover: #A6AFFA; --sc-on-ultramarine: #0E1238; --sc-mist: #23285A; --sc-mist-ink: #C3C9FF; --sc-rust: #E59A74; --sc-rust-tint: #3A2419; --sc-focus: var(--sc-ultramarine); --sc-shadow-hairline: 0 0 0 1px #303139; --sc-shadow-raised: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45); }