/*
 * Dunkler Modus nach Systemeinstellung.
 *
 * tokens.css (unverändert aus dem Design System) schaltet nur über data-theme="dark" um,
 * nicht über prefers-color-scheme. Hier stehen deshalb dieselben Dunkelwerte noch einmal,
 * wirksam, wenn das System dunkel ist UND kein data-theme="light" gesetzt ist - ein späterer
 * Umschalter auf der Seite hat so in beide Richtungen Vorrang.
 *
 * KOPIE der Werte aus tokens.css, [data-theme="dark"]. Wer tokens.css erneuert, gleicht diesen
 * Block ab: Build/theme-pruefen.sh im Sitepackage vergleicht beide.
 * Die Spezifität (0,2,0) liegt über ":root, [data-theme=light]" (0,1,0) aus tokens.css.
 */
:root { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #15191f;
    --surface-raised: #1d232b;
    --surface-sunken: #0f1216;
    --ink: #ebe7df;
    --ink-muted: #a3a9b3;
    --brand: #9bb8de;
    --brand-strong: #c3d6f0;
    --on-brand: #0f1a2b;
    --accent: #d9b35c;
    --accent-fill: #d9b35c;
    --on-accent: #1b1f26;
    --line: #2f3842;
    --line-strong: #6b7684;
    --focus: #9bb8de;
    --success: #7fc08c;
    --danger: #e38b8b;
    --shadow-overlay: 0 8px 24px rgba(0, 0, 0, 0.6);
  }
}