/* ═══════════════════════════════════════════════════════════════════════
   EINZIGE QUELLE der Farbtokens (21.08.2026, ausgelagert aus tools.css).
   Wird von ALLEN Seiten geladen — auch von admin.html, das tools.css
   bewusst NICHT einbindet; dort galten Dark-Mode und die neuen Tokens
   deshalb gar nicht (Befund aus dem Code-Review 21.08.2026).
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* Palette «Maximale Klarheit» (seit 21.08.2026) */
  --bg:#FFFFFF; --surface:#FFFFFF; --border:#9AA6B2; --accent:#0A3D7A; --accent2:#072C59;
  --text:#0B0E12; --text-dim:#333B43; --success:#0F5D3C; --danger:#96170D; --radius:12px;
  /* Werte, die frueher hart codiert waren */
  --auf-akzent:#FFFFFF;              /* Text/Icon AUF Akzent- und Danger-Flaechen */
  --kopf-glas:rgba(255,255,255,.92); /* klebende Kopfzeilen (Milchglas) */
  --akzent-schleier:rgba(10,61,122,.10);        /* Hover-/Aktiv-Flaechen */
  --akzent-schleier-leicht:rgba(10,61,122,.05); /* dezente Hinterlegungen */
  --danger-schleier:rgba(150,23,13,.10);        /* Fehler-/Loesch-Flaechen */
  --success-schleier:rgba(15,93,60,.10);        /* Erfolgs-Flaechen */
}

/* DARK-MODE. `html[data-thema=…]` (0,1,1) schlaegt jedes `:root` (0,1,0) und
   ueberschreibt damit auch die lokalen Token-Bloecke der Einzelseiten.
   Kontraste: Text 14.7 · Sekundaertext 8.1 · Akzent 7.9 · Rahmen 2.3. */
html[data-thema="dunkel"] {
  --bg:#0E1216; --surface:#161C22; --border:#455666;
  --accent:#7DB4EE; --accent2:#4A87C8;
  --text:#EAEEF2; --text-dim:#A8B3BD;
  --success:#4ADE96; --danger:#FF8A7A;
  --auf-akzent:#0B1017;
  --kopf-glas:rgba(22,28,34,.92);
  --akzent-schleier:rgba(125,180,238,.16);
  --akzent-schleier-leicht:rgba(125,180,238,.09);
  --danger-schleier:rgba(255,138,122,.18);
  --success-schleier:rgba(74,222,150,.16);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  html[data-thema="auto"] {
    --bg:#0E1216; --surface:#161C22; --border:#455666;
    --accent:#7DB4EE; --accent2:#4A87C8;
    --text:#EAEEF2; --text-dim:#A8B3BD;
    --success:#4ADE96; --danger:#FF8A7A;
    --auf-akzent:#0B1017;
    --kopf-glas:rgba(22,28,34,.92);
    --akzent-schleier:rgba(125,180,238,.16);
    --akzent-schleier-leicht:rgba(125,180,238,.09);
    --danger-schleier:rgba(255,138,122,.18);
    --success-schleier:rgba(74,222,150,.16);
    color-scheme: dark;
  }
}