/* ═══════════════════════════════════════════════════════════ REBRAND / THEME — edit this file to change look & feel ═══════════════════════════════════════════════════════════ */ :root { /* Accent palette (blue, green, red, gold) */ --accent-gold: #c9a84c; --accent-gold-soft: #d8bb6a; --accent-gold-deep: #8a7332; --accent-blue: #2563a8; --accent-green: #1f8a3b; --accent-red: #c0392b; /* Dark theme (current — active by default) */ --theme-bg: #0a0e1a; --theme-bg-raised: #0e1322; --theme-bg-surface: #131a2c; --theme-text: #f0e6d3; --theme-text-dim: rgba(240, 230, 211, 0.72); --theme-text-muted: rgba(240, 230, 211, 0.5); --theme-hairline: rgba(201, 168, 76, 0.18); --theme-hairline-2: rgba(240, 230, 211, 0.08); --theme-nav-bg: rgba(10, 14, 26, 0.78); /* Typography & layout */ --serif: "Cormorant Garamond", "Cormorant", Georgia, serif; --sans: "Inter", system-ui, -apple-system, sans-serif; --maxw: 1180px; --pad-x: clamp(20px, 5vw, 56px); } /* Light theme — set data-theme="light" on when ready */ [data-theme="light"] { --theme-bg: #ffffff; --theme-bg-raised: #f5f6f8; --theme-bg-surface: #ffffff; --theme-text: #1a1a2e; --theme-text-dim: rgba(26, 26, 46, 0.72); --theme-text-muted: rgba(26, 26, 46, 0.5); --theme-hairline: rgba(37, 99, 168, 0.18); --theme-hairline-2: rgba(26, 26, 46, 0.08); --theme-nav-bg: rgba(255, 255, 255, 0.92); } /* Component aliases — map tokens to existing variable names */ :root, [data-theme="light"] { --ink: var(--theme-bg); --ink-2: var(--theme-bg-raised); --ink-3: var(--theme-bg-surface); --hairline: var(--theme-hairline); --hairline-2: var(--theme-hairline-2); --gold: var(--accent-gold); --gold-soft: var(--accent-gold-soft); --gold-deep: var(--accent-gold-deep); --cream: var(--theme-text); --cream-dim: var(--theme-text-dim); --cream-mute: var(--theme-text-muted); }