/*
 * ====================================================================
 * bs5_darkmode.css
 * ====================================================================
 * Dark Mode — aktuell DEAKTIVIERT (kein Auto-Trigger, kein Toggle).
 *
 * Hintergrund: Viele seiten-spezifische bs5_*.css-Dateien enthalten
 * hart-codierte Farben (z.B. .text-dark auf hellen Backgrounds), die
 * im Dark Mode für Lesbarkeits-Probleme sorgen. Der Token-Switch unten
 * bleibt als Grundgerüst stehen; wird erst nach QA-Sprint über alle
 * 48 Child-CSS-Dateien reaktiviert (dann prefers-color-scheme und
 * Toggle wieder aktivieren).
 *
 * Gold (--fm-gold) bleibt Markenfarbe. Nur Text/Background/Card-
 * Surface werden invertiert. Logos und Hero-Overlays bleiben.
 *
 * Siehe Plan: U2.5
 * ====================================================================
 */

/* Auto-Trigger via prefers-color-scheme ist aus Kontrastgründen deaktiviert.
   Reaktivierung nach Kontrast-Audit über alle Child-CSS-Dateien.
@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) { ... }
}
*/

/* Manueller Override: data-theme="dark" erzwingt Dark Mode (aktuell nur
   per Dev-Tools setzbar, Toggle-Button ist deaktiviert). */
html[data-theme="dark"] {
    --fm-bg-light: #1a1a1a;
    --fm-bg-light-alt: #242424;
    --fm-light-gray: #2a2a2a;
    --fm-white: #121212;
    --fm-text-primary: #e8e8e8;
    --fm-text-secondary: #b0b0b0;
    --fm-text-muted: #888888;
    --fm-text-light: #cccccc;
    --fm-border-light: #333333;
    --fm-border-dark: rgba(255, 255, 255, 0.12);
    --bs-body-color: #e8e8e8;
    --bs-body-bg: #121212;
    --bs-secondary-color: #b0b0b0;
    --bs-emphasis-color: #ffffff;
    --bs-border-color: #333333;
    color-scheme: dark;
}

/* Dark-Mode-Toggle Button (im Footer) */
.fm-theme-toggle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--fm-border-light);
    background: transparent;
    color: var(--fm-text-primary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.fm-theme-toggle:hover,
.fm-theme-toggle:focus-visible {
    background: var(--fm-gold);
    color: var(--fm-dark);
    outline: none;
}

.fm-theme-toggle .bi-moon-fill {
    display: none;
}

.fm-theme-toggle .bi-sun-fill {
    display: inline;
}

html[data-theme="dark"] .fm-theme-toggle .bi-moon-fill,
html:not([data-theme="light"]) .fm-theme-toggle .bi-moon-fill {
    display: inline;
}

html[data-theme="dark"] .fm-theme-toggle .bi-sun-fill,
html:not([data-theme="light"]) .fm-theme-toggle .bi-sun-fill {
    display: none;
}

html[data-theme="light"] .fm-theme-toggle .bi-moon-fill {
    display: none;
}

html[data-theme="light"] .fm-theme-toggle .bi-sun-fill {
    display: inline;
}

/* Dark-Mode-spezifische Farbabfederungen für bestehende Komponenten.
   Aktuell strikt Opt-in via data-theme="dark" — KEIN prefers-color-scheme,
   solange der globale Kontrast-Audit offen ist (Regel darf nicht zufällig
   auf Systemen mit Dark-OS feuern). */
html[data-theme="dark"] .card {
    background-color: var(--fm-bg-light-alt);
    border-color: var(--fm-border-light);
    color: var(--fm-text-primary);
}

/* Hero-Overlays und Logos bleiben unverändert — sie haben eigene Kontraste */