/* â”€â”€â”€ Light theme â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€
   Split out of site.css 2026-08-02. Everything here is scoped to
   [data-theme="light"]; base styles stay in site.css.

   LOAD ORDER IS PART OF THE CONTRACT. _Layout links site.css, then every theme
   file, then themes/_shared.css. Theme rules carry an extra attribute selector,
   so they outrank base styles wherever they land - but do not reorder the links
   without re-reading _shared.css, which wins by POSITION rather than weight.

   The picker applies themes client-side with no reload (site.js), so every theme
   file ships on every page. Serving only the active theme would need the picker
   to fetch on demand first. */
/* Classic Light (id "light") - retuned 2026-07-20 (owner call, game-page redesign
   mockup): the old cool gray-cream gave way to a calming warm parchment - cream page,
   tan chips, rust accent, sea-teal secondary. Same slots, warmer values. */
[data-theme="light"] {
    --bg: #f5ecdd;
    --bg2: #efe3cd;
    --bg3: #e9dabf;
    --surface: #e2d3b6;
    --border: #d3c2a2;
    --border2: #bcaa87;
    --text: #2a2118;
    --text-mid: #5c5240;
    /* Must clear AA on the cream bg (the old light theme learned this the hard way). */
    --text-dim: #6e6350;
    /* Rust-orange accent (buttons, hover links, active chips) instead of the dark
       theme's coral - the mockup's "Buy on Amazon" / "139" color. */
    --amber: oklch(0.55 0.14 45);
    --amber-dim: oklch(0.46 0.12 45);
    --amber-bg: oklch(0.93 0.035 65);
    /* Sea teal secondary, dark enough to read on cream. */
    --cyan: #16796b;
    --cyan-dim: rgba(22, 121, 107, 0.45);
    /* Stat pill fills (light ramp runs light->dark, so "brighter" needs its own slot):
       hi tier = near-white cream above the rail bg; lo tier = the tan surface chip. */
    --chip-bright: #fbf4e7;
    --chip-mid: var(--surface);
    --heart: oklch(0.52 0.22 27);
    /* Darker steel so the moderator shield stays legible on the cream page. */
    --mod: oklch(0.50 0.11 245);
    /* Deeper gold so the admin crown stays legible on the cream page. */
    --admin: oklch(0.60 0.13 80);
    /* No under-nav accent line on the classic themes (owner, 2026-07-16) - game themes
       keep it (it's part of their signature palette), the two plain themes don't. */
    --nav-gradient: transparent;
}
:root[data-theme="light"] .lu-kbg-bg { color: #2E7D78; }
