/* StayNestor – Theme-Paletten, übernommen aus shortlongx (dashboard/theme.css, 29.10.2026).
   Ansage Edgar: „/depot/ib/ hat das beste UI“. Single Source of Truth der Farben.
   ============================================================================
   Greift über body[data-theme="..."] (gesetzt von der Theme-Wahl unter
   Einstellungen → UI bzw. server-seitig via aktives_theme). Wird über
   DJANGOBASE["extra_css"] NACH djangobase/css/themes.css geladen -> gewinnt bei
   gleicher Spezifität. Deckt App-Seiten UND djangoBase-Hilfe-/Einstellungsseiten ab.

   Kern-Trick: EINE Basis-Variable kippt die Farbe. Die Seiten verwenden

       rgba(var(--fg-rgb), α)       statt rgba(255,255,255, α)   (Text/Fläche/Border)
       rgba(var(--accent-rgb), α)   für Akzent-Tönungen
       var(--accent), var(--text-primary), var(--surface)

   In den dunklen Modi ist --fg-rgb weiß, in weiss/blau dunkel -> aus hellen
   Schleiern werden dunkle auf hellem Grund, ohne jede Opazität aufzuzählen.
   ============================================================================ */

/* ---- Dark (gilt auch ohne data-theme) ------------------------------------ */
:root,
body[data-theme="dark"] {
    --fg-rgb: 255, 255, 255;
    --text-primary: #e0e8f0;
    --accent: #4ea8f6;
    --accent-rgb: 78, 168, 246;
    --accent-strong: #2563eb;
    --bg-deep: #0a1628;
    --bg-deep-rgb: 10, 22, 40;
    --surface-deep: #0d2137;
    --bg-gradient: linear-gradient(135deg, #0a1628 0%, #0d2137 40%, #0a1a2e 100%);
    --surface: #122a44;
    --border: rgba(var(--fg-rgb), 0.08);
    --sidebar-bg: #0d2137;
    --sidebar-light: #1e4a73;
    --sidebar-dark: #0a1628;
    --db-bg: #0a1628;
    --db-fg: #e0e8f0;
    --db-accent: #4ea8f6;
    /* Seitenname und Knopf „Sidebar ein-/ausblenden“ links oben — auf dunkler Kopfzeile hell. */
    --sn-blau: #4ea8f6;
    /* Kalender: Balken einer Überbuchung (Einheit doppelt belegt), in allen Schemata mit weißer Schrift. */
    --sn-ueberbucht: #dc2626;
    /* Suchtreffer im Text (mark.sn-treffer), auf dunklem Grund heller. */
    --sn-treffer: #f87171;
}

/* ---- Weiß (Standard) – weißer Grund, schwarze Schrift, Akzente schwarz --------
   Ansage Edgar 29.10.2026: „alles weißer Hintergrund mit schwarzer Schrift … das soll im
   Theme so gespeichert sein“ und „das Theme soll Bestandteil von djangoBase sein“.
   Seitenleiste, Kopfzeile und die djangoBase-Seiten färbt djangoBase selbst (themes.css,
   Theme „weiss“, Variablen --dbt-*); hier nur die Variablen der eigenen Seiten. */
body[data-theme="weiss"] {
    --fg-rgb: 17, 17, 17;
    --text-primary: #111111;
    --accent: #111827;
    --accent-rgb: 17, 24, 39;
    --accent-strong: #000000;
    --bg-deep: #f5f6f8;
    --bg-deep-rgb: 245, 246, 248;
    --surface-deep: #ffffff;
    --bg-gradient: #ffffff;
    --surface: #ffffff;
    --border: rgba(var(--fg-rgb), 0.14);
    --sn-blau: #1976d2;
    --sn-treffer: #dc2626;
    color: var(--text-primary);
}
body[data-theme="weiss"] .db-content { color: var(--text-primary); }

/* ---- Blau – das bisherige Light („die alten blauen Farben bitte in Thema blau“) ---
   Blaue Seitenleiste und Kopfzeile (djangoBase-Theme „blau“), heller Verlauf im Inhalt. */
body[data-theme="blau"] {
    --fg-rgb: 30, 41, 59;
    --text-primary: #1a2533;
    --accent: #1976d2;
    --accent-rgb: 25, 118, 210;
    --accent-strong: #0d47a1;
    --bg-deep: #e9eef5;
    --bg-deep-rgb: 233, 238, 245;
    --surface-deep: #ffffff;
    --bg-gradient: linear-gradient(135deg, #eef2f7 0%, #f5f7fa 40%, #eaf0f6 100%);
    --surface: #ffffff;
    --border: rgba(var(--fg-rgb), 0.16);
    --sn-treffer: #dc2626;
    color: var(--text-primary);
}
body[data-theme="blau"] .db-content { color: var(--text-primary); }

/* ---- Cyber (dunkel) ------------------------------------------------------- */
body[data-theme="cyber"] {
    --fg-rgb: 255, 255, 255;
    --text-primary: #c8e6ff;
    --accent: #00f0ff;
    --accent-rgb: 0, 240, 255;
    --accent-strong: #00b8cc;
    --bg-deep: #050818;
    --bg-deep-rgb: 5, 8, 24;
    --surface-deep: #06203a;
    --bg-gradient: linear-gradient(135deg, #050818 0%, #0a1228 60%, #06121f 100%);
    --surface: #0a1f33;
    --border: rgba(var(--accent-rgb), 0.18);
    --sidebar-bg: #06203a;
    --sidebar-light: #00708a;
    --sidebar-dark: #04101f;
    --db-bg: #050818;
    --db-fg: #c8e6ff;
    --db-accent: #00f0ff;
}

/* ---- Forest (dunkel) ------------------------------------------------------ */
body[data-theme="forest"] {
    --fg-rgb: 255, 255, 255;
    --text-primary: #d8f0d8;
    --accent: #4caf50;
    --accent-rgb: 76, 175, 80;
    --accent-strong: #2e7d32;
    --bg-deep: #0a2613;
    --bg-deep-rgb: 10, 38, 19;
    --surface-deep: #123d1c;
    --bg-gradient: linear-gradient(135deg, #0a2613 0%, #0e1d11 60%, #0a2010 100%);
    --surface: #123d1c;
    --border: rgba(var(--fg-rgb), 0.1);
    --sidebar-bg: #123d1c;
    --sidebar-light: #1f6b30;
    --sidebar-dark: #0a2613;
    --db-bg: #0a2613;
    --db-fg: #d8f0d8;
    --db-accent: #4caf50;
}

/* ---- Sunset (dunkel) ------------------------------------------------------ */
body[data-theme="sunset"] {
    --fg-rgb: 255, 255, 255;
    --text-primary: #ffe0d0;
    --accent: #ff7a45;
    --accent-rgb: 255, 122, 69;
    --accent-strong: #e0561f;
    --bg-deep: #2a1410;
    --bg-deep-rgb: 42, 20, 16;
    --surface-deep: #3a1d14;
    --bg-gradient: linear-gradient(135deg, #2a1410 0%, #1f1416 60%, #2a1a18 100%);
    --surface: #3a1d14;
    --border: rgba(var(--fg-rgb), 0.1);
    --sidebar-bg: #4a1d12;
    --sidebar-light: #8f3a1f;
    --sidebar-dark: #2a1410;
    --db-bg: #2a1410;
    --db-fg: #ffe0d0;
    --db-accent: #ff7a45;
}