/* ════════════════════════════════════════════════════════════════════
   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.
   ════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════
   HOUSE RULE — Greek in caps.   (F-019 · διορθωμένο σκεπτικό, T-01)
   ────────────────────────────────────────────────────────────────────
   ΠΡΟΣΟΧΗ: το αρχικό σκεπτικό αυτού του κανόνα ΗΤΑΝ ΛΑΘΟΣ. Έλεγε ότι
   «το uppercase πετάει τον τόνο, που δεν είναι έτσι γραμμένη η λέξη».
   Αλλά το πέταγμα του τόνου ΕΙΝΑΙ η σωστή ελληνική ορθογραφία στα
   κεφαλαία: «Απόκτησέ το» → «ΑΠΟΚΤΗΣΕ ΤΟ», σωστό.

   ΤΙ ΙΣΧΥΕΙ ΠΡΑΓΜΑΤΙΚΑ — μετρημένο με getBoundingClientRect σε 16px
   serif, σε αυτόν τον Chromium:

     CSS uppercase «λειτουργία», <html lang="el">    93,53px  ─┐ ίδια
     κυριολεκτικό «ΛΕΙΤΟΥΡΓΙΑ»  (άτονο, σωστό)       93,53px  ─┘ ΣΩΣΤΟ
     κυριολεκτικό «ΛΕΙΤΟΥΡΓΊΑ»  (τονισμένο, λάθος)   94,78px
     CSS uppercase με lang="en" ή χωρίς lang         94,78px    ΛΑΘΟΣ

   Δηλαδή:
     • Η CSS ΕΙΝΑΙ ΣΩΣΤΗ όσο το στοιχείο είναι σε ελληνικό context.
       Και οι 54 σελίδες έχουν <html lang="el"> — εκτός από το
       games/hagia-sophia/index.html (lang="en"), που δεν δείχνει
       τονισμένα ελληνικά κάτω από uppercase. Άρα το σφάλμα της CSS
       είναι ΛΑΝΘΑΝΟΝ: ένα άλλαγμα του lang μακριά.
     • Η JAVASCRIPT ΕΙΝΑΙ ΛΑΘΟΣ, πάντα:
         'ενότητα'.toUpperCase()            → ΕΝΌΤΗΤΑ    ΛΑΘΟΣ
         'ενότητα'.toLocaleUpperCase('el')  → ΕΝΟΤΗΤΑ    ΣΩΣΤΟ
         'Ξενοφῶν'.toUpperCase()            → ΞΕΝΟΦΩ͂Ν    ΛΑΘΟΣ
         'Ξενοφῶν'.toLocaleUpperCase('el')  → ΞΕΝΟΦΩΝ     ΣΩΣΤΟ
       Το locale 'el' καθαρίζει και τα πνεύματα/υπογεγραμμένες.

   ΟΙ ΔΥΟ ΚΑΝΟΝΕΣ, λοιπόν:
     1. ΣΕ JS: ΠΟΤΕ .toUpperCase() σε ελληνικά — πάντα
        .toLocaleUpperCase('el').
     2. ΣΕ CSS: προτίμησε κεφαλαία γραμμένα στην πηγή. Δεν είναι λάθος
        το text-transform, αλλά τα γραμμένα κεφαλαία δεν εξαρτώνται από
        το lang και σου αφήνουν τον έλεγχο εκεί που ο τόνος ΠΡΕΠΕΙ να
        μείνει — π.χ. το διαζευκτικό «Ή», που αλλιώς διαβάζεται ως το
        άρθρο «Η» (games/adidakto/exam.html).

   Stripped in this pass: 251 rules across 22 files under css/, plus 16
   in games/lyo/game.css (the shared grammar chrome behind nine games)
   and 6 in games/iliada-trivia/game.css — 273 in all. Every one of them
   already carried `letter-spacing` (exactly two did not, .st-badge and
   .sc-lu__ttl, and were given it), so the small / wide / quiet label
   look the caps were standing in for survives on tracking + size +
   weight alone. Verified by DOM sweep: 0 Greek nodes with
   `text-transform !== 'none'`.

   If caps are genuinely wanted, AUTHOR them in the source string — that
   way a human chose them and the accents are dropped deliberately.
   Latin-only labels (the `*-en` / `*__en` classes) may keep `uppercase`;
   seven do.
   ════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════
   BREAKPOINTS — the ONE scale.   (F-006)
   ────────────────────────────────────────────────────────────────────
   Before this block the CSS carried FIFTEEN different max-widths
   (430 460 480 520 560 600 640 680 720 760 820 880 940 1024 1100), so
   two components that both meant "phone" flipped 120px apart. Every
   width media query under css/ now sits on one of the six steps below.

     --bp-xs   480px  small phone             (was 430 · 460 · 480)
     --bp-sm   600px  phone                   (was 520 · 560 · 600)
     --bp-md   720px  large phone / phablet   (was 640 · 680 · 720)
     --bp-lg   940px  tablet portrait         (was 760 · 820 · 880 · 940)
     --bp-xl  1100px  tablet landscape        (was 1024 · 1100)
     --bp-nav 1280px  the width below which the site nav cannot fit its
                      bar (measured: it needs 1357px) and collapses
                      to the burger drawer                   (F-020)

   Custom properties CANNOT be used inside @media — no browser supports
   `@media (max-width: var(--bp-sm))`, and this project has no build
   step. So these tokens are the declared source of truth (and the value
   JS reads via getComputedStyle); each media query repeats the literal.
   Rule for editors: never invent a new number. Pick a step. If none
   fits, add it HERE first, with a reason.

   Convergence rounded every old value UP to its step. Rounding up only
   ever makes the simpler / stacked layout apply at MORE widths, so it
   can never introduce horizontal overflow; rounding down could.
   ════════════════════════════════════════════════════════════════════ */
:root {
  --bp-xs:  480px;
  --bp-sm:  600px;
  --bp-md:  720px;
  --bp-lg:  940px;
  --bp-xl: 1100px;
  --bp-nav:1280px;
}

/* ════════════════════════════════════════════════════════════════════
   ΘΕΜΑΤΑ — ΤΟ ΔΕΙΓΜΑ ΤΟΥ ΕΠΙΛΟΓΕΑ ΕΙΝΑΙ ΤΟ ΘΕΜΑ.   (TH-02)
   ────────────────────────────────────────────────────────────────────
   Το THEMES του js/app.js δείχνει σε κάθε θέμα δύο χρώματα: a (φόντο)
   και b (τόνος). Σε 9 θέματα το b ΔΕΝ ήταν το --sym-terra, που βάφει
   τα κουμπιά: διάλεγες «Aegean Mist» με γαλάζιο δείγμα και έπαιρνες
   πορτοκαλί κουμπιά· «Forest» με πράσινο και έπαιρνες χάλκινα.

   Κανόνας: a === --sym-bg-dark και b === --sym-terra, για ΚΑΘΕ θέμα.
   Το λογότυπο (--brand) βγαίνει από το b, άρα από το ίδιο χρώμα με τα
   κουμπιά. Ελέγχεται από το js/theme-swatch.test.js.
   ════════════════════════════════════════════════════════════════════ */

