/* ============================================================ Bizarus AI — shared theme tokens for the public site ============================================================ Measured 2026-08-12: these 15 custom properties were hardcoded inline, byte-for-byte identical, in 26 public pages (public/account.html excluded -- it is an authenticated screen, out of the public-site engineer's scope, and its token set does not match this one). One hand edit to any single copy would have diverged it from the other 25 silently; there was no way to catch that until a page visibly looked wrong. Two themes only, matching every public page's own `bizarus-theme-init` script, which sets data-theme on before first paint so there is no flash of the wrong theme. SCOPE, DELIBERATELY NARROW: only tokens proven identical everywhere live here. A handful of pages define additional tokens of their own (--critical, --amber, --shadow-lg) in a small residual :root block right after the to this file -- see scripts/consolidate-tokens.js for the exact list. terminology/index.html and worked-example.html originally disagreed on --amber's exact value; resolved 2026-08-12 against design/canvas/Bizarus AI.dc.html (the corporate design source) -- worked-example.html already matched it exactly, terminology/index.html was the drifted copy and has been corrected to match (its --shadow-lg had also drifted from the same source and was corrected the same way). ============================================================ */ :root[data-theme="dark"] { --bg: #0A0B0D; --bg-elevated: #121316; --bg-sunken: #16181C; --bg-raised: #121316; --border: rgba(255,255,255,.08); --border-soft: rgba(255,255,255,.06); --line: rgba(255,255,255,.08); --text: #F5F6F7; --muted: #9CA3AE; --muted-2: #6B7280; --accent: #2DD4C8; --accent-soft: rgba(45,212,200,.12); --accent-border: rgba(45,212,200,.4); --on-accent: #0A0B0D; --pill-bg: rgba(255,255,255,.06); } :root[data-theme="light"] { --bg: #F7F5F1; --bg-elevated: #FFFFFF; --bg-sunken: #EFEBE3; --bg-raised: #FFFFFF; --border: rgba(20,18,14,.11); --border-soft: rgba(20,18,14,.07); --line: rgba(20,18,14,.11); --text: #1C1A16; --muted: #5B5751; --muted-2: #8A867E; --accent: #0F9C8E; --accent-soft: rgba(15,156,142,.1); --accent-border: rgba(15,156,142,.35); --on-accent: #FFFFFF; --pill-bg: rgba(16,18,22,.05); }