/* =====================================================================
   tokens.css — Design-Tokens (Single Source of Truth)
   ---------------------------------------------------------------------
   Diese Datei definiert ALLE Farb-/Layout-Variablen — einmal fuer Light
   (:root) und einmal fuer Dark (html[data-theme="dark"]). Sie wird als
   ERSTE Stylesheet-Datei im <head> geladen (vor theme.css, components.css
   und allen Page-Styles), damit jede nachfolgende Regel auf die Tokens
   zugreifen kann.

   Zwei Variablen-Familien (historisch gewachsen, hier vereint):
     --theme-*  — von Sidebar, Toolbar, Modals, theme.css genutzt
     --c-*      — von den Page-<style>-Bloecken genutzt (Admin, Einsaetze …)
   Beide werden hier zentral gepflegt. Pages, die noch ein eigenes
   :root { --c-… } inline definieren, ueberschreiben diese Defaults (die
   Migration entfernt die Inline-Bloecke schrittweise — danach erben sie
   automatisch von hier).

   Design ⟂ Funktionalitaet: Wer das Erscheinungsbild aendern will, fasst
   NUR diese Datei an. Struktur/Layout/Verhalten liegt in theme.css +
   components.css.
   ===================================================================== */

:root {
    /* ---- Typografie ----
       Basis-Schriftfamilie. Pages nutzen sie via var(--font-base); ein
       eigenes Theme (T3) kann sie ueberschreiben. Default = bisheriger
       System-Font-Stack (keine Sicht-Aenderung). */
    --font-base: system-ui, -apple-system, "Segoe UI", sans-serif;

    /* ---- Mono-Schrift (Einsatznummern, Codes, Aliasse) ----
       Zentral, damit die Mono-Einsatznummer (Design „Mischung") und
       .alias/.key-mono dieselbe Familie nutzen. */
    --font-mono: ui-monospace, "SFMono-Regular", "Consolas", Menlo, monospace;

    /* ---- Spacing-Skala ----
       Einheitliche Abstaende statt verstreuter px-Werte. */
    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 12px;
    --sp-lg: 16px;
    --sp-xl: 24px;

    /* ---- Radius-Skala ---- */
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* ---- Shadow-Skala (Light) ----
       Loest hartkodierte Modal-/Karten-Schatten ab. Dark-Werte im
       Dark-Block. */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.16);

    /* ---- Typo-Skala ----
       Konsistente Schriftgroessen + Heading-Hierarchie. */
    --fs-xs:   11px;
    --fs-sm:   12.5px;
    --fs-base: 14px;
    --fs-md:   16px;
    --fs-lg:   18px;
    --fs-xl:   22px;
    --fs-h1:   var(--fs-xl);
    --fs-h2:   var(--fs-lg);
    --fs-h3:   var(--fs-md);

    /* ---- Zentrale Breakpoints (Referenz) ----
       Eine Quelle der Wahrheit fuer die heute verstreuten Media-Queries
       (Konsolidierung in Etappe 6). ACHTUNG: @media kann var() NICHT
       lesen — dort die dokumentierten Literale verwenden; diese
       Custom-Properties dienen Referenz + JS (matchMedia). */
    --bp-sm: 480px;
    --bp-md: 760px;
    --bp-lg: 1024px;

    /* ---- Identitaets-Akzent (dezentes Feuerwehr-Rot) ----
       Design „Mischung": Marken-/Aktiv-Akzent (Logo, aktive Elemente).
       BEWUSST getrennt von der Status-/Alarm-Semantik (--c-error,
       --c-einsatz) — identisch in Hell + Dunkel. */
    --c-identity:        #c8102e;
    --c-identity-strong: #a00d24;
    --c-identity-fg:     #ffffff;
    --c-identity-text:   var(--c-identity);  /* Rot als Vordergrund — Light ok (5.9:1); Dark aufgehellt s.u. */

    /* ---- Theme-Tokens (Light) ---- */
    --theme-bg:              #f3f3f3;
    --theme-card:            #ffffff;
    --theme-card-hover:      #fafbfc;
    --theme-border:          #d6d6d6;
    --theme-border-light:    #ececec;
    --theme-fg:              #1b2530;
    --theme-fg-strong:       #0e2538;
    --theme-muted:           #404a58;
    --theme-link:            #c8102e;
    --theme-link-hover:      #a00d24;
    --theme-input-bg:        #ffffff;
    --theme-input-border:    #d6d6d6;
    --theme-code-bg:         #f3f5f8;
    --theme-code-fg:         #2c3e50;
    /* Read-only EM-Meta-Kapsel (Staerke/Kontakt), #177 — vorher hart
       rgba(255,255,255,0.7)/rgba(0,0,0,0.08), im Dark unlesbar. */
    --theme-em-meta-bg:      rgba(255,255,255,0.7);
    --theme-em-meta-border:  rgba(0,0,0,0.08);
    --theme-toast-ok-bg:     #e8f8ec;
    --theme-toast-ok-fg:     #0e6b30;
    --theme-toast-ok-border: #b6e2c2;
    --theme-toast-err-bg:    #fff0ee;
    --theme-toast-err-fg:    #c0392b;
    --theme-toast-err-border:#f1c0bc;
    --theme-toast-warn-bg:   #fff8e6;
    --theme-toast-warn-fg:   #6f4f00;
    --theme-toast-warn-border:#f3d97a;
    --theme-shadow:          0 1px 2px rgba(0, 0, 0, 0.03);

    /* Sidebar-Chrome — Default dunkel (Fokus-Anker), aber als vollstaendiger
       Token-Satz gepflegt, damit ein Theme die Seitenleiste umfaerben kann
       (T3). Gelten in Hell + Dunkel gleich, solange ein Theme sie nicht
       ueberschreibt. Werte = bisherige Hartcodes aus renderCss (1:1). */
    --theme-sidebar-bg:        #1f2933;
    --theme-sidebar-brand-bg:  #2c3640;
    --theme-sidebar-brand-fg:  #ffffff;
    --theme-sidebar-fg:        #d8dee5;
    --theme-sidebar-fg-strong: #ffffff;
    --theme-sidebar-fg-dim:    #7f8c8d;
    --theme-sidebar-border:    #2c3640;
    --theme-sidebar-hover-bg:  #2c3640;
    --theme-sidebar-active:     var(--c-identity);  /* Feuerwehr-Rot als Aktiv-Nav-Akzent (Default; Org-Branding-Sekundaerfarbe ueberschreibt) */
    --theme-sidebar-btn-border:       #3a4651;
    --theme-sidebar-btn-border-hover: #4a5a68;
    /* Sidebar im Schwerpunkt-Modus */
    --theme-sidebar-sp-accent:       #229954;
    --theme-sidebar-sp-brand-bg:     #1d4d2f;
    --theme-sidebar-sp-brand-border: #226e3a;
    --theme-sidebar-sp-text:         #d4e9d8;
    /* Helle Plakette hinter dem Menue-Logo — damit ein (transparentes)
       Logo auf JEDER Sidebar-Farbe sauber sitzt (T4). */
    --theme-sidebar-logo-plate:      #ffffff;

    /* ---- Page-Tokens (Light) ----
       Der gemeinsame Satz, den ~37 Page-<style>-Bloecke bisher identisch
       dupliziert haben. Jetzt einmal hier. */
    --c-bg:        #eef1f5;
    --c-card:      #ffffff;
    --c-border:    #d6d6d6;
    --c-border-l:  #ececec;
    --c-fg:        #1b2530;
    --c-muted:     #404a58;
    --c-primary:   #c8102e;
    --c-error:     #c0392b;
    --c-success:   #229954;
    --c-warn:      #e98011;
    --c-ok:        #229954;

    /* ---- Komponenten-Sonderfarben (Light) ----
       Genutzt von components.css-Bausteinen (S2-Refactoring). */
    --c-btn-soft-bg:    #fafafa;   /* Sekundaer-Button (.btn-link) */
    --c-btn-soft-hover: #eeeeee;
    --c-chip-on-bg:     #fbe7ea;   /* angewaehlter Auswahl-Chip (.ort-chip) — hellroter Tint (Identitaet) */
    --c-toast-float-bg: #2c3e50;   /* schwebender Feedback-Toast (.toast-float) */
    /* Inline-EM-Toast (index.php, edit.php): gedaempftes Dunkel-Slate mit
       weissem Text — in beiden Themes kontrastreiches Floating-Overlay. */
    --c-toast-bg:       #2c3e50;
    --c-toast-fg:       #ffffff;

    /* ---- EM-Status-Farben ----
       Einsatzmittel-Status (einsatzmittel.php; Lagekarte nutzt eigene
       Werte). Kraeftige Signalfarben — bewusst identisch in Light+Dark. */
    --c-frei:       #229954;   /* frei / verfuegbar */
    --c-dispo:      #27ae60;   /* in Dispo (etwas helleres Gruen) */
    --c-anfahrt:    #e98011;   /* auf Anfahrt */
    --c-einsatz:    #cb4335;   /* im Einsatz */
    --c-haus:       #34495e;   /* aus Einsatz entlassen (dunkelgrau) */
    --c-haus-light: #7f8c8d;   /* nicht eingesetzt (mittelgrau) */
    --c-unknown:    #7f8c8d;   /* Status unbekannt */

    /* ---- Lagekarte-Status-Marker-Farben ----
       Auch von .status-pill .dot (components.css) genutzt — daher GLOBAL in
       tokens.css (frueher nur in lagekarte.css, dort undefiniert auf anderen
       Seiten). Signalfarben, identisch in Light+Dark. */
    --c-st-green:     #229954;
    --c-st-green-alt: #27ae60;
    --c-st-red:       #cb4335;
    --c-st-red-alt:   #d35400;
    --c-st-orange:    #e98011;
    --c-st-violet:    #7d3c98;
    --c-st-gray:      #95a5a6;

    /* ---- Listen-Chips (S4a: einsaetze/index.php, kuenftig view/abschnitt) ----
       Neutrale Info-Chips (EM-Zuordnung in Tabellenzellen, Kommentar-
       Badge) + Hover-Zustand "Klick entfernt". Dark-Werte stammen aus
       den frueheren theme.css-Overrides (1:1). */
    --c-chip-bg:           #eef3f7;
    --c-chip-border:       #d8dee5;
    --c-chip-fg:           #34495e;
    /* Digitaler-Zwilling-Karten-Chip (#175/AP7) — Gruen, abgesetzt von TIM
       (neutral) und HYD (gelb). Kontrast fg/bg 6.6:1 (AA). Dark s. u. */
    --c-mapbtn-dz-bg:      #e3f2ea;
    --c-mapbtn-dz-fg:      #14602f;
    --c-mapbtn-dz-border:  #b6ddc4;
    --c-chip-hover-bg:     #ffd9d4;
    --c-chip-hover-border: #f1c0bc;
    --c-chip-hover-fg:     #8a1f17;

    /* ---- Tabellen-Grundwerte (Listen-Seiten) ---- */
    --c-th-bg:      #fafafa;   /* Tabellen-Header-Hintergrund */
    --c-row-sel-bg: #fff8e1;   /* Bulk-selektierte Zeile (gelblich) */

    /* ---- Schwerpunkt-Akzent (gruen) ----
       SP-Pool-Chips, SP-Badge an Einsatzzeilen, SP-Tabellen-Kopf. */
    --c-sp-soft-bg:     #e8f5ec;
    --c-sp-border:      #b6e2c2;
    --c-sp-fg:          #0e6b30;
    --c-sp-head-bg:     #f0f7f2;
    --c-sp-head-border: #d6d6d6;
    --c-sp-row-hover:   #f7fafc;

    /* ---- Status-Pills (Einsatz-Status + Wichtigkeit-Fallback) ----
       bg/fg-Paare. Light = heller Pastell-Grund mit gesaettigtem Text,
       Dark = dunkel-tonaler Grund mit hellem Akzent (Werte identisch zu
       den bestehenden theme.css-Pill-Overrides, die fuer die noch nicht
       migrierten Seiten weiterbestehen — NICHT auseinanderdriften
       lassen!). Wichtigkeit: eilig nutzt s3-, gross s4-Toene. */
    --c-pill-neu-bg:           #d4eaff;
    --c-pill-neu-fg:           #003a80;
    --c-pill-dispo-bg:         #dff6e3;
    --c-pill-dispo-fg:         #1f6f3a;
    --c-pill-s3-bg:            #fff0d8;
    --c-pill-s3-fg:            #a85800;
    --c-pill-s4-bg:            #ffd9d4;
    --c-pill-s4-fg:            #8a1f17;
    --c-pill-erledigt-bg:      #e5e5e5;
    --c-pill-erledigt-fg:      #555555;
    --c-pill-beantragt-bg:     #ffe6e6;
    --c-pill-beantragt-fg:     #8a1f17;
    --c-pill-beantragt-border: #cb4335;
    --c-pill-abgeschlossen-bg: #2c3e50;
    --c-pill-abgeschlossen-fg: #ffffff;
    --c-pill-normal-bg:        #eaf0f6;
    --c-pill-normal-fg:        #34495e;
    --c-pill-muted-bg:         #f3f5f8;
    /* Admin-Rollen-Pills (Light-Defaults; Dark s.u.). Vorsorglich zentral —
       bislang nur users.php inline (Light), Dark global in theme.css. */
    --c-pill-admin-bg:         #2c3e50;
    --c-pill-admin-fg:         #ffffff;
    --c-pill-lage-bg:          var(--c-pill-neu-bg);
    --c-pill-lage-fg:          var(--c-pill-neu-fg);

    /* ---- Chrome: Header / Toolbar / Banner (Light) ----
       Werte = bisherige Hartcodes aus MainNavSidebar::renderCss (1:1),
       jetzt als Tokens — Voraussetzung fuer themebare Chrome (T3). */
    --c-crumb-sep:           #b0b6bd;
    --c-toolbar-hover-bg:    #f3f5f8;
    --c-personal-pill-bg:    #1f6f3a;
    /* Schwerpunkt-Banner (Streifen ueber der Toolbar) */
    --c-sp-banner-bg:        #e8f5ec;
    --c-sp-banner-bg2:       #f4faf6;
    --c-sp-banner-border:    #b6e2c2;
    --c-sp-banner-accent:    #229954;
    --c-sp-banner-title:     #0e6b30;
    --c-sp-banner-meta:      #5f6b7a;
    --c-sp-banner-btn-bg:    #ffffff;
    /* Schema-/Feature-Banner */
    --c-schema-admin-bg:     #fff5e0;
    --c-schema-admin-border: #f0c674;
    --c-schema-admin-fg:     #6f4f00;
    --c-schema-admin-btn:    #6f4f00;
    --c-schema-admin-btn-hover: #4a3500;
    --c-schema-user-bg:      #fdf2f2;
    --c-schema-user-border:  #e7b8b8;
    --c-schema-user-fg:      #6b1f1f;

    /* ---- Status-Kachel (Design „Mischung": gesaettigte Statusfarbe + Mono-Nummer) ----
       Inverse zu den Pastell-Status-Pills (--c-pill-*): kraeftiger Grund,
       heller Text. Feste Kachel links an Listen-/Detail-Zeilen + (kuenftig)
       Lagekarte-Marker. Signalfarben — in Hell + Dunkel nahezu gleich. */
    --c-kachel-fg:               #ffffff;
    /* Light-Mode bewusst gedaempfter/weniger grell als Dark (User-Feedback):
       Blau + Orange ueberstrahlten auf hellem Grund. Weiterhin weiss-text-fest
       (Luminanz niedrig genug fuer >= 4.5:1). Dark-Werte (unten) unveraendert. */
    --c-kachel-neu-bg:           #3f63a0;
    --c-kachel-dispo-bg:         #2a7548;
    --c-kachel-bearb-bg:         #b0562f;
    --c-kachel-erledigt-bg:      #6b7280;
    --c-kachel-abgeschlossen-bg: #334155;

    /* ---- Alarm-Regel-Chips (admin/alarm-regeln.php) ----
       Trigger-Stichwort (blau) + Wildcard (gruen) + An/Aus-Pills. Loesen die
       hartkodierten Hex der Inline-Styles ab (Etappe 6.2). */
    --c-chip-trigger-bg:      #eaf3ff;
    --c-chip-trigger-fg:      #0056b3;
    --c-chip-trigger-border:  #b6d4fe;
    --c-chip-wildcard-bg:     #e2f3df;
    --c-chip-wildcard-fg:     #2c6e1d;
    --c-chip-wildcard-border: #b5d8a0;
}

