/*
 * Dunkles Farbthema (O-26, Entscheidung 2026-08-13; warme Palette seit dem
 * Umbau minimalist-ui, 20.08.2026).
 *
 * Zwei feste Themes, sonst keine: dieses hier und das helle aus tokens.css.
 * Kein Admin-Editor, keine Datenbank -- siehe docs/modules/theme.md. Der
 * Wechsel laeuft automatisch nach der Systemeinstellung des Geraets, rein
 * ueber die Media-Query unten. Kein JavaScript, kein Umschalter in der App.
 *
 * Dieselben Token-Namen wie tokens.css, mit eigenen Werten. Warmes Anthrazit
 * statt des vorherigen blaustichigen Petrol-Dunkel — dieselbe Farbwelt wie im
 * hellen Theme, nur umgekehrte Helligkeit. Jeder Wert unten ist gegen WCAG AA
 * (4.5:1 fuer Text) nachgerechnet, siehe tests/Feature/KontrastTest.php.
 */

@media (prefers-color-scheme: dark) {
    :root {
        /* Basis-Tokens: warmes Anthrazit-Schwarz statt kuehlem Petrol-Dunkel */
        --color-primary: #f2efe9;
        --color-accent: #dcd6c8;
        --color-background: #17150f;
        --color-surface: #211e17;
        --color-text: #f2efe9;
        --color-muted: #908d86;
        --color-border: #3a362c;

        /*
         * Statusfarben: unveraendert vom vorherigen Stand — sie sind bereits
         * kraeftig genug fuer die neue warme Flaeche. Nachgerechnet gegen die
         * per color-mix() (12% in --color-surface) erzeugte Abzeichenflaeche:
         * frei 7.50:1, unterwegs 7.24:1, wartung 5.37:1.
         */
        --color-status-frei: #4ade91;
        --color-status-unterwegs: #f2b84f;
        --color-status-wartung: #ff7a63;

        /*
         * Feste Flaechen fuer die Statusabzeichen: dieselbe Zahl, die vorher
         * component-seitig per color-mix(status-farbe 12%, --color-surface)
         * lief, hier als fester Wert vorgerechnet — damit die Abzeichen-
         * Komponente (komponenten.css .status-abzeichen) in beiden Themes
         * denselben Mechanismus (var(--flaeche-status-*)) nutzt, statt eines
         * pro Theme. Nachgerechnet: frei 7.50:1, unterwegs 7.24:1,
         * wartung 5.37:1.
         */
        --flaeche-status-frei: #263526;
        --flaeche-status-unterwegs: #3a301e;
        --flaeche-status-wartung: #3c2920;

        /*
         * Verbindungsanzeige: unveraendert. Gegen die neue, dunklere
         * --flaeche-dunkel weiterhin deutlich ueber den geforderten 3:1
         * (9.79:1 bzw. 8.64:1).
         */
        --color-netz-verbunden: #3ecf8e;
        --color-netz-getrennt: #ff8c7a;

        /* Dunkler Text auf der jetzt hellen Primaerflaeche */
        --color-on-primary: #17150f;

        /*
         * Dunkle Flaeche fuer Kopf- und Fusszeile: EXPLIZIT gesetzt statt per
         * var(--color-text)/var(--color-surface) abgeleitet — sonst kippt die
         * Leiste im Dark Mode auf hell, weil --color-text hier bereits hell
         * ist. Eigener, noch dunklerer Ton als --color-background.
         */
        --flaeche-dunkel: #0e0c08;
        --auf-flaeche-dunkel: #f2efe9;

        /*
         * --color-rahmen-bedienelement und --schatten-karte stehen NICHT
         * hier: beide sind in tokens.css als color-mix() aus --color-text
         * bzw. --color-background definiert und werten die aktiven Werte
         * zur Laufzeit aus. Nachgerechnet: rahmen-bedienelement 5.50:1 gegen
         * den dunklen Hintergrund, 5.01:1 gegen die Kartenflaeche (Schwelle
         * 3:1 fuer Bedienelemente, WCAG 2.2 SC 1.4.11).
         */
    }
}
