/* WenAltSeason theme: colour tokens for light + dark, and palette islands. Loaded first on every page.
   Components read tokens only - no colour literals outside this file. */

/* ---- theme tokens: light = the original palette, dark = the Figma navy palette ---- */
:root{--s95:color-mix(in srgb,var(--navy-deep) 95%,transparent);--s90:color-mix(in srgb,var(--navy-deep) 90%,transparent);--s85:color-mix(in srgb,var(--navy-deep) 85%,transparent);--s75:color-mix(in srgb,var(--navy-deep) 75%,transparent);--s60:color-mix(in srgb,var(--navy-deep) 60%,transparent);--s45:color-mix(in srgb,var(--navy-deep) 45%,transparent);--s25:color-mix(in srgb,var(--navy-deep) 25%,transparent);}
:root{--gold:#ffc512;--on-gold-muted:#4d4100;--on-gold-2:#2e2c26;--on-gold-3:#3c3931;--on-gold-4:#45423b;--warn-strong-fixed:#5f4300;--paper-fixed:#fcfbf7;--fog-fixed:#f1efe7;--on-gold:#1d1d1b;--on-accent:#ffffff;--handle:#ffffff;--mask:#000000;--navy:#0b152e;--navy-deep:#060c1a;--panel:rgba(15,25,49,.44);--glass:rgba(255,255,255,.17);--acc-green:#84ff32;--acc-red:#ff1e12;--acc-orange:#ff8112;--brand-chatgpt:#10a37f;--brand-claude:#d97757;--brand-gemini:#4285f4;--brand-perplexity:#20808d;--ph-line-dark:rgba(255,255,255,.07);--ph-line-dark-2:rgba(255,255,255,.08);--on-gold-line:rgba(29,29,27,.18);--inv-field:rgba(38,38,35,.125);--inv-field-line:rgba(255,255,255,.28);--inv-rule:rgba(255,255,255,.14)}
:root,[data-theme="light"],.theme-light{--bg:#fcfbf7;--paper:#fcfbf7;--fog:#f1efe7;--line:#e4e2d8;--ink:#1d1d1b;--edge:#1d1d1b;--muted:#6d6a61;--text-2:#2e2c26;--text-3:#3c3931;--text-4:#45423b;--marker:#e8a200;--marker-text:#8a5a00;--gold-tint:#fdf3d0;--gold-text:#7a6510;--on-tint:#3c3106;--up:#0fa968;--up-text:#0b7a4c;--inv:#1d1d1b;--on-inv:#fcfbf7;--on-inv-2:#cbc8be;--on-inv-3:#b5b2a8;--on-inv-4:#8b8880;--inv-line:#2a2a27;--marker-bright:#e8a200;--up-bright:#0fa968;--ok-bg:#d9f2e6;--ok-text:#0b6b43;--err-bg:#f6dcd6;--err-line:#c0492e;--err-text:#8a2b1a;--warn-bg:#fdeccb;--warn-text:#8a5a00;--warn-strong:#5f4300;--ph-line:rgba(0,0,0,.06);--shadow-1:rgba(0,0,0,.06);--shadow-2:rgba(0,0,0,.09);--shadow-arrow:rgba(29,29,27,.16);--shadow-arrow-h:rgba(29,29,27,.22);--hard-shadow:#1d1d1b;--header-bg:rgba(252,251,247,.88);--yellow:var(--gold);--green:var(--up)}
[data-theme="dark"],.theme-dark{--bg:#0b152e;--paper:#0f1a35;--fog:#132042;--line:rgba(255,255,255,.13);--ink:#fcfbf7;--edge:rgba(252,251,247,.42);--muted:#a4abba;--text-2:#e9e8e3;--text-3:#dad9d3;--text-4:#cbcac4;--marker:#ffc512;--marker-text:#ffc512;--gold-tint:#2a2b28;--gold-text:#ffd45a;--on-tint:#f5e3a6;--up:#3fd99a;--up-text:#5ee3aa;--inv:#060c1a;--on-inv:#fcfbf7;--on-inv-2:#d4d8e1;--on-inv-3:#b5bccb;--on-inv-4:#939bae;--inv-line:rgba(255,255,255,.1);--marker-bright:#ffc512;--up-bright:#3fd99a;--ok-bg:rgba(15,169,104,.2);--ok-text:#72e8b4;--err-bg:rgba(192,73,46,.24);--err-line:#ec7a5f;--err-text:#ffb7a6;--warn-bg:rgba(232,162,0,.2);--warn-text:#ffd27a;--warn-strong:#ffe2a3;--ph-line:rgba(255,255,255,.06);--shadow-1:rgba(0,0,0,.35);--shadow-2:rgba(0,0,0,.45);--shadow-arrow:rgba(0,0,0,.4);--shadow-arrow-h:rgba(0,0,0,.5);--hard-shadow:rgba(0,0,0,.55);--header-bg:rgba(11,21,46,.86)}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0b152e;--paper:#0f1a35;--fog:#132042;--line:rgba(255,255,255,.13);--ink:#fcfbf7;--edge:rgba(252,251,247,.42);--muted:#a4abba;--text-2:#e9e8e3;--text-3:#dad9d3;--text-4:#cbcac4;--marker:#ffc512;--marker-text:#ffc512;--gold-tint:#2a2b28;--gold-text:#ffd45a;--on-tint:#f5e3a6;--up:#3fd99a;--up-text:#5ee3aa;--inv:#060c1a;--on-inv:#fcfbf7;--on-inv-2:#d4d8e1;--on-inv-3:#b5bccb;--on-inv-4:#939bae;--inv-line:rgba(255,255,255,.1);--marker-bright:#ffc512;--up-bright:#3fd99a;--ok-bg:rgba(15,169,104,.2);--ok-text:#72e8b4;--err-bg:rgba(192,73,46,.24);--err-line:#ec7a5f;--err-text:#ffb7a6;--warn-bg:rgba(232,162,0,.2);--warn-text:#ffd27a;--warn-strong:#ffe2a3;--ph-line:rgba(255,255,255,.06);--shadow-1:rgba(0,0,0,.35);--shadow-2:rgba(0,0,0,.45);--shadow-arrow:rgba(0,0,0,.4);--shadow-arrow-h:rgba(0,0,0,.5);--hard-shadow:rgba(0,0,0,.55);--header-bg:rgba(11,21,46,.86)}}
:root{color-scheme:light}
[data-theme="dark"]{color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}}
/* ---- islands: blocks that keep their own palette whatever the page theme ---- */
/* yellow surfaces: always dark ink on gold */
.on-gold,.btn-gold,.t-svc,.t-shows,.post .ctabox,.ph1,.prod-badge,.apptab[aria-current="page"],.promo-cta,.clink.gold{--ink:var(--on-gold);--edge:var(--on-gold);--muted:var(--on-gold-muted);--text-2:var(--on-gold-2);--text-3:var(--on-gold-3);--text-4:var(--on-gold-4);--marker-text:var(--warn-strong-fixed);--gold-text:var(--warn-strong-fixed);--on-tint:var(--on-gold-2);--up-text:var(--on-gold-2);--line:var(--on-gold-line);--paper:var(--paper-fixed);--fog:var(--fog-fixed);color:var(--ink)}
/* dark blocks: ink in light, deep navy in dark */
.inv,footer,.final,.rcard,.result-card,.t-cta,.t-echo,.panel.dark,.ph0{--ink:var(--on-inv);--paper:var(--inv);--muted:var(--on-inv-3);--text-2:var(--on-inv-2);--text-3:var(--on-inv-2);--text-4:var(--on-inv-3);--line:var(--inv-line);--edge:var(--inv);--marker-text:var(--marker-bright);--gold-text:var(--gold);--up-text:var(--up-bright);color:var(--ink)}
.theme-light,.theme-dark{color:var(--ink)}

/* ---- theme toggle (header icon button; labelled copy in the mobile menu) ---- */
.theme-toggle{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;margin-left:10px;padding:0;border:1.5px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .15s,color .15s}
.theme-toggle:hover{border-color:var(--edge);color:var(--marker-text)}
.theme-toggle:focus-visible{outline:2px solid var(--marker);outline-offset:2px}
.theme-toggle svg{width:18px;height:18px;display:block}
.theme-toggle .ic-sun{display:none}
[data-theme="dark"] .theme-toggle .ic-sun{display:block}
[data-theme="dark"] .theme-toggle .ic-moon{display:none}
.bar nav.tabs{margin-left:auto}
.theme-toggle-row{display:none}
.theme-toggle-corner{position:fixed;top:14px;right:14px;z-index:50;background:var(--paper)}
@media(max-width:680px){
  .bar .theme-toggle{margin-left:auto;margin-right:8px}
  nav.tabs .theme-toggle-row{display:flex;align-items:center;gap:10px;width:auto;height:auto;margin:12px 0 0;padding:10px 14px;border-radius:4px;font-family:var(--display);font-variant-ligatures:none;font-synthesis-weight:auto;font-size:14px;font-weight:600}
  .bar > .theme-toggle:not(.theme-toggle-row){margin-left:auto}
}