/* tokens.css — design tokens. Dark is the default; [data-theme="light"] overrides. theme.js stamps data-theme on (persisted; falls back to system pref). */ :root, :root[data-theme="dark"] { --ground: #05080F; --panel: #0A0F1A; --panel-2: #0E1524; --border: #182338; --border-2: #26334E; --text: #CBD8EC; --text-2: #8296B4; --muted: #56688A; --gold: #D4B155; --gold-2: #ECC96A; --gold-dim: rgba(212,177,85,.10); --gold-glow:rgba(212,177,85,.24); --cyan: #38D8F0; --cyan-dim: rgba(56,216,240,.10); --green: #33E0A0; --green-dim:rgba(51,224,160,.10); --red: #FF5B6A; --shadow: 0 24px 60px -20px rgba(0,0,0,.65); --grid-line: rgba(26,40,66,.55); color-scheme: dark; } :root[data-theme="light"] { --ground: #F3F5F9; --panel: #FFFFFF; --panel-2: #EEF2F8; --border: #E2E8F1; --border-2: #CBD6E5; --text: #0D1626; --text-2: #3F5069; --muted: #6B7B95; --gold: #A87C1E; --gold-2: #C4922B; --gold-dim: rgba(168,124,30,.10); --gold-glow:rgba(168,124,30,.20); --cyan: #0A7EA0; --cyan-dim: rgba(10,126,160,.08); --green: #0E9E68; --green-dim:rgba(14,158,104,.08); --red: #CF3A49; --shadow: 0 20px 48px -22px rgba(20,30,55,.28); --grid-line: rgba(120,140,170,.20); color-scheme: light; } :root { --mono: 'Space Mono', ui-monospace, 'Courier New', monospace; --sans: 'Outfit', system-ui, -apple-system, sans-serif; --ease: cubic-bezier(.16,1,.3,1); --ease-out: cubic-bezier(.22,.61,.36,1); --nav-h: 60px; --gutter: clamp(1.25rem, 5vw, 2.75rem); --section-pad: clamp(4.5rem, 9vw, 7.5rem); --maxw: 1120px; --radius: 12px; --radius-sm: 8px; --fs-hero: clamp(2.9rem, 9vw, 6rem); --fs-h2: clamp(1.95rem, 5vw, 3rem); --fs-lead: clamp(1.05rem, 2.2vw, 1.3rem); --fs-body: clamp(.98rem, 1.5vw, 1.08rem); --fs-mono: clamp(.66rem, 1.4vw, .74rem); }