/* ════════════════════════════════════════════════════════════════════
   SymposiON — Home Revamp · TOKENS
   Real --sym-* theme tokens (light-first) + derived semantic tokens.
   Apply a .theme-* class to the home root (#sym-home). The whole token
   tree switches — drop-in compatible with the production theme engine.
   ════════════════════════════════════════════════════════════════════ */

/* ─── LIGHT · ALABASTER (default) — Pentelic marble ─────────────────── */
.theme-alabaster {
  --sym-bg-dark:  #F7F3EA;
  --sym-bg-panel: #FFFFFF;
  --sym-ink:      #1E1810;
  --sym-cream:    #FBF8F1;
  --sym-stone:    #8C7F6B;
  --sym-terra:    #C5572F;
  --sym-terra-dk: #9C3F1F;
  --sym-gold:     #A2862F;
  --sym-sage:     #5B7544;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* ─── LIGHT · PAPYRUS — warm daylight classroom ─────────────────────── */
.theme-papyrus {
  --sym-bg-dark:  #EFE7D6;
  --sym-bg-panel: #FBF6EA;
  --sym-ink:      #2A2012;
  --sym-cream:    #FBF6EA;
  --sym-stone:    #93826A;
  --sym-terra:    #C25A33;
  --sym-terra-dk: #9A4222;
  --sym-gold:     #9C7E2C;
  --sym-sage:     #5E7642;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* ─── LIGHT · AEGEAN MIST — cool marble + sea ───────────────────────── */
.theme-aegeanlight {
  --sym-bg-dark:  #EDF1F2;
  --sym-bg-panel: #FBFCFC;
  --sym-ink:      #16242C;
  --sym-cream:    #FBFCFC;
  --sym-stone:    #6E8189;
  --sym-terra:    #C7672F;
  --sym-terra-dk: #9E4E22;
  --sym-gold:     #93823A;
  --sym-sage:     #3E7E86;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* ─── DARK · HEARTH — warm dark + terra ─────────────────────────────── */
.theme-hearth {
  --sym-bg-dark:  #18120A;
  --sym-bg-panel: #241A11;
  --sym-ink:      #221B10;
  --sym-cream:    #F0EBE0;
  --sym-stone:    #95826A;
  --sym-terra:    #D97B5C;
  --sym-terra-dk: #C05535;
  --sym-gold:     #C9A44A;
  --sym-sage:     #87A06B;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── DARK · AEGEAN — midnight sea + copper ─────────────────────────── */
.theme-aegean {
  --sym-bg-dark:  #0B1018;
  --sym-bg-panel: #131F2D;
  --sym-ink:      #0F1620;
  --sym-cream:    #E9E2D2;
  --sym-stone:    #85909E;
  --sym-terra:    #E0894C;
  --sym-terra-dk: #B86A35;
  --sym-gold:     #D6B66E;
  --sym-sage:     #6FA0AB;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── DARK · AMPHORA — black-figure ink + Attic red ─────────────────── */
.theme-amphora {
  --sym-bg-dark:  #14100A;
  --sym-bg-panel: #1F1810;
  --sym-ink:      #171008;
  --sym-cream:    #ECDDBE;
  --sym-stone:    #998760;
  --sym-terra:    #D6502088;
  --sym-terra:    #D75321;
  --sym-terra-dk: #AC3719;
  --sym-gold:     #D6A02C;
  --sym-sage:     #94863F;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── DARK · OLIVE — grove green + gold ─────────────────────────────── */
.theme-olive {
  --sym-bg-dark:  #14180E;
  --sym-bg-panel: #1E2415;
  --sym-ink:      #141810;
  --sym-cream:    #ECEAD7;
  --sym-stone:    #8C926F;
  --sym-terra:    #C98A3A;
  --sym-terra-dk: #A06A26;
  --sym-gold:     #BFAE4C;
  --sym-sage:     #8AA84E;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── DARK · ORPHIC — black + iridescent violet ─────────────────────── */
.theme-orphic {
  --sym-bg-dark:  #07080C;
  --sym-bg-panel: #12131D;
  --sym-ink:      #06080C;
  --sym-cream:    #E7E4F0;
  --sym-stone:    #8782A0;
  --sym-terra:    #C97FB0;
  --sym-terra-dk: #A85C92;
  --sym-gold:     #C9B36A;
  --sym-sage:     #8E7FD6;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ════════════════════════════════════════════════════════════════════
   UNLOCKABLE THEMES — earned, like acroteria. Distinct, luminous palettes.
   ════════════════════════════════════════════════════════════════════ */

/* ─── ACROTERION · gilded temple roofline at night (bronze + verdigris) ─ */
.theme-acroterion {
  --sym-bg-dark:  #08110F;
  --sym-bg-panel: #102420;
  --sym-ink:      #06100D;
  --sym-cream:    #F0E9D2;
  --sym-stone:    #7E948A;
  --sym-terra:    #E0B24C;
  --sym-terra-dk: #BE9230;
  --sym-gold:     #E8C766;
  --sym-sage:     #3E9183;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── TYRIAN · the murex purple (royal violet + magenta) ────────────── */
.theme-tyrian {
  --sym-bg-dark:  #140A18;
  --sym-bg-panel: #1F1226;
  --sym-ink:      #100612;
  --sym-cream:    #EDE2F2;
  --sym-stone:    #8C7AA2;
  --sym-terra:    #CA64B2;
  --sym-terra-dk: #A8478F;
  --sym-gold:     #CBA86A;
  --sym-sage:     #9C7FD6;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── GOLDEN FLEECE · pure radiant gold ─────────────────────────────── */
.theme-golden-fleece {
  --sym-bg-dark:  #161003;
  --sym-bg-panel: #241906;
  --sym-ink:      #120C02;
  --sym-cream:    #F4EACE;
  --sym-stone:    #AC9966;
  --sym-terra:    #E2A93C;
  --sym-terra-dk: #BE8A26;
  --sym-gold:     #F2C44C;
  --sym-sage:     #CBA64C;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── ELYSIUM · pastel meadow + gold-green (light) ──────────────────── */
.theme-elysium {
  --sym-bg-dark:  #F1F4E6;
  --sym-bg-panel: #FBFCF4;
  --sym-ink:      #1E2418;
  --sym-cream:    #FBFCF4;
  --sym-stone:    #8A9478;
  --sym-terra:    #C58A3A;
  --sym-terra-dk: #9E6C26;
  --sym-gold:     #6F9E6A;
  --sym-sage:     #7FAE84;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* ─── DARK · OBSIDIAN — the original black + gold ───────────────────── */
.theme-obsidian {
  --sym-bg-dark:  #0A0907;
  --sym-bg-panel: #15120D;
  --sym-ink:      #080705;
  --sym-cream:    #F1E9D6;
  --sym-stone:    #897A5A;
  --sym-terra:    #E07A3C;
  --sym-terra-dk: #C05A24;
  --sym-gold:     #D2A24A;
  --sym-sage:     #8A9B5A;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── VIVID · VENETIAN — purple · gold · magenta ────────────────────── */
.theme-venetian {
  --sym-bg-dark:  #160A1E;
  --sym-bg-panel: #241036;
  --sym-ink:      #11061A;
  --sym-cream:    #F1E6F0;
  --sym-stone:    #9A7FA8;
  --sym-terra:    #D4499A;
  --sym-terra-dk: #B12F7E;
  --sym-gold:     #E3BB4B;
  --sym-sage:     #5E73D6;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── VIVID · SAFFRON — orange · amber ──────────────────────────────── */
.theme-saffron {
  --sym-bg-dark:  #1A1006;
  --sym-bg-panel: #271709;
  --sym-ink:      #150C03;
  --sym-cream:    #F8E9D2;
  --sym-stone:    #B0906A;
  --sym-terra:    #E8732A;
  --sym-terra-dk: #C2591A;
  --sym-gold:     #E8A23A;
  --sym-sage:     #D6A93E;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ════════════════════════════════════════════════════════════════════
   SEASONAL THEMES — re-tint + drive a matching flourish (js/seasons.js)
   ════════════════════════════════════════════════════════════════════ */

/* HALLOWEEN · mythic underworld (Katabasis) */
.theme-halloween {
  --sym-bg-dark:  #120A18;
  --sym-bg-panel: #1C1226;
  --sym-ink:      #0D0712;
  --sym-cream:    #F2E7D8;
  --sym-stone:    #8A7596;
  --sym-terra:    #ED7A28;
  --sym-terra-dk: #C85E12;
  --sym-gold:     #E0962E;
  --sym-sage:     #7E5AA6;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* CHRISTMAS · winter (Solstice) — light */
.theme-christmas {
  --sym-bg-dark:  #FAF5EE;
  --sym-bg-panel: #FFFFFF;
  --sym-ink:      #2A1713;
  --sym-cream:    #FFFFFF;
  --sym-stone:    #8A6F62;
  --sym-terra:    #B5302A;
  --sym-terra-dk: #8E211D;
  --sym-gold:     #BC9438;
  --sym-sage:     #2F6B47;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* EASTER · spring (Anastasi) — light */
.theme-easter {
  --sym-bg-dark:  #F6F6EC;
  --sym-bg-panel: #FFFFFF;
  --sym-ink:      #243218;
  --sym-cream:    #FFFFFF;
  --sym-stone:    #7E8568;
  --sym-terra:    #DE7E6A;
  --sym-terra-dk: #C25C48;
  --sym-gold:     #C9A93F;
  --sym-sage:     #5FA05A;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* CARNIVAL · Apokries — Venetian dark */
.theme-carnival {
  --sym-bg-dark:  #160A1E;
  --sym-bg-panel: #241036;
  --sym-ink:      #11061A;
  --sym-cream:    #F1E6F0;
  --sym-stone:    #9A7FA8;
  --sym-terra:    #D4499A;
  --sym-terra-dk: #B12F7E;
  --sym-gold:     #E3BB4B;
  --sym-sage:     #3FA396;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── LIGHT · CYCLADIC — whitewashed walls + Aegean blue ────────────── */
.theme-cycladic {
  --sym-bg-dark:  #EAF1F5;
  --sym-bg-panel: #FFFFFF;
  --sym-ink:      #13283A;
  --sym-cream:    #FFFFFF;
  --sym-stone:    #6E8597;
  --sym-terra:    #2E7BB5;
  --sym-terra-dk: #205C8C;
  --sym-gold:     #4DA3C7;
  --sym-sage:     #3E8E86;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* ─── DARK · PORPHYRY — imperial burgundy + gold ────────────────────── */
.theme-porphyry {
  --sym-bg-dark:  #180A0E;
  --sym-bg-panel: #251018;
  --sym-ink:      #12060A;
  --sym-cream:    #F1E1DE;
  --sym-stone:    #A07F86;
  --sym-terra:    #C13B57;
  --sym-terra-dk: #9C2A42;
  --sym-gold:     #CB8F4C;
  --sym-sage:     #B06A86;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── DARK · BRONZE — patinated bronze + verdigris ──────────────────── */
.theme-bronze {
  --sym-bg-dark:  #12120E;
  --sym-bg-panel: #1E1D15;
  --sym-ink:      #0E0E09;
  --sym-cream:    #EDE6D2;
  --sym-stone:    #94896E;
  --sym-terra:    #B5894C;
  --sym-terra-dk: #93692F;
  --sym-gold:     #CDA85A;
  --sym-sage:     #4E9B8E;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── VIVID · CORAL — coral red + teal ──────────────────────────────── */
.theme-coral {
  --sym-bg-dark:  #1C0E10;
  --sym-bg-panel: #2B1418;
  --sym-ink:      #160809;
  --sym-cream:    #FAE6E2;
  --sym-stone:    #B08882;
  --sym-terra:    #F0674E;
  --sym-terra-dk: #C94A36;
  --sym-gold:     #E8A24C;
  --sym-sage:     #3FA39A;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── SEASONAL · SPRING — Πρωτομαγιά, meadow + blossom (light) ───────── */
.theme-spring {
  --sym-bg-dark:  #EFF4E6;
  --sym-bg-panel: #FBFCF5;
  --sym-ink:      #23301B;
  --sym-cream:    #FBFCF5;
  --sym-stone:    #86977A;
  --sym-terra:    #E0759A;
  --sym-terra-dk: #C2557C;
  --sym-gold:     #C9A93F;
  --sym-sage:     #6FA85A;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* ─── SEASONAL · SUMMER — Πανηγύρι, sun + Aegean (light) ────────────── */
.theme-summer {
  --sym-bg-dark:  #FBF6E6;
  --sym-bg-panel: #FFFFFF;
  --sym-ink:      #1C3A47;
  --sym-cream:    #FFFFFF;
  --sym-stone:    #7E8B7E;
  --sym-terra:    #2E94B5;
  --sym-terra-dk: #1F7290;
  --sym-gold:     #E0A52E;
  --sym-sage:     #3FA38E;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* ─── SEASONAL · AUTUMN — Τρύγος, vintage amber + rust (dark) ───────── */
.theme-autumn {
  --sym-bg-dark:  #1A1008;
  --sym-bg-panel: #271810;
  --sym-ink:      #150B04;
  --sym-cream:    #F4E6CE;
  --sym-stone:    #AB8C66;
  --sym-terra:    #C86A2E;
  --sym-terra-dk: #A24E1E;
  --sym-gold:     #D49A38;
  --sym-sage:     #9A8A3E;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── SEASONAL · NEW YEAR — Πρωτοχρονιά, midnight + gold (dark) ──────── */
.theme-newyear {
  --sym-bg-dark:  #0A0F1C;
  --sym-bg-panel: #121A2E;
  --sym-ink:      #070B16;
  --sym-cream:    #ECE7D6;
  --sym-stone:    #7E889E;
  --sym-terra:    #E0B24C;
  --sym-terra-dk: #BE9230;
  --sym-gold:     #F2CD78;
  --sym-sage:     #5E73C6;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ════════════════════════════════════════════════════════════════════
   DERIVED SEMANTIC TOKENS — every theme inherits these computed values
   ════════════════════════════════════════════════════════════════════ */
[class*="theme-"] {
  /* font tokens — sane defaults so body-level popups (onboarding, consent,
     guide, search, notifications) that carry only a theme-* class still get the
     classical type. Direction classes (.dir-*) override these where present. */
  --disp:  'Oswald', 'Montserrat', sans-serif;
  --sans:  'Montserrat', system-ui, sans-serif;
  --serif: 'Alegreya', Georgia, serif;

  --bg:        var(--sym-bg);
  --card:      var(--sym-bg-card);
  --fg:        var(--sym-fg);
  --muted:     var(--sym-fg-muted);
  --terra:     var(--sym-terra);
  --terra-dk:  var(--sym-terra-dk);
  --gold:      var(--sym-gold);
  --sage:      var(--sym-sage);
  --stone:     var(--sym-stone);

  /* hairlines + tints derived from foreground so they self-adapt */
  --line:      color-mix(in srgb, var(--sym-fg) 13%, transparent);
  --line-soft: color-mix(in srgb, var(--sym-fg) 7%,  transparent);
  --line-bold: color-mix(in srgb, var(--sym-fg) 24%, transparent);
  --raise:     color-mix(in srgb, var(--sym-fg) 4%,  var(--sym-bg-card));
  --sink:      color-mix(in srgb, var(--sym-fg) 5%,  var(--sym-bg));
  --gold-soft: color-mix(in srgb, var(--sym-gold) 16%, transparent);
  --terra-soft:color-mix(in srgb, var(--sym-terra) 14%, transparent);
  --fg-70:     color-mix(in srgb, var(--sym-fg) 70%, transparent);
  --fg-50:     color-mix(in srgb, var(--sym-fg) 50%, transparent);
  --shadow:    color-mix(in srgb, var(--sym-ink, #000) 30%, transparent);
}

/* class-accent helper — set --ca on any element, get soft/line variants */
.has-accent {
  --ca-soft: color-mix(in srgb, var(--ca) 14%, transparent);
  --ca-mid:  color-mix(in srgb, var(--ca) 28%, transparent);
  --ca-ink:  color-mix(in srgb, var(--ca) 72%, var(--fg));
  --ca-tint: color-mix(in srgb, var(--ca) 9%, var(--card));
}

/* ─── LIGHT · MARBLE — cool white + slate blue ──────────────────────── */
.theme-marble {
  --sym-bg-dark:  #F2F4F7;
  --sym-bg-panel: #FFFFFF;
  --sym-ink:      #1B2430;
  --sym-cream:    #FFFFFF;
  --sym-stone:    #76808E;
  --sym-terra:    #4A6B8A;
  --sym-terra-dk: #345470;
  --sym-gold:     #9C8746;
  --sym-sage:     #4E8A86;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-ink);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: light;
}

/* ─── DARK · EMERALD — deep green + gold ────────────────────────────── */
.theme-emerald {
  --sym-bg-dark:  #08130E;
  --sym-bg-panel: #0F2018;
  --sym-ink:      #060F0B;
  --sym-cream:    #E7F0E6;
  --sym-stone:    #7E988A;
  --sym-terra:    #2FA36F;
  --sym-terra-dk: #1F7E52;
  --sym-gold:     #D8B45A;
  --sym-sage:     #2FA38E;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── DARK · MIDNIGHT — indigo + silver-gold ────────────────────────── */
.theme-midnight {
  --sym-bg-dark:  #090B16;
  --sym-bg-panel: #131730;
  --sym-ink:      #06070F;
  --sym-cream:    #E7E9F2;
  --sym-stone:    #7E889E;
  --sym-terra:    #6E7BD6;
  --sym-terra-dk: #5260BE;
  --sym-gold:     #CBB36A;
  --sym-sage:     #5E8AD6;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── VIVID · ROSEWOOD — rose + blush ───────────────────────────────── */
.theme-rose {
  --sym-bg-dark:  #1A0E12;
  --sym-bg-panel: #28141B;
  --sym-ink:      #14080C;
  --sym-cream:    #F8E2E6;
  --sym-stone:    #B0858E;
  --sym-terra:    #E0617E;
  --sym-terra-dk: #C0445F;
  --sym-gold:     #E0A24C;
  --sym-sage:     #C07FA8;
  --sym-bg:       var(--sym-bg-dark);
  --sym-bg-card:  var(--sym-bg-panel);
  --sym-fg:       var(--sym-cream);
  --sym-fg-muted: var(--sym-stone);
  color-scheme: dark;
}

/* ─── LIGHT · LINEN — warm ivory + sage ─────────────────────────────── */
.theme-linen { --sym-bg-dark:#F4EFE3; --sym-bg-panel:#FCFAF3; --sym-ink:#2A2A1E; --sym-cream:#FCFAF3; --sym-stone:#8C8770; --sym-terra:#5E7F52; --sym-terra-dk:#46633C; --sym-gold:#A98B3E; --sym-sage:#6E8B54; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-ink); --sym-fg-muted:var(--sym-stone); color-scheme:light; }
/* ─── LIGHT · PEARL — rose-grey + mauve ─────────────────────────────── */
.theme-pearl { --sym-bg-dark:#F2EEF0; --sym-bg-panel:#FCFAFB; --sym-ink:#2A2230; --sym-cream:#FCFAFB; --sym-stone:#8C8290; --sym-terra:#9C5E84; --sym-terra-dk:#7C4668; --sym-gold:#A98B5E; --sym-sage:#7E7AA0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-ink); --sym-fg-muted:var(--sym-stone); color-scheme:light; }
/* ─── LIGHT · HONEY — cream + amber ─────────────────────────────────── */
.theme-honey { --sym-bg-dark:#F6EEDB; --sym-bg-panel:#FDF8EC; --sym-ink:#2E2410; --sym-cream:#FDF8EC; --sym-stone:#978B6A; --sym-terra:#C8862E; --sym-terra-dk:#A06820; --sym-gold:#C89A3A; --sym-sage:#6E8B4E; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-ink); --sym-fg-muted:var(--sym-stone); color-scheme:light; }
/* ─── DARK · INK — black + steel ────────────────────────────────────── */
.theme-darkink { --sym-bg-dark:#0B0D12; --sym-bg-panel:#15171E; --sym-ink:#07080C; --sym-cream:#E6E9F0; --sym-stone:#828A9A; --sym-terra:#9AA6BC; --sym-terra-dk:#6E7C92; --sym-gold:#C9B36A; --sym-sage:#6E8FA0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
/* ─── DARK · OXBLOOD — wine + gold ──────────────────────────────────── */
.theme-wine { --sym-bg-dark:#160A0C; --sym-bg-panel:#221013; --sym-ink:#100608; --sym-cream:#F0E0DE; --sym-stone:#A07F82; --sym-terra:#9C3A3F; --sym-terra-dk:#7C2A2E; --sym-gold:#C99A4A; --sym-sage:#9C6A5E; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
/* ─── DARK · FOREST — deep green + copper ───────────────────────────── */
.theme-forest { --sym-bg-dark:#0C140E; --sym-bg-panel:#16221A; --sym-ink:#080F0A; --sym-cream:#E6EFE2; --sym-stone:#809080; --sym-terra:#C97D45; --sym-terra-dk:#A0602F; --sym-gold:#C9A85A; --sym-sage:#5E9B6E; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
/* ─── VIVID · FLAMINGO — magenta + cyan ─────────────────────────────── */
.theme-flamingo { --sym-bg-dark:#1C0A14; --sym-bg-panel:#2A1020; --sym-ink:#14060E; --sym-cream:#FAE2EE; --sym-stone:#B07F98; --sym-terra:#E84C8A; --sym-terra-dk:#C2356E; --sym-gold:#E0A24C; --sym-sage:#3FB0C0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
/* ─── VIVID · ELECTRIC — blue + lime ────────────────────────────────── */
.theme-electric { --sym-bg-dark:#08101C; --sym-bg-panel:#101C2E; --sym-ink:#060B14; --sym-cream:#E2ECF8; --sym-stone:#7E90AA; --sym-terra:#3E7BE0; --sym-terra-dk:#2E5EBE; --sym-gold:#A8D24C; --sym-sage:#4CC0B0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
/* ─── VIVID · ULTRAVIOLET — violet + teal ───────────────────────────── */
.theme-ultraviolet { --sym-bg-dark:#120A1E; --sym-bg-panel:#1E1232; --sym-ink:#0C0614; --sym-cream:#ECE2FA; --sym-stone:#9080B0; --sym-terra:#7E3CE0; --sym-terra-dk:#6230BE; --sym-gold:#C9A85A; --sym-sage:#3FB0A0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
/* ─── SEASONAL · EPIPHANY (Φώτα) — icy blue, light ──────────────────── */
.theme-epiphany { --sym-bg-dark:#EAF2F6; --sym-bg-panel:#FBFDFE; --sym-ink:#16323E; --sym-cream:#FBFDFE; --sym-stone:#6E8894; --sym-terra:#2E86B5; --sym-terra-dk:#1F6790; --sym-gold:#5BA3C7; --sym-sage:#3E9186; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-ink); --sym-fg-muted:var(--sym-stone); color-scheme:light; }
/* ─── SEASONAL · ASSUMPTION (Δεκαπενταύγουστος) — Aegean, light ──────── */
.theme-assumption { --sym-bg-dark:#EFF4F7; --sym-bg-panel:#FFFFFF; --sym-ink:#163040; --sym-cream:#FFFFFF; --sym-stone:#6E8597; --sym-terra:#2E7BB5; --sym-terra-dk:#205C8C; --sym-gold:#C9A93F; --sym-sage:#3E8E86; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-ink); --sym-fg-muted:var(--sym-stone); color-scheme:light; }
/* ─── SEASONAL · LENT (Σαρακοστή) — austere lavender-grey, light ─────── */
.theme-lent { --sym-bg-dark:#ECEAEF; --sym-bg-panel:#F8F7FA; --sym-ink:#2A2632; --sym-cream:#F8F7FA; --sym-stone:#847E92; --sym-terra:#7E6F9C; --sym-terra-dk:#5F5280; --sym-gold:#9C8B5E; --sym-sage:#6E8B7A; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-ink); --sym-fg-muted:var(--sym-stone); color-scheme:light; }

/* ════════════════════════════════════════════════════════════════════
   COMBOS — familiar two-colour kits (sport-inspired, named by colour) */
.theme-royalcourt { --sym-bg-dark:#19102C; --sym-bg-panel:#241640; --sym-ink:#0F0820; --sym-cream:#F0E8FA; --sym-stone:#9686B4; --sym-terra:#E0B24C; --sym-terra-dk:#BE9230; --sym-gold:#F2CD78; --sym-sage:#8E6AD0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-parquet { --sym-bg-dark:#0B0F0B; --sym-bg-panel:#141A12; --sym-ink:#070A07; --sym-cream:#E6F0E2; --sym-stone:#7E8C78; --sym-terra:#3FA35E; --sym-terra-dk:#2E7E46; --sym-gold:#C9A85A; --sym-sage:#4CC080; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-rosso { --sym-bg-dark:#160A0A; --sym-bg-panel:#221010; --sym-ink:#100606; --sym-cream:#F4E2DE; --sym-stone:#A87F7C; --sym-terra:#E0322E; --sym-terra-dk:#B8241F; --sym-gold:#E0B24C; --sym-sage:#E0635E; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-petrol { --sym-bg-dark:#0A1416; --sym-bg-panel:#10201F; --sym-ink:#060F10; --sym-cream:#E2F0EE; --sym-stone:#7E9694; --sym-terra:#2EC4B6; --sym-terra-dk:#1F9488; --sym-gold:#C4CDD6; --sym-sage:#6FD0C4; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-papaya { --sym-bg-dark:#0B1020; --sym-bg-panel:#121C2E; --sym-ink:#070A14; --sym-cream:#F4E8DE; --sym-stone:#8E8C9A; --sym-terra:#F0701E; --sym-terra-dk:#C25714; --sym-gold:#E0A52E; --sym-sage:#3E86E0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-onyxgold { --sym-bg-dark:#0C0C0A; --sym-bg-panel:#18180F; --sym-ink:#080806; --sym-cream:#F4EEDE; --sym-stone:#9A8E68; --sym-terra:#F2C81E; --sym-terra-dk:#C2A015; --sym-gold:#F2D85E; --sym-sage:#BCA82E; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-navygarnet { --sym-bg-dark:#0A1024; --sym-bg-panel:#121A38; --sym-ink:#060A18; --sym-cream:#EAE2F0; --sym-stone:#8088A8; --sym-terra:#A6324C; --sym-terra-dk:#832539; --sym-gold:#D8A24C; --sym-sage:#3E5AC2; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-crimsononyx { --sym-bg-dark:#120A0C; --sym-bg-panel:#1E1012; --sym-ink:#0C0608; --sym-cream:#F4E2E4; --sym-stone:#A87F84; --sym-terra:#D42C3A; --sym-terra-dk:#A8202C; --sym-gold:#C9A85A; --sym-sage:#E0606A; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-verdeoro { --sym-bg-dark:#0A140C; --sym-bg-panel:#122010; --sym-ink:#060F08; --sym-cream:#E8F0DE; --sym-stone:#82906E; --sym-terra:#2FA85E; --sym-terra-dk:#1F7E44; --sym-gold:#F2C81E; --sym-sage:#5EC080; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-skynavy { --sym-bg-dark:#0A1420; --sym-bg-panel:#122030; --sym-ink:#060E16; --sym-cream:#E2EEF6; --sym-stone:#7E94A6; --sym-terra:#3EA8E0; --sym-terra-dk:#2E80B8; --sym-gold:#E0B24C; --sym-sage:#5EC0E0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-crimsonwhite { --sym-bg-dark:#160C0D; --sym-bg-panel:#221416; --sym-ink:#0E0708; --sym-cream:#F4E6E6; --sym-stone:#A88A8C; --sym-terra:#E02230; --sym-terra-dk:#B41824; --sym-gold:#ECECEC; --sym-sage:#E0606A; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-goldazure { --sym-bg-dark:#0A1020; --sym-bg-panel:#121A30; --sym-ink:#060A14; --sym-cream:#EFEAD8; --sym-stone:#8E8C78; --sym-terra:#E0B22E; --sym-terra-dk:#BE9220; --sym-gold:#2E6FD0; --sym-sage:#3E86E0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-claretsky { --sym-bg-dark:#140A10; --sym-bg-panel:#201018; --sym-ink:#0C060A; --sym-cream:#F0E2E8; --sym-stone:#A0808C; --sym-terra:#8E2A44; --sym-terra-dk:#6E1E33; --sym-gold:#6FB0E0; --sym-sage:#B04A64; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-onyxivory { --sym-bg-dark:#0C0C0C; --sym-bg-panel:#171717; --sym-ink:#080808; --sym-cream:#EFEFEF; --sym-stone:#9A9A9A; --sym-terra:#E6E6E6; --sym-terra-dk:#B8B8B8; --sym-gold:#C9A85A; --sym-sage:#B0B0B0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-viola { --sym-bg-dark:#140E20; --sym-bg-panel:#1F1632; --sym-ink:#0C0814; --sym-cream:#EDE4FA; --sym-stone:#9286B0; --sym-terra:#8E5AC2; --sym-terra-dk:#6E40A0; --sym-gold:#ECECEC; --sym-sage:#A87FD6; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }

/* ── COMBOS · game & screen vibes (3-colour) ── */
.theme-whitewolf { --sym-bg-dark:#0C0D0F; --sym-bg-panel:#16181B; --sym-ink:#070809; --sym-cream:#ECEEF0; --sym-stone:#8A9096; --sym-terra:#C8312A; --sym-terra-dk:#A0211C; --sym-gold:#C0C6CC; --sym-sage:#8A9096; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-warforged { --sym-bg-dark:#100A06; --sym-bg-panel:#1D140C; --sym-ink:#0A0704; --sym-cream:#F0E6D6; --sym-stone:#A08C6E; --sym-terra:#E0541E; --sym-terra-dk:#B43E12; --sym-gold:#C8922E; --sym-sage:#6FA83E; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-wallcrawler { --sym-bg-dark:#0A0A12; --sym-bg-panel:#14141F; --sym-ink:#06060C; --sym-cream:#ECEEF4; --sym-stone:#8488A0; --sym-terra:#E01E2E; --sym-terra-dk:#B41420; --sym-gold:#2E5AE0; --sym-sage:#E0E0E6; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-flux { --sym-bg-dark:#0A0C10; --sym-bg-panel:#141A22; --sym-ink:#06080C; --sym-cream:#E6ECF2; --sym-stone:#8A98A6; --sym-terra:#FF7A1E; --sym-terra-dk:#D45E10; --sym-gold:#6FA8D0; --sym-sage:#C6CDD6; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-hyrule { --sym-bg-dark:#0A1209; --sym-bg-panel:#142013; --sym-ink:#060F06; --sym-cream:#EEF0DC; --sym-stone:#8A926E; --sym-terra:#2F9E4F; --sym-terra-dk:#1F7A3A; --sym-gold:#E0B82E; --sym-sage:#9A7A4E; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-plumber { --sym-bg-dark:#0E0A0A; --sym-bg-panel:#1A1210; --sym-ink:#080606; --sym-cream:#F4ECE2; --sym-stone:#A0908C; --sym-terra:#E0301E; --sym-terra-dk:#B42214; --sym-gold:#F2C81E; --sym-sage:#2E6FD0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-parisian { --sym-bg-dark:#08101C; --sym-bg-panel:#121A2A; --sym-ink:#050A12; --sym-cream:#EAEEF4; --sym-stone:#7E8AA0; --sym-terra:#C8313F; --sym-terra-dk:#A02230; --sym-gold:#ECECEC; --sym-sage:#2E4FA0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-royalblue { --sym-bg-dark:#0A1024; --sym-bg-panel:#121A38; --sym-ink:#060A18; --sym-cream:#E6ECF6; --sym-stone:#8088A6; --sym-terra:#2E5AE0; --sym-terra-dk:#2244B4; --sym-gold:#ECECEC; --sym-sage:#5E86E0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-empire { --sym-bg-dark:#0A1430; --sym-bg-panel:#122247; --sym-ink:#060C1E; --sym-cream:#F4EADC; --sym-stone:#9C8E78; --sym-terra:#F57920; --sym-terra-dk:#D45E10; --sym-gold:#F59A2E; --sym-sage:#3E72D6; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
/* SEASONAL · AUTUMN — falling leaves, warm rust */
.theme-fall { --sym-bg-dark:#1A1206; --sym-bg-panel:#271B0C; --sym-ink:#120C04; --sym-cream:#F4E6CE; --sym-stone:#A88E66; --sym-terra:#C8641E; --sym-terra-dk:#A04E14; --sym-gold:#D4A02E; --sym-sage:#8A7A3E; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }

/* ── NEON · saturated accents on near-black ── */
.theme-neonpink { --sym-bg-dark:#0B0610; --sym-bg-panel:#160C1C; --sym-ink:#07040C; --sym-cream:#FCE6F2; --sym-stone:#A87FA0; --sym-terra:#FF2E88; --sym-terra-dk:#D41E6E; --sym-gold:#FF6AB0; --sym-sage:#2EE6FF; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-neoncyan { --sym-bg-dark:#04100F; --sym-bg-panel:#0A1E1D; --sym-ink:#020A0A; --sym-cream:#DCFAF6; --sym-stone:#6FA8A2; --sym-terra:#00F0FF; --sym-terra-dk:#00B8C4; --sym-gold:#5EFFE0; --sym-sage:#FF2E88; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-neonlime { --sym-bg-dark:#0A0F04; --sym-bg-panel:#141E0A; --sym-ink:#060A02; --sym-cream:#EEFAD6; --sym-stone:#94A86E; --sym-terra:#B6FF1A; --sym-terra-dk:#8AC410; --sym-gold:#E6FF66; --sym-sage:#19E0C0; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-neonviolet { --sym-bg-dark:#0A0614; --sym-bg-panel:#150C26; --sym-ink:#06040C; --sym-cream:#EEE2FC; --sym-stone:#9080B0; --sym-terra:#9B5CFF; --sym-terra-dk:#7A3EE0; --sym-gold:#C9A0FF; --sym-sage:#2EE6FF; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-neonmagenta { --sym-bg-dark:#100410; --sym-bg-panel:#1E0A1E; --sym-ink:#0A020A; --sym-cream:#FCE2FA; --sym-stone:#A87FA6; --sym-terra:#FF2EE6; --sym-terra-dk:#D41EC0; --sym-gold:#FF7AF0; --sym-sage:#2EE6FF; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-neonorange { --sym-bg-dark:#100802; --sym-bg-panel:#1E1006; --sym-ink:#0A0502; --sym-cream:#FCEAD6; --sym-stone:#A8906E; --sym-terra:#FF6A00; --sym-terra-dk:#D45400; --sym-gold:#FFA63E; --sym-sage:#00F0FF; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-synthwave { --sym-bg-dark:#0C0618; --sym-bg-panel:#170C2A; --sym-ink:#07040E; --sym-cream:#F4E2FC; --sym-stone:#9C82B0; --sym-terra:#FF2E88; --sym-terra-dk:#D41E6E; --sym-gold:#2EE6FF; --sym-sage:#9B5CFF; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }
.theme-vapor { --sym-bg-dark:#0A0A16; --sym-bg-panel:#141426; --sym-ink:#06060E; --sym-cream:#F0E6FC; --sym-stone:#8E88A8; --sym-terra:#FF6AD5; --sym-terra-dk:#D44EAE; --sym-gold:#8AC6FF; --sym-sage:#C77DFF; --sym-bg:var(--sym-bg-dark); --sym-bg-card:var(--sym-bg-panel); --sym-fg:var(--sym-cream); --sym-fg-muted:var(--sym-stone); color-scheme:dark; }