/* =====================================================================
   PaXaN — DESIGN-STUFEN (assets/css/themes.css)
   Drei Mitglieder-wählbare Stufen. Die vier PaXaN-Farben bleiben in JEDER
   Stufe exakt gleich (#F5F3EE, #0A0A0A, #C9A227, #E0B848, #8A6E1B) — es
   ändert sich nur, welche Goldnuance FÜHRT (Reihenfolge/Gewichtung),
   und welche Schriftart die "Persönlichkeit" trägt vs. zurücktritt.
   Angewendet über [data-theme="a|b|c"] auf <html>.
   ===================================================================== */

:root{
  /* Referenz — dieselben Werte in jeder Stufe, nur neu zugeordnet */
  --c-paper:#F5F3EE; --c-ink:#0A0A0A;
  --c-gold:#C9A227; --c-gold-hi:#E0B848; --c-gold-deep:#8A6E1B;
}

/* ---------------------------------------------------------------------
   STUFE A — "Runde Eins" (Standard/Ausgangszustand)
   Führung: gold-deep (gedämpft, seriös) → gold → gold-hi als Funke.
   Fonts: Unbounded trägt die Persönlichkeit (Display), Archivo tritt
   zurück (Fließtext) — der bisherige, bewährte PaXaN-Charakter.
--------------------------------------------------------------------- */
[data-theme="a"]{
  --accent-1:var(--c-gold-deep); --accent-2:var(--c-gold); --accent-3:var(--c-gold-hi);
  --font-display:'Unbounded',sans-serif; --font-display-w:700;
  --font-accent:'Instrument Serif',serif; --font-accent-style:italic;
  --font-body:'Archivo',sans-serif;
  --font-label:'JetBrains Mono',monospace;
  --tracking-display:0.01em;
}

/* ---------------------------------------------------------------------
   STUFE B — "Ringrichter" (editorial, wärmer, serifenbetonter)
   Führung: gold-hi zuerst (wärmer, einladender) → gold-deep → gold.
   Fonts: Instrument Serif übernimmt die Persönlichkeit bei großen
   Headlines (editorial, ruhig), Unbounded tritt zurück auf Kicker/Zahlen.
   Gleiche x-Höhen-Logik wie Stufe A, nur Rollen getauscht.
--------------------------------------------------------------------- */
[data-theme="b"]{
  --accent-1:var(--c-gold-hi); --accent-2:var(--c-gold-deep); --accent-3:var(--c-gold);
  --font-display:'Instrument Serif',serif; --font-display-w:400; --font-display-style:italic;
  --font-accent:'Unbounded',sans-serif; --font-accent-style:normal;
  --font-body:'Archivo',sans-serif;
  --font-label:'JetBrains Mono',monospace;
  --tracking-display:0em;
}
[data-theme="b"] h1,[data-theme="b"] h2,[data-theme="b"] .pt{
  font-style:italic; letter-spacing:0;
}

/* ---------------------------------------------------------------------
   STUFE C — "Champion" (technisch, kompakt, wettkampf-nah)
   Führung: gold zuerst (klar, neutral) → gold-hi → gold-deep als Tiefe.
   Fonts: JetBrains Mono rückt in Headlines/Kicker strukturell nach vorn
   (technisch, "Wettkampf-Anzeigetafel"), Unbounded bleibt Display-Anker
   aber enger gesetzt; Archivo bleibt Fließtext (unverändert = Lesbarkeit).
--------------------------------------------------------------------- */
[data-theme="c"]{
  --accent-1:var(--c-gold); --accent-2:var(--c-gold-hi); --accent-3:var(--c-gold-deep);
  --font-display:'Unbounded',sans-serif; --font-display-w:800;
  --font-accent:'JetBrains Mono',monospace; --font-accent-style:normal;
  --font-body:'Archivo',sans-serif;
  --font-label:'JetBrains Mono',monospace;
  --tracking-display:-0.01em;
}
[data-theme="c"] .kicker,[data-theme="c"] .eyebrow{
  letter-spacing:.3em; font-weight:600;
}

/* ---------------------------------------------------------------------
   Anwendung der Variablen auf gemeinsame Klassen (nutzt jede Seite,
   die themes.css einbindet). Bestehende Seiten mit hartkodierten Farben
   funktionieren unverändert weiter — dies ist eine ADDITIVE Schicht.
--------------------------------------------------------------------- */
[data-theme] .kicker,[data-theme] .eyebrow{ color:var(--accent-2); font-family:var(--font-label); }
[data-theme] h1,[data-theme] h2,[data-theme] .pt{
  font-family:var(--font-display); font-weight:var(--font-display-w);
  letter-spacing:var(--tracking-display);
}
[data-theme] em,[data-theme] .accent-em{
  font-family:var(--font-accent); font-style:var(--font-accent-style,italic); color:var(--accent-1);
}
[data-theme] body{ font-family:var(--font-body); }
[data-theme] .gold-line{ background:linear-gradient(90deg,var(--accent-1),var(--accent-2)); }

/* ---------------------------------------------------------------------
   Umschalter-UI (kleines Widget, z. B. im Hub-Footer oder Profil)
--------------------------------------------------------------------- */
.theme-switch{display:flex;gap:8px;align-items:center;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.theme-switch button{border:1px solid rgba(10,10,10,.18);background:#fff;color:#0A0A0A;padding:.5rem .9rem;border-radius:100px;cursor:pointer;transition:.15s}
.theme-switch button:hover{border-color:#C9A227}
.theme-switch button.active{background:#0A0A0A;color:#F5F3EE;border-color:#0A0A0A}