/* Dunkelmodus: gemeinsame Farben (Janosch 27.10.2026, Backlog „echter Dark Mode statt Unterdrückung“).
   Diese Datei und die <name>.dark.css hängen mit media="(prefers-color-scheme: dark)" am <link> (src/render.js, darkSheet),
   gelten also nur bei Dunkelmodus; das helle Design bleibt unverändert. Hier stehen NUR die Variablen der hellen Sheets,
   die Flächen und Text betreffen. Ist Text auf dunklen Abschnitten bisher var(--white) (Hero, Kontakt …), steht in der
   jeweiligen <name>.dark.css ein ausdrückliches #fff.

   Palette (abgeleitet von den Fortbildungsfolien, alizee_slides.py: Deep #061520, Ocean #0b2436, Linie #1d3344,
   Text #e8eef3, gedämpft #9fb3c4):
     Grundfläche  #0a1b27   (vorher Sand)           angehobene Fläche/Karte  #0e2332   (vorher Weiß)
     getönt/Linie #163043   (vorher Warm)           Linie                    #1d3344
     Text         #e8eef3   Text gedämpft #9fb3c4   Gold als Text           #e0c48c
     bereits dunkle Abschnitte (Hero, Kontakt, Faktencheck …) bleiben Deep #061520 / Ocean #0b2436 */
:root{
  color-scheme:dark;
  /* Flächen */
  --sand:#0a1b27;--warm:#163043;--white:#0e2332;
  --paper:#0a1b27;--card:#0e2332;--line:#1d3344;--gold-soft:#1c2a30;
  --rg-sand:#0e2332;--rg-sand-2:#163043;
  /* Text */
  --text:#e8eef3;--muted:#9fb3c4;
  --ink:#e8eef3;--ink-soft:#9fb3c4;
  --gold-text:#e0c48c;--gold-ink:#e0c48c;
  /* Schatten auf dunklem Grund */
  --shadow-sm:0 2px 10px rgba(0,0,0,.35);--shadow-md:0 10px 36px rgba(0,0,0,.45);--shadow-lg:0 18px 56px rgba(0,0,0,.55);
}
html,body{background:var(--sand);color:var(--text)}