/* ============================================================ Lumen Haru — THEME SYSTEM (single source of truth) Two canonical themes the visitor can switch between: data-theme="dark" = Midnight Ember (default) — warm dark cream + gold/ember data-theme="light" = Daylight Ember — warm light cream + gold/ember The toggle in the header (app.js) sets data-theme on and remembers the choice in localStorage ("lh_theme"). Same token NAMES across both themes, so every page (chrome, info pages, product pages) re-skins automatically. No blue anywhere — HAKUDO accent is gold; King Tiger red and UNI maroon retained. TO MAINTAIN: edit the tokens below. TO ADD A THEME: copy a block, give it a new data-theme id, add it to the toggle list in app.js. ============================================================ */ /* :root mirrors the DARK theme so the very first paint is dark (matches the default) before app.js applies the saved preference. */ :root, [data-theme="dark"]{ --bg: #211C14; /* warm dark cream */ --bg-alt: #2A2418; --surface: #2C261B; --ink: #F8F3E7; /* cream text */ --ink-soft: #DFD8C6; --muted: #ABA088; --line: #43392B; --accent: #F2A024; /* gold */ --accent-2: #FF7A1A; /* ember */ --accent-text:#F9C055; /* legible gold for links/text on dark */ --accent-ink:#1A1206; --hero-from: #2A2418; --hero-to: #211C14; --shadow: 0 18px 44px rgba(0,0,0,.5); --hakudo: #F2A024; /* HAKUDO -> gold (no blue) */ --king-tiger:#E0392F; /* lifted red */ --uni: #B14250; /* lifted maroon */ } [data-theme="light"]{ --bg: #FBF7EF; /* warm light cream */ --bg-alt: #F3ECDD; --surface: #FFFFFF; --ink: #241C0E; /* deep warm ink */ --ink-soft: #4E4634; --muted: #7A6E54; /* WCAG-AA on cream */ --line: #E7DDC8; --accent: #C77F1B; /* deeper gold for contrast on light */ --accent-2: #E8631A; /* ember */ --accent-text:#9A6206; /* legible gold for links/text on light */ --accent-ink:#FFFFFF; --hero-from: #FFFFFF; --hero-to: #FBF3E2; --shadow: 0 14px 34px rgba(120,90,20,.14); --hakudo: #C77F1B; /* gold (no blue) */ --king-tiger:#C2141B; /* brand red */ --uni: #8E2A36; /* brand maroon */ }