/* ─── LIGHT · ALABASTER — 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:    #2E7D9A;
  --sym-terra-dk: #22637C;
  --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:    #8AA84E;
  --sym-terra-dk: #5E7A2C;
  --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:    #8E7FD6;
  --sym-terra-dk: #6F5FC0;
  --sym-gold:     #C9B36A;
  --sym-sage:     #C97FB0;
  --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:    #D2A24A;
  --sym-terra-dk: #A87A26;
  --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;
}

/* ─── LIGHT · CYCLADIC ROSE «Κυκλαδικό ρόδι» — ίδιο 60/30 με το Cycladic
   (ασβέστης + γαλάζιο του Αιγαίου), τόνος 10% ρόδι αντί για μπλε. Ο
   ιδιοκτήτης: «στο γαλάζιο αισθάνομαι ότι το ροζ ίσως ταιριάζει για το
   10%». Δωρεάν, όπως το Cycladic· δεν το αντικαθιστά. AA: τόνος σε
   60%/κάρτα/30% ≥ 4,5 (--c-acc-text), λευκό σε κουμπί 5,5:1. ─────────── */
.theme-cycladicrose {
  --sym-bg-dark:  #EAF1F5;
  --sym-bg-panel: #FFFFFF;
  --sym-ink:      #13283A;
  --sym-cream:    #FFFFFF;
  --sym-stone:    #6E8597;
  --sym-terra:    #C8346E;
  --sym-terra-dk: #9E1E52;
  --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 · VALENTINE'S — Έρως, rose + gold (light) ─────────────── */
.theme-valentine {
  --sym-bg-dark:  #FBEEF1;
  --sym-bg-panel: #FFFFFF;
  --sym-ink:      #2C1A22;
  --sym-cream:    #FFFFFF;
  --sym-stone:    #9A7F88;
  --sym-terra:    #D8456B;
  --sym-terra-dk: #B02E52;
  --sym-gold:     #C9A24A;
  --sym-sage:     #B06A86;
  --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', 'Alegreya Sans', sans-serif;
  /* Alegreya Sans is the design-handoff UI face and the sans companion to
     Alegreya (same superfamily), so body copy and headings share a voice.
     Montserrat is kept as a fallback for anything still asking for it. */
  --sans:  'Alegreya Sans', 'Montserrat', system-ui, sans-serif;
  --serif: 'Alegreya', Georgia, serif;

  /* ── ΠΟΛΥΤΟΝΙΚΟ ΑΡΧΑΙΟ ΚΕΙΜΕΝΟ ──────────────────────────────────────
     Ίδια όψη με το --serif (η Alegreya μένει πρώτη· έχει και τους 233
     γλύφους του Greek Extended). Αλλάζει μόνο η ΟΥΡΑ.

     Το πρόβλημα που λύνει: αν η Alegreya δεν προλάβει να φορτώσει —
     αργό δίκτυο, font-display:swap, αποκλεισμένο CDN — η επόμενη στη
     σειρά ήταν η Georgia, που ΔΕΝ έχει καθόλου ελληνικά. Ο browser
     έπεφτε στη γενική serif και, όπου ούτε εκείνη είχε τον σύνθετο
     χαρακτήρα, αποσύνθετε το «τοὺς» σε «του» + χωριστή βαρεία: «του`ς».
     Τα δασυνόμενα φαίνονταν σωστά και μόνο η βαρεία έσπαγε, γι' αυτό
     έμοιαζε με σφάλμα δεδομένων ενώ ήταν σφάλμα γραμματοσειράς.

     Οι τέσσερις που ακολουθούν έχουν ΟΛΕΣ πλήρες πολυτονικό και καλύπτουν
     Windows, macOS, Linux και Android. Η Georgia δεν μπαίνει καθόλου. */
  --greek: 'Alegreya', 'Palatino Linotype', 'Times New Roman',
           'Noto Serif', 'DejaVu Serif', 'FreeSerif', serif;

  /* 60 · 30 · 10 (βλ. «ΘΕΜΑΤΑ 60-30-10» στο τέλος του αρχείου): τα παλιά
     ονόματα δείχνουν στους ρόλους, ώστε κάθε συστατικό να ακολουθεί την
     αναλογία χωρίς να ξαναγραφτεί. Οι εφεδρικές τιμές = οι παλιές. */
  --bg:        var(--c-dom, var(--sym-bg));
  --card:      var(--c-dom-2, var(--sym-bg-card));
  --fg:        var(--sym-fg);
  --muted:     var(--c-muted, var(--sym-fg-muted));
  --terra:     var(--c-acc-text, var(--sym-terra));
  --terra-dk:  var(--c-acc-deep, var(--sym-terra-dk));
  --gold:      var(--sym-gold);
  --sage:      var(--sym-sage);
  --stone:     var(--sym-stone);
  --sec:       var(--c-sec, var(--sym-bg-card));
  --sec-line:  var(--c-sec-2, var(--sym-fg));
  /* «όλα τολμηρά»: το γέμισμα των κουμπιών δράσης = ο ΖΩΗΡΟΣ τόνος, με
     μαύρο ή λευκό κείμενο, όποιο περνά 4,5:1 (το παλιό #fff πάνω στο
     --terra-dk έβγαζε θολά κουμπιά στους φωτεινούς τόνους) */
  --acc-fill:  var(--c-acc-fill, var(--sym-terra-dk));
  --on-acc:    var(--c-acc-ink, #FFFFFF);
  --acc-pop:   var(--c-acc-pop, var(--sym-terra));

  /* περιγράμματα + αποχρώσεις: από το δευτερεύον (30%), όχι πια από το
     ουδέτερο χρώμα του κειμένου — έτσι οι γραμμές και οι «βυθισμένες»
     ζώνες κουβαλούν το δεύτερο χρώμα του θέματος */
  --line:      color-mix(in srgb, var(--sec-line) 34%, transparent);
  --line-soft: color-mix(in srgb, var(--sec-line) 18%, transparent);
  --line-bold: color-mix(in srgb, var(--sec-line) 62%, transparent);
  --raise:     color-mix(in srgb, var(--sec) 32%, var(--sym-bg-card));
  --sink:      color-mix(in srgb, var(--sec) 72%, 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; }

/* ── ΤΟΛΜΗΡΑ · τρία χρώματα, ένας τόνος που φωνάζει (βλ. ΘΕΜΑΤΑ 60-30-10 και το μπλοκ «ΤΟΛΜΗΡΑ» πιο κάτω) ── */
.theme-flame { --sym-bg-dark:#000000; --sym-bg-panel:#0E0E0E; --sym-ink:#000000; --sym-cream:#FFFFFF; --sym-stone:#9A9A9A; --sym-terra:#FE5101; --sym-terra-dk:#D34305; --sym-gold:#FF8A4C; --sym-sage:#C8C8C8; --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-voltage { --sym-bg-dark:#000000; --sym-bg-panel:#0D0E12; --sym-ink:#000000; --sym-cream:#FFFFFF; --sym-stone:#9699A6; --sym-terra:#2F5BFF; --sym-terra-dk:#1D3EE2; --sym-gold:#7FA0FF; --sym-sage:#C8CAD2; --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-acidlime { --sym-bg-dark:#0A0A0A; --sym-bg-panel:#141414; --sym-ink:#050505; --sym-cream:#FFFFFF; --sym-stone:#9CA08E; --sym-terra:#C6FF00; --sym-terra-dk:#628000; --sym-gold:#E6FF80; --sym-sage:#CACCC4; --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-crimsonnight { --sym-bg-dark:#000000; --sym-bg-panel:#100D0D; --sym-ink:#000000; --sym-cream:#F5F1EA; --sym-stone:#A39A94; --sym-terra:#E0103A; --sym-terra-dk:#B8092D; --sym-gold:#FF5A74; --sym-sage:#CFC7C0; --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-blackgold { --sym-bg-dark:#000000; --sym-bg-panel:#0F0E0B; --sym-ink:#000000; --sym-cream:#FFFFF0; --sym-stone:#A59F88; --sym-terra:#E3B23C; --sym-terra-dk:#95710A; --sym-gold:#F2D27A; --sym-sage:#D2CDB8; --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-cobaltflame { --sym-bg-dark:#0A1A5C; --sym-bg-panel:#0F2270; --sym-ink:#051153; --sym-cream:#FFFFFF; --sym-stone:#A6B2DA; --sym-terra:#FF6A1A; --sym-terra-dk:#CA4E01; --sym-gold:#FFA05E; --sym-sage:#C9D2F0; --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-paperflame { --sym-bg-dark:#FFFFFF; --sym-bg-panel:#F6F5F2; --sym-ink:#0A0A0A; --sym-cream:#F6F5F2; --sym-stone:#6B6B6B; --sym-terra:#FE5101; --sym-terra-dk:#D34305; --sym-gold:#E07A2E; --sym-sage:#5A5A5A; --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; }
.theme-papercobalt { --sym-bg-dark:#FFFFFF; --sym-bg-panel:#F4F6FB; --sym-ink:#0A0A0A; --sym-cream:#F4F6FB; --sym-stone:#696B74; --sym-terra:#1F4BFF; --sym-terra-dk:#1129E2; --sym-gold:#5B7BFF; --sym-sage:#5A5D6A; --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; }

/* ════════════════════════════════════════════════════════════════════
   ΘΕΜΑΤΑ 60-30-10 — κυρίαρχο · δευτερεύον · τόνος.
   ────────────────────────────────────────────────────────────────────
   Ο ιδιοκτήτης: «The 3-Color / 60-30-10 Rule … Remake the themes with
   this in mind». Κάθε θέμα δηλώνει ρητά τρία χρώματα:

     60%  --c-dom    φόντο σελίδας + μεγάλες επιφάνειες
          --c-dom-2  επιφάνεια καρτών (το --sym-bg-panel)
     30%  --c-sec    δομικά: πλοήγηση, πλαϊνά, κεφαλίδες, δευτερεύοντα
                     κουμπιά, ζώνες ενοτήτων, «βυθισμένα» πεδία
          --c-sec-2  το ίδιο χρώμα, βαθύτερο: περιγράμματα (--line*)
     10%  --c-acc    ο τόνος του θέματος (= --sym-terra = δείγμα επιλογέα)
          --c-acc-pop   ο ίδιος, πιο κορεσμένος: λάμψη + γέμισμα κουμπιών
          --c-acc-fill  γέμισμα κουμπιών δράσης (--acc-fill), κείμενο σε
                     αυτό το --c-acc-ink (--on-acc): μαύρο ή λευκό ≥ 4,5:1
          --c-glow   ένταση της λάμψης της αρχικής (σκούρα 30%, ανοιχτά 20%)
          --c-acc-text  ο τόνος ως κείμενο/σύνδεσμος/εστίαση: ≥ 4,5:1 πάνω
                     στο 60% ΚΑΙ στο 30%
          --c-acc-deep  βαθύς τόνος (--terra-dk): hover κειμένου, γραμμές·
                     λευκό πάνω του ≥ 4,5:1
     και  --c-ink / --c-muted  κείμενο / αχνό κείμενο: ≥ 4,5:1 πάνω σε
                     60%, κάρτα και 30%.

   «Όλα τολμηρά» (ο ιδιοκτήτης: «μπορούμε όλα να τα κάνουμε τολμηρά?»):
   το 60% είναι καθαρότερο από το --sym-bg-dark (ανοιχτά: πιο λευκό,
   σκούρα: πιο βαθύ), το 30% απέχει περισσότερο, ο τόνος είναι πιο
   κορεσμένος, και ΚΑΘΕ θέμα παίρνει κουμπί δράσης στον ζωηρό τόνο,
   δευτερεύοντα κουμπιά-περίγραμμα και λάμψη στην αρχική.
   Ανοιχτά θέματα: το 30% είναι πιο βαθύς τόνος του δεύτερου χρώματος.
   Σκούρα: «σηκωμένος» τόνος του. Το τοπικό --sym-* κάθε θέματος μένει
   ως έχει (δείγμα επιλογέα, λογότυπο, εποχές)· οι ρόλοι μπαίνουν από
   πάνω και το παράγωγο μπλοκ [class*="theme-"] δείχνει τα --bg, --card,
   --muted, --terra, --terra-dk, --line*, --raise, --sink σε αυτούς.
   Πίνακας: docs/THEMES-60-30-10.md · έλεγχος: js/theme-swatch.test.js §8.
   ════════════════════════════════════════════════════════════════════ */

/* τα δομικά στοιχεία φορούν το 30% (υψηλότερη εξειδίκευση από τα
   αρχεία των συστατικών, που φορτώνονται μετά) */
[class*="theme-"] .syn-nav__in { background:color-mix(in srgb, var(--sec) 94%, transparent); border-color:var(--line); }
[class*="theme-"] .sc-tnav { background:color-mix(in srgb, var(--sec) 90%, transparent); }
[class*="theme-"] .sym-tg { background:var(--sec); border-color:var(--line); }
[class*="theme-"] .syn-cta--ghost,
[class*="theme-"] .sc-back { background:color-mix(in srgb, var(--sec) 45%, transparent); border:1.5px solid color-mix(in srgb, var(--fg) 46%, transparent); border-radius:999px; }
[class*="theme-"] .syn-cta--ghost:hover,
[class*="theme-"] .sc-back:hover { border-color:var(--terra); }
[class*="theme-"] .syn-cta--solid,
[class*="theme-"] .syn-btn--solid { background:var(--acc-fill); color:var(--on-acc); border-radius:999px; box-shadow:0 10px 30px color-mix(in srgb, var(--acc-fill) 36%, transparent); }
[class*="theme-"] .syn-hero {
  background:
    radial-gradient(48% 62% at 82% 42%, color-mix(in srgb, var(--acc-pop) var(--c-glow, 20%), transparent), transparent 70%),
    radial-gradient(36% 46% at 4% 100%, color-mix(in srgb, var(--acc-pop) 12%, transparent), transparent 72%);
}
[class*="theme-"] .syn-foot { background:var(--sec); padding-top:26px; }
[class*="theme-"] :focus-visible { outline-color:var(--terra); }

.theme-alabaster{--c-dom:#FAF8F3; --c-dom-2:#FFFFFF; --c-sec:#E7D5B6; --c-sec-2:#8F764E; --c-acc:#C5572F; --c-acc-pop:#D14A0D; --c-acc-text:#A83802; --c-acc-deep:#9C3F1F; --c-acc-fill:#D14A0D; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#1E1810; --c-muted:#695C49;}
.theme-papyrus{--c-dom:#F1ECE3; --c-dom-2:#FBF6EA; --c-sec:#E1C8A6; --c-sec-2:#8A6A3C; --c-acc:#C25A33; --c-acc-pop:#CE4F17; --c-acc-text:#98370C; --c-acc-deep:#9A4222; --c-acc-fill:#CE4F17; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#2A2012; --c-muted:#64543D;}
.theme-aegeanlight{--c-dom:#F3F6F6; --c-dom-2:#FBFCFC; --c-sec:#B1DCEE; --c-sec-2:#438098; --c-acc:#2E7D9A; --c-acc-pop:#057EA2; --c-acc-text:#11637F; --c-acc-deep:#22637C; --c-acc-fill:#057EA2; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#16242C; --c-muted:#4C5E66;}
.theme-hearth{--c-dom:#110C07; --c-dom-2:#241A11; --c-sec:#3F2106; --c-sec-2:#80522C; --c-acc:#D97B5C; --c-acc-pop:#E4734D; --c-acc-text:#E4734D; --c-acc-deep:#C05535; --c-acc-fill:#E4734D; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F0EBE0; --c-muted:#A08C74;}
.theme-aegean{--c-dom:#070A10; --c-dom-2:#131F2D; --c-sec:#0F2743; --c-sec-2:#375D89; --c-acc:#E0894C; --c-acc-pop:#EB8231; --c-acc-text:#EB8231; --c-acc-deep:#AE612B; --c-acc-fill:#EB8231; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E9E2D2; --c-muted:#85909E;}
.theme-amphora{--c-dom:#0D0B07; --c-dom-2:#1F1810; --c-sec:#3F1D0B; --c-sec-2:#834C31; --c-acc:#D75321; --c-acc-pop:#DA5019; --c-acc-text:#EC602E; --c-acc-deep:#AC3719; --c-acc-fill:#DA5019; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#ECDDBE; --c-muted:#9E8C64;}
.theme-olive{--c-dom:#0E110A; --c-dom-2:#1E2415; --c-sec:#28310B; --c-sec-2:#5A692F; --c-acc:#8AA84E; --c-acc-pop:#87AA36; --c-acc-text:#87AA36; --c-acc-deep:#5E7A2C; --c-acc-fill:#87AA36; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#ECEAD7; --c-muted:#929875;}
.theme-orphic{--c-dom:#040507; --c-dom-2:#12131D; --c-sec:#1D1A3A; --c-sec-2:#4E4B7F; --c-acc:#8E7FD6; --c-acc-pop:#8F7BE4; --c-acc-text:#8F7BE4; --c-acc-deep:#6F5FC0; --c-acc-fill:#8F7BE4; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E7E4F0; --c-muted:#8782A0;}
.theme-acroterion{--c-dom:#050B0A; --c-dom-2:#102420; --c-sec:#022D25; --c-sec-2:#1B6858; --c-acc:#E0B24C; --c-acc-pop:#E7B01D; --c-acc-text:#E7B01D; --c-acc-deep:#97700A; --c-acc-fill:#E7B01D; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F0E9D2; --c-muted:#7E948A;}
.theme-tyrian{--c-dom:#0D0710; --c-dom-2:#1F1226; --c-sec:#311C3A; --c-sec-2:#6C4B7B; --c-acc:#CA64B2; --c-acc-pop:#D457B9; --c-acc-text:#D95CBE; --c-acc-deep:#A8478F; --c-acc-fill:#D457B9; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#EDE2F2; --c-muted:#9583AB;}
.theme-golden-fleece{--c-dom:#0F0B03; --c-dom-2:#241906; --c-sec:#362401; --c-sec-2:#75561B; --c-acc:#E2A93C; --c-acc-pop:#E7A71B; --c-acc-text:#E7A71B; --c-acc-deep:#9D6E06; --c-acc-fill:#E7A71B; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F4EACE; --c-muted:#AC9966;}
.theme-elysium{--c-dom:#F6F8F0; --c-dom-2:#FBFCF4; --c-sec:#CADEB8; --c-sec-2:#68834D; --c-acc:#C58A3A; --c-acc-pop:#CD860D; --c-acc-text:#82550D; --c-acc-deep:#9E6C26; --c-acc-fill:#CD860D; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#1E2418; --c-muted:#576146;}
.theme-obsidian{--c-dom:#060604; --c-dom-2:#15120D; --c-sec:#27200D; --c-sec-2:#5D533C; --c-acc:#D2A24A; --c-acc-pop:#D99F26; --c-acc-text:#D99F26; --c-acc-deep:#9B6E14; --c-acc-fill:#D99F26; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F1E9D6; --c-muted:#958665;}
.theme-venetian{--c-dom:#0F0715; --c-dom-2:#241036; --c-sec:#301E3D; --c-sec-2:#6A4D7F; --c-acc:#D4499A; --c-acc-pop:#E1309E; --c-acc-text:#F344AE; --c-acc-deep:#B12F7E; --c-acc-fill:#E1309E; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F1E6F0; --c-muted:#9D82AB;}
.theme-saffron{--c-dom:#120B05; --c-dom-2:#271709; --c-sec:#3E2104; --c-sec-2:#805227; --c-acc:#E8732A; --c-acc-pop:#F06C00; --c-acc-text:#F06C00; --c-acc-deep:#C05718; --c-acc-fill:#F06C00; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F8E9D2; --c-muted:#B0906A;}
.theme-halloween{--c-dom:#0C0610; --c-dom-2:#1C1226; --c-sec:#2A1D3D; --c-sec-2:#624D80; --c-acc:#ED7A28; --c-acc-pop:#F0781E; --c-acc-text:#F0781E; --c-acc-deep:#C15803; --c-acc-fill:#F0781E; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F2E7D8; --c-muted:#9882A4;}
.theme-christmas{--c-dom:#FCFAF6; --c-dom-2:#FFFFFF; --c-sec:#BEE5CA; --c-sec-2:#508B66; --c-acc:#B5302A; --c-acc-pop:#C20D15; --c-acc-text:#C20D15; --c-acc-deep:#8E211D; --c-acc-fill:#C20D15; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#2A1713; --c-muted:#755B4E;}
.theme-easter{--c-dom:#FAFAF5; --c-dom-2:#FFFFFF; --c-sec:#CDE0BA; --c-sec-2:#6C8452; --c-acc:#DE7E6A; --c-acc-pop:#E9765E; --c-acc-text:#A83B25; --c-acc-deep:#BD5744; --c-acc-fill:#E9765E; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#243218; --c-muted:#5C6246;}
.theme-carnival{--c-dom:#0F0715; --c-dom-2:#241036; --c-sec:#321E3C; --c-sec-2:#6E4D7E; --c-acc:#D4499A; --c-acc-pop:#E1309E; --c-acc-text:#F344AE; --c-acc-deep:#B12F7E; --c-acc-fill:#E1309E; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F1E6F0; --c-muted:#9F83AD;}
.theme-cycladic{--c-dom:#F2F5F8; --c-dom-2:#FFFFFF; --c-sec:#B4D9F5; --c-sec-2:#447DA4; --c-acc:#2E7BB5; --c-acc-pop:#067BC1; --c-acc-text:#0F6096; --c-acc-deep:#205C8C; --c-acc-fill:#067BC1; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#13283A; --c-muted:#485E6F;}
.theme-cycladicrose{--c-dom:#F2F5F8; --c-dom-2:#FFFFFF; --c-sec:#B4D9F5; --c-sec-2:#447DA4; --c-acc:#C8346E; --c-acc-pop:#CC2C6F; --c-acc-text:#A3215A; --c-acc-deep:#9E1E52; --c-acc-fill:#C2296A; --c-acc-ink:#FFFFFF; --c-glow:16%; --c-ink:#13283A; --c-muted:#485E6F;}
.theme-porphyry{--c-dom:#100709; --c-dom-2:#251018; --c-sec:#371A32; --c-sec-2:#77476E; --c-acc:#C13B57; --c-acc-pop:#CE2151; --c-acc-text:#F44C6F; --c-acc-deep:#9C2A42; --c-acc-fill:#CE2151; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#F1E1DE; --c-muted:#A38289;}
.theme-bronze{--c-dom:#0C0C09; --c-dom-2:#1E1D15; --c-sec:#003128; --c-sec-2:#1A6C5D; --c-acc:#B5894C; --c-acc-pop:#BC8638; --c-acc-text:#BE883A; --c-acc-deep:#93692F; --c-acc-fill:#BC8638; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#EDE6D2; --c-muted:#9C9175;}
.theme-coral{--c-dom:#13090B; --c-dom-2:#2B1418; --c-sec:#003030; --c-sec-2:#006C6C; --c-acc:#F0674E; --c-acc-pop:#FF5639; --c-acc-text:#FF5639; --c-acc-deep:#C94A36; --c-acc-fill:#FF5639; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FAE6E2; --c-muted:#B08882;}
.theme-spring{--c-dom:#F5F8F0; --c-dom-2:#FBFCF5; --c-sec:#C3DFBD; --c-sec-2:#5C8555; --c-acc:#E0759A; --c-acc-pop:#EB6A9A; --c-acc-text:#A92D62; --c-acc-deep:#BD5078; --c-acc-fill:#EB6A9A; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#23301B; --c-muted:#526247;}
.theme-summer{--c-dom:#FDFAF1; --c-dom-2:#FFFFFF; --c-sec:#E9D7B0; --c-sec-2:#92783C; --c-acc:#2E94B5; --c-acc-pop:#0F95BA; --c-acc-text:#0F6781; --c-acc-deep:#1F7290; --c-acc-fill:#0F95BA; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#1C3A47; --c-muted:#566256;}
.theme-valentine{--c-dom:#FCF5F6; --c-dom-2:#FFFFFF; --c-sec:#F6C8D4; --c-sec-2:#A36377; --c-acc:#D8456B; --c-acc-pop:#E62A66; --c-acc-text:#B4114B; --c-acc-deep:#B02E52; --c-acc-fill:#E62A66; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#2C1A22; --c-muted:#6E555E;}
.theme-autumn{--c-dom:#120B06; --c-dom-2:#271810; --c-sec:#3D1C32; --c-sec-2:#7E4A6D; --c-acc:#C86A2E; --c-acc-pop:#CF6519; --c-acc-text:#DB7029; --c-acc-deep:#A24E1E; --c-acc-fill:#CF6519; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F4E6CE; --c-muted:#AB8C66;}
.theme-newyear{--c-dom:#070A13; --c-dom-2:#121A2E; --c-sec:#1A2544; --c-sec-2:#47598B; --c-acc:#E0B24C; --c-acc-pop:#E7B01D; --c-acc-text:#E7B01D; --c-acc-deep:#97700A; --c-acc-fill:#E7B01D; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#ECE7D6; --c-muted:#828DA3;}
.theme-marble{--c-dom:#F8F9FB; --c-dom-2:#FFFFFF; --c-sec:#C5DBF0; --c-sec-2:#627E99; --c-acc:#4A6B8A; --c-acc-pop:#436B91; --c-acc-text:#396186; --c-acc-deep:#345470; --c-acc-fill:#436B91; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#1B2430; --c-muted:#555F6C;}
.theme-emerald{--c-dom:#060D09; --c-dom-2:#0F2018; --c-sec:#03301D; --c-sec-2:#286A4B; --c-acc:#2FA36F; --c-acc-pop:#0AA56B; --c-acc-text:#0AA56B; --c-acc-deep:#1F7E52; --c-acc-fill:#0AA56B; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E7F0E6; --c-muted:#7E988A;}
.theme-midnight{--c-dom:#06070E; --c-dom-2:#131730; --c-sec:#1B2040; --c-sec-2:#4A5386; --c-acc:#6E7BD6; --c-acc-pop:#6A77E6; --c-acc-text:#717FEF; --c-acc-deep:#5260BE; --c-acc-fill:#6A77E6; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E7E9F2; --c-muted:#7F8AA0;}
.theme-rose{--c-dom:#12090C; --c-dom-2:#28141B; --c-sec:#401B25; --c-sec-2:#854858; --c-acc:#E0617E; --c-acc-pop:#ED527A; --c-acc-text:#F1557D; --c-acc-deep:#C0445F; --c-acc-fill:#ED527A; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F8E2E6; --c-muted:#B0858E;}
.theme-linen{--c-dom:#F7F4ED; --c-dom-2:#FCFAF3; --c-sec:#CADAB9; --c-sec-2:#6B7F54; --c-acc:#5E7F52; --c-acc-pop:#59814A; --c-acc-text:#3E652F; --c-acc-deep:#46633C; --c-acc-fill:#59814A; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#2A2A1E; --c-muted:#605C46;}
.theme-pearl{--c-dom:#F6F4F5; --c-dom-2:#FCFAFB; --c-sec:#D9CEEB; --c-sec-2:#7E6F94; --c-acc:#9C5E84; --c-acc-pop:#A35887; --c-acc-text:#89416F; --c-acc-deep:#7C4668; --c-acc-fill:#A35887; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#2A2230; --c-muted:#625865;}
.theme-honey{--c-dom:#F8F3E9; --c-dom-2:#FDF8EC; --c-sec:#E5D0AA; --c-sec-2:#8F7137; --c-acc:#C8862E; --c-acc-pop:#CD830E; --c-acc-text:#7E4F07; --c-acc-deep:#A06820; --c-acc-fill:#CD830E; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#2E2410; --c-muted:#655A3A;}
.theme-darkink{--c-dom:#07080C; --c-dom-2:#15171E; --c-sec:#1B2436; --c-sec-2:#4D5870; --c-acc:#9AA6BC; --c-acc-pop:#98A6C0; --c-acc-text:#98A6C0; --c-acc-deep:#68768C; --c-acc-fill:#98A6C0; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E6E9F0; --c-muted:#838C9C;}
.theme-wine{--c-dom:#0F0608; --c-dom-2:#221013; --c-sec:#3D171A; --c-sec-2:#824448; --c-acc:#9C3A3F; --c-acc-pop:#A62D38; --c-acc-text:#DF6266; --c-acc-deep:#7C2A2E; --c-acc-fill:#A62D38; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#F0E0DE; --c-muted:#A38285;}
.theme-forest{--c-dom:#080E09; --c-dom-2:#16221A; --c-sec:#0B311A; --c-sec-2:#326B47; --c-acc:#C97D45; --c-acc-pop:#D3772D; --c-acc-text:#D67A31; --c-acc-deep:#A0602F; --c-acc-fill:#D3772D; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E6EFE2; --c-muted:#849584;}
.theme-flamingo{--c-dom:#13070D; --c-dom-2:#2A1020; --c-sec:#012D37; --c-sec-2:#066779; --c-acc:#E84C8A; --c-acc-pop:#F72F89; --c-acc-text:#FC4992; --c-acc-deep:#C2356E; --c-acc-fill:#F72F89; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FAE2EE; --c-muted:#B2809A;}
.theme-electric{--c-dom:#050B13; --c-dom-2:#101C2E; --c-sec:#182644; --c-sec-2:#445A8C; --c-acc:#3E7BE0; --c-acc-pop:#2C78F3; --c-acc-text:#448AFD; --c-acc-deep:#2E5EBE; --c-acc-fill:#2C78F3; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E2ECF8; --c-muted:#7E90AA;}
.theme-ultraviolet{--c-dom:#0C0715; --c-dom-2:#1E1232; --c-sec:#012D2D; --c-sec-2:#1A6767; --c-acc:#7E3CE0; --c-acc-pop:#831CF6; --c-acc-text:#A074FA; --c-acc-deep:#6230BE; --c-acc-fill:#831CF6; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#ECE2FA; --c-muted:#9686B6;}
.theme-epiphany{--c-dom:#F2F6F8; --c-dom-2:#FBFDFE; --c-sec:#B1DBF3; --c-sec-2:#407FA0; --c-acc:#2E86B5; --c-acc-pop:#1887BB; --c-acc-text:#0C628A; --c-acc-deep:#1F6790; --c-acc-fill:#1887BB; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#16323E; --c-muted:#465F6B;}
.theme-assumption{--c-dom:#F6F9FA; --c-dom-2:#FFFFFF; --c-sec:#E4D7AF; --c-sec-2:#8C793B; --c-acc:#2E7BB5; --c-acc-pop:#067BC1; --c-acc-text:#126298; --c-acc-deep:#205C8C; --c-acc-fill:#067BC1; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#163040; --c-muted:#4B6172;}
.theme-lent{--c-dom:#F1EFF2; --c-dom-2:#F8F7FA; --c-sec:#D3CAE7; --c-sec-2:#786B91; --c-acc:#7E6F9C; --c-acc-pop:#7F6DA3; --c-acc-text:#614F83; --c-acc-deep:#5F5280; --c-acc-fill:#7F6DA3; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#2A2632; --c-muted:#5A5567;}
.theme-royalcourt{--c-dom:#110B1F; --c-dom-2:#241640; --c-sec:#2F2647; --c-sec-2:#66578D; --c-acc:#E0B24C; --c-acc-pop:#E7B01D; --c-acc-text:#E7B01D; --c-acc-deep:#97700A; --c-acc-fill:#E7B01D; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F0E8FA; --c-muted:#9B8BB9;}
.theme-parquet{--c-dom:#070A07; --c-dom-2:#141A12; --c-sec:#0A2D15; --c-sec-2:#326740; --c-acc:#3FA35E; --c-acc-pop:#19A753; --c-acc-text:#19A753; --c-acc-deep:#2E7E46; --c-acc-fill:#19A753; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E6F0E2; --c-muted:#84927E;}
.theme-rosso{--c-dom:#0F0606; --c-dom-2:#221010; --c-sec:#3D1715; --c-sec-2:#824441; --c-acc:#E0322E; --c-acc-pop:#E9151E; --c-acc-text:#FB463F; --c-acc-deep:#B8241F; --c-acc-fill:#E9151E; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#F4E2DE; --c-muted:#AA807D;}
.theme-petrol{--c-dom:#070E0F; --c-dom-2:#10201F; --c-sec:#003033; --c-sec-2:#1E6A6E; --c-acc:#2EC4B6; --c-acc-pop:#1FC5B6; --c-acc-text:#1FC5B6; --c-acc-deep:#178479; --c-acc-fill:#1FC5B6; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E2F0EE; --c-muted:#7E9694;}
.theme-papaya{--c-dom:#070B16; --c-dom-2:#121C2E; --c-sec:#192745; --c-sec-2:#445B8D; --c-acc:#F0701E; --c-acc-pop:#F36E0F; --c-acc-text:#F36E0F; --c-acc-deep:#C05511; --c-acc-fill:#F36E0F; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F4E8DE; --c-muted:#908E9C;}
.theme-onyxgold{--c-dom:#070706; --c-dom-2:#18180F; --c-sec:#272212; --c-sec-2:#5C5642; --c-acc:#F2C81E; --c-acc-pop:#F1C82F; --c-acc-text:#F1C82F; --c-acc-deep:#8D7405; --c-acc-fill:#F1C82F; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F4EEDE; --c-muted:#9A8E68;}
.theme-navygarnet{--c-dom:#070B19; --c-dom-2:#121A38; --c-sec:#1C2746; --c-sec-2:#4A5B8E; --c-acc:#A6324C; --c-acc-pop:#B11C47; --c-acc-text:#EF5C79; --c-acc-deep:#832539; --c-acc-fill:#B11C47; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#EAE2F0; --c-muted:#868EAE;}
.theme-crimsononyx{--c-dom:#0C0607; --c-dom-2:#1E1012; --c-sec:#3B151B; --c-sec-2:#79464B; --c-acc:#D42C3A; --c-acc-pop:#DD0C31; --c-acc-text:#FC3D4B; --c-acc-deep:#A8202C; --c-acc-fill:#DD0C31; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#F4E2E4; --c-muted:#A87F84;}
.theme-verdeoro{--c-dom:#070D08; --c-dom-2:#122010; --c-sec:#0E3016; --c-sec-2:#376A41; --c-acc:#2FA85E; --c-acc-pop:#06AA57; --c-acc-text:#06AA57; --c-acc-deep:#1F7E44; --c-acc-fill:#06AA57; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E8F0DE; --c-muted:#869572;}
.theme-skynavy{--c-dom:#070E16; --c-dom-2:#122030; --c-sec:#0F2C47; --c-sec-2:#37628E; --c-acc:#3EA8E0; --c-acc-pop:#25A9E8; --c-acc-text:#25A9E8; --c-acc-deep:#297BB3; --c-acc-fill:#25A9E8; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E2EEF6; --c-muted:#7E94A6;}
.theme-crimsonwhite{--c-dom:#0F0808; --c-dom-2:#221416; --c-sec:#2C2427; --c-sec-2:#62585C; --c-acc:#E02230; --c-acc-pop:#E3162C; --c-acc-text:#FC4D4E; --c-acc-deep:#B41824; --c-acc-fill:#E3162C; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#F4E6E6; --c-muted:#A88A8C;}
.theme-goldazure{--c-dom:#070B16; --c-dom-2:#121A30; --c-sec:#182745; --c-sec-2:#435C8D; --c-acc:#E0B22E; --c-acc-pop:#E1B221; --c-acc-text:#E1B221; --c-acc-deep:#95710B; --c-acc-fill:#E1B221; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#EFEAD8; --c-muted:#918F7B;}
.theme-claretsky{--c-dom:#0D060A; --c-dom-2:#201018; --c-sec:#03273F; --c-sec-2:#285D84; --c-acc:#8E2A44; --c-acc-pop:#971741; --c-acc-text:#E1617D; --c-acc-deep:#6E1E33; --c-acc-fill:#971741; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#F0E2E8; --c-muted:#A3838F;}
.theme-onyxivory{--c-dom:#070707; --c-dom-2:#171717; --c-sec:#222222; --c-sec-2:#565656; --c-acc:#E6E6E6; --c-acc-pop:#E6E6E6; --c-acc-text:#E6E6E6; --c-acc-deep:#757575; --c-acc-fill:#E6E6E6; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#EFEFEF; --c-muted:#9A9A9A;}
.theme-viola{--c-dom:#0E0916; --c-dom-2:#1F1632; --c-sec:#2E2141; --c-sec-2:#655286; --c-acc:#8E5AC2; --c-acc-pop:#9350D0; --c-acc-text:#B270F2; --c-acc-deep:#6E40A0; --c-acc-fill:#9350D0; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#EDE4FA; --c-muted:#9488B2;}
.theme-whitewolf{--c-dom:#080809; --c-dom-2:#16181B; --c-sec:#1E252B; --c-sec-2:#515961; --c-acc:#C8312A; --c-acc-pop:#D01D1C; --c-acc-text:#F84C41; --c-acc-deep:#A0211C; --c-acc-fill:#D01D1C; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#ECEEF0; --c-muted:#8A9096;}
.theme-warforged{--c-dom:#0A0604; --c-dom-2:#1D140C; --c-sec:#341C01; --c-sec-2:#744C22; --c-acc:#E0541E; --c-acc-pop:#E35114; --c-acc-text:#EA581E; --c-acc-deep:#B43E12; --c-acc-fill:#E35114; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F0E6D6; --c-muted:#A08C6E;}
.theme-wallcrawler{--c-dom:#06060B; --c-dom-2:#14141F; --c-sec:#171F3E; --c-sec-2:#435284; --c-acc:#E01E2E; --c-acc-pop:#E30F2A; --c-acc-text:#FF3B42; --c-acc-deep:#B41420; --c-acc-fill:#E30F2A; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#ECEEF4; --c-muted:#8488A0;}
.theme-flux{--c-dom:#06070A; --c-dom-2:#141A22; --c-sec:#162333; --c-sec-2:#47576C; --c-acc:#FF7A1E; --c-acc-pop:#FC7C29; --c-acc-text:#FC7C29; --c-acc-deep:#C25610; --c-acc-fill:#FC7C29; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#E6ECF2; --c-muted:#8A98A6;}
.theme-hyrule{--c-dom:#070C06; --c-dom-2:#142013; --c-sec:#332400; --c-sec-2:#6E5828; --c-acc:#2F9E4F; --c-acc-pop:#11A047; --c-acc-text:#15A249; --c-acc-deep:#1F7A3A; --c-acc-fill:#11A047; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#EEF0DC; --c-muted:#8A926E;}
.theme-plumber{--c-dom:#090606; --c-dom-2:#1A1210; --c-sec:#12213F; --c-sec-2:#3C5585; --c-acc:#E0301E; --c-acc-pop:#E32816; --c-acc-text:#FB4430; --c-acc-deep:#B42214; --c-acc-fill:#E32816; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#F4ECE2; --c-muted:#A0908C;}
.theme-parisian{--c-dom:#050B13; --c-dom-2:#121A2A; --c-sec:#1B2544; --c-sec-2:#48598B; --c-acc:#C8313F; --c-acc-pop:#D01D38; --c-acc-text:#FC4F5B; --c-acc-deep:#A02230; --c-acc-fill:#D01D38; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#EAEEF4; --c-muted:#828FA5;}
.theme-royalblue{--c-dom:#070B19; --c-dom-2:#121A38; --c-sec:#1C2746; --c-sec-2:#495B8E; --c-acc:#2E5AE0; --c-acc-pop:#2350F7; --c-acc-text:#5D8AFB; --c-acc-deep:#2244B4; --c-acc-fill:#2350F7; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#E6ECF6; --c-muted:#868EAC;}
.theme-empire{--c-dom:#070E22; --c-dom-2:#122247; --c-sec:#1A2C4A; --c-sec-2:#456292; --c-acc:#F57920; --c-acc-pop:#F87711; --c-acc-text:#F87711; --c-acc-deep:#C25610; --c-acc-fill:#F87711; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F4EADC; --c-muted:#9F917B;}
.theme-fall{--c-dom:#120C05; --c-dom-2:#271B0C; --c-sec:#3C2401; --c-sec-2:#7C5622; --c-acc:#C8641E; --c-acc-pop:#CA6214; --c-acc-text:#DD732D; --c-acc-deep:#A04E14; --c-acc-fill:#CA6214; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F4E6CE; --c-muted:#A88E66;}
.theme-neonpink{--c-dom:#07040A; --c-dom-2:#160C1C; --c-sec:#00252B; --c-sec-2:#145D69; --c-acc:#FF2E88; --c-acc-pop:#FC3688; --c-acc-text:#FC3688; --c-acc-deep:#D41E6E; --c-acc-fill:#FC3688; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FCE6F2; --c-muted:#A87FA0;}
.theme-neoncyan{--c-dom:#030A0A; --c-dom-2:#0A1E1D; --c-sec:#38172B; --c-sec-2:#794464; --c-acc:#00F0FF; --c-acc-pop:#28EFFE; --c-acc-text:#28EFFE; --c-acc-deep:#14838B; --c-acc-fill:#28EFFE; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#DCFAF6; --c-muted:#6FA8A2;}
.theme-neonlime{--c-dom:#060A03; --c-dom-2:#141E0A; --c-sec:#012C23; --c-sec-2:#1F6656; --c-acc:#B6FF1A; --c-acc-pop:#B8FE30; --c-acc-text:#B8FE30; --c-acc-deep:#5A8203; --c-acc-fill:#B8FE30; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#EEFAD6; --c-muted:#94A86E;}
.theme-neonviolet{--c-dom:#06040D; --c-dom-2:#150C26; --c-sec:#00242F; --c-sec-2:#1B5B70; --c-acc:#9B5CFF; --c-acc-pop:#9A5FFB; --c-acc-text:#9D69F9; --c-acc-deep:#7A3EE0; --c-acc-fill:#9A5FFB; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#EEE2FC; --c-muted:#9080B0;}
.theme-neonmagenta{--c-dom:#0A030A; --c-dom-2:#1E0A1E; --c-sec:#002430; --c-sec-2:#1B5B70; --c-acc:#FF2EE6; --c-acc-pop:#FC38E4; --c-acc-text:#FC38E4; --c-acc-deep:#D21BBE; --c-acc-fill:#FC38E4; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FCE2FA; --c-muted:#A87FA6;}
.theme-neonorange{--c-dom:#0A0502; --c-dom-2:#1E1006; --c-sec:#00272A; --c-sec-2:#176066; --c-acc:#FF6A00; --c-acc-pop:#FC6D16; --c-acc-text:#FC6D16; --c-acc-deep:#C6510D; --c-acc-fill:#FC6D16; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FCEAD6; --c-muted:#A8906E;}
.theme-synthwave{--c-dom:#070410; --c-dom-2:#170C2A; --c-sec:#201B3C; --c-sec-2:#534C81; --c-acc:#FF2E88; --c-acc-pop:#FC3688; --c-acc-text:#FC3688; --c-acc-deep:#D41E6E; --c-acc-fill:#FC3688; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F4E2FC; --c-muted:#9C82B0;}
.theme-vapor{--c-dom:#06060E; --c-dom-2:#141426; --c-sec:#16203F; --c-sec-2:#425385; --c-acc:#FF6AD5; --c-acc-pop:#FD6DD4; --c-acc-text:#FD6DD4; --c-acc-deep:#C43FA0; --c-acc-fill:#FD6DD4; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#F0E6FC; --c-muted:#8E88A8;}
.theme-flame{--c-dom:#000000; --c-dom-2:#0E0E0E; --c-sec:#1E1B19; --c-sec-2:#5E5852; --c-acc:#FE5101; --c-acc-pop:#FE5101; --c-acc-text:#FE5101; --c-acc-deep:#D34305; --c-acc-fill:#FE5101; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FFFFFF; --c-muted:#9A9A9A;}
.theme-voltage{--c-dom:#000000; --c-dom-2:#0D0E12; --c-sec:#181A22; --c-sec-2:#545A70; --c-acc:#2F5BFF; --c-acc-pop:#2F5BFF; --c-acc-text:#4D7AFB; --c-acc-deep:#1D3EE2; --c-acc-fill:#2F5BFF; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#FFFFFF; --c-muted:#9699A6;}
.theme-acidlime{--c-dom:#0A0A0A; --c-dom-2:#141414; --c-sec:#1B1D16; --c-sec-2:#575C48; --c-acc:#C6FF00; --c-acc-pop:#C6FF00; --c-acc-text:#C6FF00; --c-acc-deep:#628000; --c-acc-fill:#C6FF00; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FFFFFF; --c-muted:#9CA08E;}
.theme-crimsonnight{--c-dom:#000000; --c-dom-2:#100D0D; --c-sec:#1F1819; --c-sec-2:#64504F; --c-acc:#E0103A; --c-acc-pop:#E0103A; --c-acc-text:#F6344C; --c-acc-deep:#B8092D; --c-acc-fill:#E0103A; --c-acc-ink:#FFFFFF; --c-glow:30%; --c-ink:#F5F1EA; --c-muted:#A39A94;}
.theme-blackgold{--c-dom:#000000; --c-dom-2:#0F0E0B; --c-sec:#1E1C16; --c-sec-2:#625A44; --c-acc:#E3B23C; --c-acc-pop:#E3B23C; --c-acc-text:#E3B23C; --c-acc-deep:#95710A; --c-acc-fill:#E3B23C; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FFFFF0; --c-muted:#A59F88;}
.theme-cobaltflame{--c-dom:#0A1A5C; --c-dom-2:#0F2270; --c-sec:#1A3290; --c-sec-2:#5A72C8; --c-acc:#FF6A1A; --c-acc-pop:#FF6A1A; --c-acc-text:#FD8552; --c-acc-deep:#CA4E01; --c-acc-fill:#FF6A1A; --c-acc-ink:#000000; --c-glow:30%; --c-ink:#FFFFFF; --c-muted:#A6B2DA;}
.theme-paperflame{--c-dom:#FFFFFF; --c-dom-2:#F6F5F2; --c-sec:#0A0A0A; --c-sec-2:#8C8C8C; --c-acc:#FE5101; --c-acc-pop:#FE5101; --c-acc-text:#C74312; --c-acc-deep:#D34305; --c-acc-fill:#FE5101; --c-acc-ink:#000000; --c-glow:20%; --c-ink:#0A0A0A; --c-muted:#6B6B6B; --c-sec-ink:#FFFFFF; --c-sec-muted:#8A8A8A; --c-sec-acc:#FE5101;}
.theme-papercobalt{--c-dom:#FFFFFF; --c-dom-2:#F4F6FB; --c-sec:#0A0D1C; --c-sec-2:#8A8E9C; --c-acc:#1F4BFF; --c-acc-pop:#1F4BFF; --c-acc-text:#1F4BFF; --c-acc-deep:#1129E2; --c-acc-fill:#1F4BFF; --c-acc-ink:#FFFFFF; --c-glow:20%; --c-ink:#0A0A0A; --c-muted:#696B74; --c-sec-ink:#FFFFFF; --c-sec-muted:#8A8A8A; --c-sec-acc:#3F70FB;}

/* ── ΤΟΛΜΗΡΑ (group 'bold'): ένας έντονος τόνος σε μαύρο/λευκό ──────────
   Ο ιδιοκτήτης, από ένα reel («Jet Black · Soft White · Flame Orange»):
   «Want the colors like that to feel the site have different colors vibes».
   Αυστηρό 60-30-10 με ΕΝΑ χρώμα που φωνάζει. Το κουμπί στον καθαρό τόνο
   και η λάμψη της αρχικής ισχύουν πια για ΟΛΑ τα θέματα (πιο πάνω). Εδώ
   μένει μόνο ό,τι είναι δικό τους:
     στα φωτεινά (Χαρτί & …) το 30% είναι ΜΑΥΡΟ: πλοήγηση, πλαϊνό,
        υποσέλιδο και δευτερεύοντα κουμπιά ξαναβάφουν τα δικά τους tokens
        (--fg, --muted, --line…), γιατί οι παράγωγες τιμές έχουν ήδη
        λυθεί πάνω στο λευκό φόντο. */
:is(.theme-paperflame,.theme-papercobalt) {
  --raise:color-mix(in srgb, var(--c-sec-2) 9%, var(--sym-bg-card)); --sink:color-mix(in srgb, var(--c-sec-2) 13%, var(--sym-bg));
}
:is(.theme-paperflame,.theme-papercobalt) :is(.syn-nav__in,.sc-tnav,.sym-tg,.syn-foot,.syn-cta--ghost,.sc-back) {
  --sym-fg:var(--c-sec-ink); --fg:var(--c-sec-ink); --sym-fg-muted:var(--c-sec-muted); --muted:var(--c-sec-muted);
  --terra:var(--c-sec-acc);
  --card:color-mix(in srgb, var(--c-sec-ink) 9%, var(--c-sec)); --raise:color-mix(in srgb, var(--c-sec-ink) 12%, var(--c-sec));
  --sink:color-mix(in srgb, var(--c-sec-ink) 8%, var(--c-sec));
  --line:color-mix(in srgb, var(--c-sec-ink) 20%, transparent); --line-soft:color-mix(in srgb, var(--c-sec-ink) 10%, transparent);
  --line-bold:color-mix(in srgb, var(--c-sec-ink) 38%, transparent);
  --fg-70:color-mix(in srgb, var(--c-sec-ink) 70%, transparent); --fg-50:color-mix(in srgb, var(--c-sec-ink) 50%, transparent);
  color:var(--c-sec-ink);
}

:is(.theme-paperflame,.theme-papercobalt) :is(.syn-cta--ghost,.sc-back) { background:var(--c-sec); border-color:var(--c-sec); }

/* το καθαρότερο 60% και για ό,τι διαβάζει κατευθείαν το --sym-bg */
[class*="theme-"] { --sym-bg:var(--c-dom, var(--sym-bg-dark)); }

/* ΑΝΑΓΝΩΣΗ ΜΕ ΑΝΑΠΟΔΟ ΦΩΣ (☀/☾ σε θέμα της άλλης ομάδας): τα --sym-*
   φόντου/κειμένου γυρίζουν inline (js/study-theme.js FLIP, grammar-theoria
   GT_FLIP, games/shared/study-frame-theme.js). Οι ρόλοι επιστρέφουν τότε σε
   τιμές που βγαίνουν από αυτά, ώστε να μη μείνει σκούρο 30% σε φωτεινή σελίδα. */
[data-gt-flip="light"], [data-gt-flip="dark"],
[data-sym-flip="light"], [data-sym-flip="dark"],
[data-study-flip="light"], [data-study-flip="dark"] {
  --c-dom: var(--sym-bg-dark); --c-dom-2: var(--sym-bg-panel);
  --c-sec: color-mix(in srgb, var(--c-sec-2) 20%, var(--sym-bg-dark));
  --c-muted: var(--sym-fg-muted); --c-acc-text: var(--sym-terra); --c-ink: var(--sym-fg);
}