/* Mr. Polaris design system; tokens.css
   Single source of truth for every CSS custom property (dark + light).
   Replaces the 5-6 drifted per-page :root copies (SKY-1556).
   Loaded by every page BEFORE base.css and components.css.
   No em dash anywhere (brand rule). */

:root{
  /* ---- surfaces ---- */
  --bg:#0e0b1c;
  --bg-grad:radial-gradient(1100px 520px at 72% -12%,#241a52 0%,#0e0b1c 56%);
  --bg-elev:#181430;
  --bg-inset:#100d22;
  --line:#2c2752;
  --hover:#ffffff0c;

  /* ---- text + brand ---- */
  --text:#e9e7f6;
  --muted:#9d98c2;
  --brand:#9d7bff;
  --brand2:#c07bff;
  --accent:#5fd0ff;

  /* ---- gold ----
     --gold        = gold used as TEXT / icon / inset accent (theme-aware)
     --gold-solid  = fixed bright gold used ONLY as a button FILL background
     --gold-ink    = text color that sits on --gold-solid (AA in both themes) */
  --gold:#e8c66b;
  --gold-solid:#e8c66b;
  --gold-ink:#241d3a;

  /* ---- semantic status ---- */
  --green:#3ecf8e;
  --red:#ff6b81;
  --retro:#ff9d5c;
  --ecl:#ff7ad9;

  /* ---- expectation/intensity scale (event cards) ---- */
  --hi:#ff8a5c;  --hi-bg:#3a1d12;  --hi-bd:#7a3a26;
  --mid:#e8c66b; --mid-bg:#2e2712; --mid-bd:#5a4a24;
  --lo:#8fa0c9;  --lo-bg:#161d33;  --lo-bd:#33406a;

  /* ---- shape + depth ---- */
  --radius-sm:10px;
  --radius:14px;
  --radius-lg:20px;
  --shadow:0 12px 34px -20px #000;
  --shadow-lg:0 28px 70px -28px #000c;

  /* ---- motion + focus + touch ---- */
  --ease:.15s;
  --focus:var(--accent);
  --ring:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent);
  --touch:44px;

  /* ---- type families (self-hosted; ADR 012, zero external request) ---- */
  --font-display:"Fraunces","Playfair Display",Georgia,serif;
  --font-body:"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
}

html[data-theme="light"]{
  --bg:#f5f3fb;
  --bg-grad:radial-gradient(1100px 520px at 72% -16%,#ece5fb 0%,#f5f3fb 55%);
  --bg-elev:#ffffff;
  --bg-inset:#f2eefa;
  --line:#e5def3;
  --hover:#6d44d610;

  --text:#241d3a;
  --muted:#6c6590;
  --brand:#6d44d6;
  --brand2:#9a5bd8;
  --accent:#1577b8;

  /* gold AS TEXT on light failed WCAG AA (#9a7211 inset = 3.84:1, bright = 1.65:1).
     Darkened to #8a6410 (>=5.3:1 on white/elev). Button fills keep bright --gold-solid
     with dark --gold-ink (9.7:1 PASS). */
  --gold:#8a6410;
  --gold-solid:#e8c66b;
  --gold-ink:#241d3a;

  --green:#1a9b60;
  --red:#d23b54;
  --retro:#bf5e1c;
  --ecl:#bd4aa0;

  --hi:#c2521f;  --hi-bg:#fbe9df;  --hi-bd:#f0cbb6;
  --mid:#8a6410; --mid-bg:#faf3df; --mid-bd:#eddcae;
  --lo:#3a5288;  --lo-bg:#eaeefb;  --lo-bd:#cfd8f1;

  --shadow:0 12px 34px -20px #cdc4e6;
  --shadow-lg:0 24px 60px -26px #4a3b8a55;
}