/* ============================================================================ Odyssey page-level design tokens — SINGLE SOURCE OF TRUTH. Shared by the marketing tool pages (tax-calculator, free-tax-organizer). Dark is the default; light remaps the same token names (opt-in via , set by the pre-paint script + theme-toggle.js). Pages must not redefine these names inline — that's how drift happens. (The site header's own colors come from theme.css --lat-* tokens; this file covers page content.) ============================================================================ */ :root{ --bg-deep: oklch(0.13 0.02 280); --bg: oklch(0.16 0.035 285); --bg-elev: oklch(0.20 0.045 290); --bg-elev-2: oklch(0.24 0.05 290); --line: oklch(0.32 0.04 290); --line-soft: oklch(0.26 0.035 290); --ink: oklch(0.97 0.01 290); --ink-2: oklch(0.82 0.02 290); --ink-3: oklch(0.62 0.03 290); --ink-4: oklch(0.46 0.03 290); --accent: oklch(0.70 0.20 295); --accent-2: oklch(0.55 0.22 290); --gold: oklch(0.82 0.13 75); --danger: oklch(0.68 0.20 25); } html[data-theme="light"]{ --bg-deep: #E8F6FB; /* page background */ --bg: #DCEFF6; /* secondary layered bg */ --bg-elev: #F2FAFD; /* elevated surface / card */ --bg-elev-2: #DCEFF6; /* slightly tinted elevated surface (canonical --lat-bg-2) */ --line: rgba(24,72,104,0.18); /* stronger border */ --line-soft: rgba(24,72,104,0.12); /* subtle border */ --ink: #15303B; /* primary text */ --ink-2: #46606E; /* secondary text */ --ink-3: #8AA6B3; /* tertiary text / labels */ --ink-4: #8AA6B3; /* faint labels (canonical faint; no 4th ink tier exists) */ --accent: #6C5AE0; /* indigo/violet accent (light value) */ --accent-2: #7E6CF2; /* bright violet */ --gold: #D98E2B; /* amber accent */ --danger: #DC2626; /* error */ }