/* ============================================================ VERILUX MUSIC — public site Cinematic dark editorial. Gambetta (display) + Satoshi (body). Design tokens copied verbatim from the sibling app (verilux-sync-archive/site/assets/styles.css) — do not fork the palette. Dark is the base / no-JS fallback; light mode is opt-in only via the header toggle (html[data-theme="light"], persisted in a first-party cookie by assets/site.js). ============================================================ */ :root { --bg: #0a0a0c; --bg-deep: #060607; --surface: #121216; --surface-2: #17171d; --surface-3: #1e1e25; --line: #26262f; --line-soft: #1c1c23; --line-hover: #3a3a46; --text: #eeebe5; --text-2: #b6b2ab; --muted: #827e78; --faint: #56534e; --accent: #d9a441; --accent-hi: #f0c069; --accent-dim: rgba(217,164,65,.14); --accent-line: rgba(217,164,65,.34); --cyan: #6fb3c4; --rose: #c97b6e; --hdr-bg: rgba(10,10,12,.86); --scrollbar-thumb: #2c2c36; --scrollbar-thumb-hover: #3d3d49; --select-bg: rgba(217,164,65,.28); --select-fg: #fff; --font-display: 'Gambetta', 'Iowan Old Style', Georgia, serif; --font-body: 'Satoshi', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace; --r-sm: 6px; --r: 10px; --r-lg: 16px; --ease: cubic-bezier(.22,.61,.36,1); --shadow: 0 1px 2px rgba(0,0,0,.5), 0 12px 32px -12px rgba(0,0,0,.7); --header-h: 61px; --maxw: 1280px; --img-veil: .72; } /* Light mode is NOT applied from prefers-color-scheme. Dark is the brand default for every first-time visitor regardless of system setting -- the cinematic dark treatment IS the identity. Light mode is opt-in only, via the header toggle, which sets html[data-theme="light"] and persists it in a first-party cookie (assets/site.js). The blocking inline