/* =====================================================================
   Dark-Theme — Override auf html[data-theme="dark"]
   ===================================================================== */
html[data-theme="dark"] {
    /* ---- Theme-Tokens (Dark) ---- */
    --theme-bg:              #161a1e;
    --theme-card:            #20262d;
    --theme-card-hover:      #262d35;
    --theme-border:          #2f3742;
    --theme-border-light:    #2a3038;
    --theme-fg:              #e1e6ec;
    --theme-fg-strong:       #ffffff;
    --theme-muted:           #8a95a3;
    --theme-link:            #ff6b7d;
    --theme-link-hover:      #ff97a5;
    --theme-input-bg:        #1a1f25;
    --theme-input-border:    #3a4651;
    --theme-code-bg:         #2a3038;
    --theme-code-fg:         #d8dee5;
    --theme-em-meta-bg:      rgba(255,255,255,0.10);
    --theme-em-meta-border:  rgba(255,255,255,0.18);
    --theme-toast-ok-bg:     #1a3a25;
    --theme-toast-ok-fg:     #7ed096;
    --theme-toast-ok-border: #2d5a3d;
    --theme-toast-err-bg:    #3a1a18;
    --theme-toast-err-fg:    #ff8a7a;
    --theme-toast-err-border:#6b2a25;
    --theme-toast-warn-bg:   #3a2f10;
    --theme-toast-warn-fg:   #e8c47a;
    --theme-toast-warn-border:#5c4818;
    --theme-shadow:          0 1px 2px rgba(0, 0, 0, 0.4);

    /* ---- Shadow-Skala (Dark) ---- */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.6);

    /* Identitaets-Rot als Vordergrund im Dark aufhellen — #c8102e waere
       nur ~2.6:1 auf dunkler Card. Marken-bg (--c-identity /
       .identity-accent-bg) bleibt das satte Rot. */
    --c-identity-text: #ff6b7d;

    /* ---- Page-Tokens (Dark) ----
       Damit Pages, die --c-* nutzen, automatisch dunkeln — ob sie ihren
       Inline-:root schon abgegeben haben oder nicht. */
    --c-bg:        var(--theme-bg);
    --c-card:      var(--theme-card);
    --c-border:    var(--theme-border);
    --c-border-l:  var(--theme-border-light);
    --c-fg:        var(--theme-fg);
    --c-muted:     var(--theme-muted);
    --c-primary:   var(--theme-link);
    --c-error:     #ff8a7a;
    --c-success:   #7ed096;
    --c-warn:      #e8c47a;
    --c-ok:        #7ed096;

    /* ---- Komponenten-Sonderfarben (Dark) ---- */
    --c-btn-soft-bg:    var(--theme-card-hover);
    --c-btn-soft-hover: #2a3038;
    --c-chip-on-bg:     #3a1a20;   /* angewaehlter Chip dunkel-tonal (roter Tint) — heller Text per Tokens lesbar */
    --c-toast-float-bg: #2c3e50;   /* Toast bleibt dunkel-slate in beiden Themes */
    /* EM-Toast im Dark: etwas helleres Slate fuer mehr Kontrast gegen
       den sehr dunklen Seitenhintergrund; Text bleibt weiss. */
    --c-toast-bg:       #3a4a5c;
    --c-toast-fg:       #ffffff;

    /* ---- EM-Status-Farben (Dark = Light, Signalfarben) ---- */
    --c-frei:       #229954;
    --c-dispo:      #27ae60;
    --c-anfahrt:    #e98011;
    --c-einsatz:    #cb4335;
    --c-haus:       #34495e;
    --c-haus-light: #7f8c8d;
    --c-unknown:    #7f8c8d;

    /* ---- Listen-Chips (Dark) — Werte aus den frueheren theme.css-
       Overrides der Einsatz-Liste. Hover bewusst BLAU (Bestand). */
    --c-chip-bg:           var(--theme-card-hover);
    --c-chip-border:       var(--theme-border);
    --c-chip-fg:           var(--theme-fg);
    /* Digitaler-Zwilling-Karten-Chip (Dark, #175/AP7) — Kontrast fg/bg 8.3:1. */
    --c-mapbtn-dz-bg:      #16331f;
    --c-mapbtn-dz-fg:      #82dba3;
    --c-mapbtn-dz-border:  #2c5e3c;
    --c-chip-hover-bg:     #2a3550;
    --c-chip-hover-border: #2a5680;
    --c-chip-hover-fg:     #88c4ff;

    /* ---- Tabellen-Grundwerte (Dark) ---- */
    --c-th-bg:      var(--theme-card);
    --c-row-sel-bg: #3a2f10;

    /* ---- Schwerpunkt-Akzent (Dark) ---- */
    --c-sp-soft-bg:     #1d3a26;
    --c-sp-border:      #34663d;
    --c-sp-fg:          #9bd685;
    --c-sp-head-bg:     #1d3a26;
    --c-sp-head-border: #2a5638;
    --c-sp-row-hover:   rgba(255, 255, 255, 0.04);

    /* ---- Status-Pills (Dark) — identisch zu den theme.css-Pill-
       Overrides (Konsistenz-Pflicht, s. Light-Block). ---- */
    --c-pill-neu-bg:           #1a3550;
    --c-pill-neu-fg:           #88c4ff;
    --c-pill-dispo-bg:         #1d3a26;
    --c-pill-dispo-fg:         #7ed096;
    --c-pill-s3-bg:            #3a2f10;
    --c-pill-s3-fg:            #e8c47a;
    --c-pill-s4-bg:            #3a1a18;
    --c-pill-s4-fg:            #ff8a7a;
    --c-pill-erledigt-bg:      #2a3038;
    --c-pill-erledigt-fg:      #949fad; /* #M4: 4.96:1 auf -bg (vorher #8a95a3 = 4.38:1, unter AA 4.5) */
    --c-pill-beantragt-bg:     #3a1a18;
    --c-pill-beantragt-fg:     #ff8a7a;
    --c-pill-beantragt-border: #6b2a25;
    --c-pill-abgeschlossen-bg: #0e1a26;
    --c-pill-abgeschlossen-fg: #d8dee5;
    --c-pill-normal-bg:        #2a3038;
    --c-pill-normal-fg:        #c4d1dc;
    --c-pill-muted-bg:         #272c33; /* leicht abgedunkelt: --c-muted-Text erreicht so >=4.5:1 (WCAG 1.4.3) im Dark-Mode */
    --c-pill-admin-bg:         #1f1f2e;
    --c-pill-admin-fg:         #d6c7ff;
    --c-pill-lage-bg:          var(--c-pill-neu-bg);
    --c-pill-lage-fg:          var(--c-pill-neu-fg);

    /* ---- Chrome: Header / Toolbar / Banner (Dark) ----
       Werte = bisherige theme.css-Dark-Overrides (1:1). Die dortigen
       Override-Bloecke fuer sp-banner/schema-banner werden in T2 entfernt,
       sobald renderCss diese Tokens nutzt. Sidebar-Tokens bleiben bewusst
       OHNE Dark-Override (Seitenleiste ist heute in beiden Modi gleich). */
    --c-sp-banner-bg:        #1d4d2f;
    --c-sp-banner-bg2:       #1a3f28;
    --c-sp-banner-border:    #226e3a;
    --c-sp-banner-accent:    #34c759;
    --c-sp-banner-title:     #9bd685;
    --c-sp-banner-meta:      #b5d8a0;
    --c-sp-banner-btn-bg:    rgba(255, 255, 255, 0.08);
    --c-schema-admin-bg:     #3a2f10;
    --c-schema-admin-border: #5c4818;
    --c-schema-admin-fg:     #e8c47a;
    --c-schema-admin-btn:    #6b5012;
    --c-schema-user-bg:      #3a1a18;
    --c-schema-user-border:  #6b2a25;
    --c-schema-user-fg:      #ff8a7a;

    /* ---- Status-Kachel (Dark — satte Signalfarben, leicht abgedunkelt) ---- */
    --c-kachel-fg:               #ffffff;
    --c-kachel-neu-bg:           #2563eb;
    --c-kachel-dispo-bg:         #15803d;
    --c-kachel-bearb-bg:         #c2410c;
    --c-kachel-erledigt-bg:      #4b5563;
    --c-kachel-abgeschlossen-bg: #1e293b;

    /* ---- Alarm-Regel-Chips (Dark) ---- */
    --c-chip-trigger-bg:      #15243a;
    --c-chip-trigger-fg:      #88c4ff;
    --c-chip-trigger-border:  #2a4d73;
    --c-chip-wildcard-bg:     #16301a;
    --c-chip-wildcard-fg:     #9bd685;
    --c-chip-wildcard-border: #2f5a35;
}
