/* ── Theme overrides ─────────────────────────────────────────────────────── Dark theme, accent variants, font pairings, density scale. Activated via data-* attributes on . ──────────────────────────────────────────────────────────────────────── */ /* ── Dark theme ──────────────────────────────────────────────────────── */ [data-theme="dark"] { --bg: #1A110B; --bg-2: #221710; --bg-3: #2B1D14; --surface: #241811; --surface-2: #2C1E15; --line: #3A2A1F; --line-2: #4C3A2C; --text: #F3E9D6; --text-dim: #C2AE96; --text-mute: #8C7862; --accent-soft: color-mix(in oklch, var(--accent) 28%, transparent); } /* ── Accent variants ─────────────────────────────────────────────────── */ [data-accent="saffron"] { --accent: #C88E69; } [data-accent="robe"] { --accent: #A65F3E; } [data-accent="rust"] { --accent: #8C3921; } [data-accent="sage"] { --accent: #92AAAE; } /* ── Font pairings ───────────────────────────────────────────────────── */ [data-font="editorial"] { --font-display: 'Fraunces', serif; --font-body: 'Source Serif 4', serif; --font-ui: 'Inter', sans-serif; } [data-font="monastic"] { --font-display: 'Newsreader', serif; --font-body: 'Newsreader', serif; --font-ui: 'Inter', sans-serif; } [data-font="modern"] { --font-display: 'Geist', sans-serif; --font-body: 'Geist', sans-serif; --font-ui: 'Geist', sans-serif; } [data-font="library"] { --font-display: 'Instrument Serif', serif; --font-body: 'Source Serif 4', serif; --font-ui: 'Inter', sans-serif; } /* ── Density scale ───────────────────────────────────────────────────── */ [data-density="compact"] { --density-gap: 14px; --density-pad: 16px; --density-leading: 1.55; } [data-density="comfortable"] { --density-gap: 22px; --density-pad: 24px; --density-leading: 1.7; } [data-density="spacious"] { --density-gap: 32px; --density-pad: 36px; --density-leading: 1.85; }