/* Dunkles Erscheinungsbild (Stand 28.09.2026, docs/DESIGN-SYSTEM.md «Dunkles Erscheinungsbild»). Nur neue Werte für die bestehenden Tokens; alle Screens nutzen die Tokens und brauchen darum keine eigenen Regeln. Gilt, wenn das Gerät dunkel eingestellt ist (Einstellung «System», Vorgabe), oder immer mit «Dunkel» (data-theme="dark" auf , gesetzt von js/00-theme.js). «Hell» (data-theme="light") bleibt hell, auch wenn das Gerät dunkel ist. Bordeaux ist hier heller, damit es als Text auf den dunklen Karten mindestens 4.5:1 erreicht; Knöpfe in Bordeaux tragen dafür dunkle Schrift (--card). Geprüft von tests/theme-contrast.cjs (Tokenpaare) und tests/theme-browser.cjs. */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --accent: #E08A9E; --accent-mid: #A85C70; --accent-light: #5A2E3A; --page: #0C0C0D; --card: #1A1A1C; --border: #3A3633; --text: #F5F5F4; --text-2: #D6D3D1; --text-3: #A29C97; --champagne: #4A4036; --error-color: #F4877C; --error-bg: #3A1B18; --warning-color: #EBB26B; --warning-bg: #33260F; --scrim: color-mix(in srgb, var(--dark-page) 60%, transparent); --scrim-strong: color-mix(in srgb, var(--dark-page) 80%, transparent); color-scheme: dark; } } :root[data-theme="dark"] { --accent: #E08A9E; --accent-mid: #A85C70; --accent-light: #5A2E3A; --page: #0C0C0D; --card: #1A1A1C; --border: #3A3633; --text: #F5F5F4; --text-2: #D6D3D1; --text-3: #A29C97; --champagne: #4A4036; --error-color: #F4877C; --error-bg: #3A1B18; --warning-color: #EBB26B; --warning-bg: #33260F; --scrim: color-mix(in srgb, var(--dark-page) 60%, transparent); --scrim-strong: color-mix(in srgb, var(--dark-page) 80%, transparent); color-scheme: dark; }