/* App-weite Theme-Tokens (Dark = Default, Light via :root[data-theme="light"]).
   Eingebunden in admin.html und team-modeling.html. Semantische Akzente (Heat,
   Chain/Cluster, Status grün/gelb/rot) bleiben in ihren Modulen — hier nur die
   Flächen/Text/Rahmen/Eingabe-Töne, die sich app-weit wiederholen. */
:root {
    --qs-bg: #0b0e12;          /* Seiten-Hintergrund (Overlay/Canvas-Rahmen) */
    --qs-panel: #1a1d22;       /* Header-/Panel-Fläche */
    --qs-panel-2: #15181d;     /* zweite Panel-Ebene / Tabellen-Zeilen */
    --qs-panel-3: #0f1115;     /* tiefste Fläche / Eingabe-Hintergrund */
    --qs-header: #1a1d22;      /* Kopfzeilen */
    --qs-border: #333a44;      /* normale Rahmen */
    --qs-border-soft: #2a2e36; /* leise Trennlinien */
    --qs-text: #e8eaed;        /* Haupttext */
    --qs-text-dim: #b8bdc6;    /* gedämpfter Text */
    --qs-text-mute: #8a909a;   /* Hinweise/Sekundärlabels */
    --qs-accent: #7dd3fc;      /* Akzent (Links, aktive Pills) — Dark: 1 Tick dunkler (sky-300) */
    --qs-accent-strong: #38bdf8;
    --qs-on-accent: #0b0e12;   /* Schrift AUF Akzent-Grund (Dark: heller Akzent -> dunkle Schrift) */
    --qs-input-bg: #0f1115;
    --qs-input-border: #3a4150;
    --qs-row-flash: #2b5d34;   /* Watch-Flash bei frischem Wert */
    --qs-shadow: rgba(0, 0, 0, 0.45);
    --qs-overlay-scrim: rgba(0, 0, 0, 0.6);
    /* Semantische Analyse-/Akzent-SCHRIFTfarben (Dark = hell/leuchtend).
       Light-Override unten setzt kräftigere/dunklere Töne für Kontrast. */
    --qs-amber: #fbbf24;       /* Amber-Schrift (Analyse-Welt) */
    --qs-amber-soft: #fde68a;  /* hellere Amber-Schrift */
    --qs-amber-bg: #1a1810;    /* Amber-Zellen-/Block-Hintergrund (DMN-Output) */
    --qs-blue: #3b82f6;        /* blaue Schrift */
    --qs-blue-soft: #60a5fa;   /* hellere blaue Schrift */
    --qs-green: #86efac;       /* grüne Schrift (Input-Spalte/Leser) */
    --qs-green-bg: #0a2e1e;    /* grüner Zellen-Hintergrund (Treffer-Zeile) */
    --qs-orange: #fb923c;      /* orange Schrift (XML-Werte/FEEL-Beispiele) */
    --qs-purple: #c084fc;      /* violette Schrift (PI/DMN) */
    --qs-red: #f8b4b4;         /* rote Schrift (Verwerfen/Löschen, Dark = hell) */
    --qs-red-soft: #fca5a5;
    --qs-xml-sel: rgba(30,58,138,0.30);   /* XML-gesamt: markierte Sektion */
    --qs-xml-sel-2: rgba(30,58,138,0.22); /* XML-gesamt: Tag-Zeile markiert */
    /* ---- Typografie, Ebenen, Schatten (UI/UX-Analyse K3/K5, 2026-10-09) ----
       Schrift und Größen sind theme-unabhängig. Fünf Stufen statt 39 Einzelwerte;
       unter 11 px gibt es keine Stufe mehr (am Beamer zu klein). */
    --qs-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --qs-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --qs-fs-xs: 11px;   /* Metadaten, Badges, Bereichsköpfe */
    --qs-fs-sm: 12px;   /* Fenster-Inhalt, Menüzeilen */
    --qs-fs-md: 13px;   /* Standard, Knöpfe */
    --qs-fs-lg: 15px;   /* Fenster- und Kartentitel */
    --qs-fs-xl: 20px;   /* Dialog-Überschriften */
    /* Radien (UI/UX-Analyse Phase 5): dieselben Namen wie in den V2-Blöcken, hier für
       ALLE Designs — Module schreiben var(--qs2-radius-item, 6px) und bekommen so überall
       denselben Wert (die V2-Blöcke setzen ihn noch einmal, identisch). */
    --qs2-radius-item: 6px;    /* Menüzeilen, Knöpfe, Eingaben */
    --qs2-radius-win: 10px;    /* Werkzeugfenster, Menüs */
    --qs2-radius-modal: 12px;  /* Dialoge */
    --qs2-radius-pill: 999px;  /* Abzeichen, Chips */
    /* Ebenen-Leiter (z-index) — bildet den GELTENDEN Stapel ab, keine Neunummerierung:
       Werkzeugfenster zählen über qsRaiseWindow von --qs-z-window bis --qs-z-window-max
       hoch, alles Darüberliegende hat eine feste Stufe. */
    --qs-z-window: 5000;
    --qs-z-window-max: 9990;
    --qs-z-helppop: 9994;      /* ⓘ-Popover in Werkzeugfenstern */
    --qs-z-toolsmenu: 9995;
    --qs-z-header: 9996;
    --qs-z-menu: 9997;         /* Dropdown-Menüs der Kopfzeile */
    --qs-z-modal: 10050;
    --qs-z-modal-2: 10060;     /* Modal über einem Modal (Versions-Diff, Bericht) */
    --qs-z-picker: 10070;      /* Datei-/Ordnerauswahl */
    --qs-z-dialog: 10080;      /* qsAlert/qsConfirm/qsPrompt */
    --qs-z-autocomplete: 10085;
    --qs-z-flyout: 10090;
    --qs-z-toast: 10100;
    --qs-z-tour: 11000;
    --qs-z-actionbar: 12000;   /* „Neue Version"-Leiste */
    --qs-z-top: 100000;        /* Verbindungs-Banner, Tooltips, schwebende Auswahllisten */
    /* Schatten-Stufen: 1 Menü · 2 Fenster · 3 Modal */
    --qs-elev-1: 0 10px 30px -8px rgba(0, 0, 0, 0.55);
    --qs-elev-2: 0 20px 44px -14px rgba(0, 0, 0, 0.6);
    --qs-elev-3: 0 24px 64px -12px rgba(0, 0, 0, 0.7);
}

:root[data-theme="light"] {
    /* Warmes Neutralgrau, aber blasser + einen Hauch kühler als zuvor
       (weniger Gelb-/Rot-Stich, etwas heller/entsättigt). */
    --qs-bg: #f4f4f1;
    --qs-panel: #ffffff;
    --qs-panel-2: #f8f8f5;
    --qs-panel-3: #f0efeb;
    --qs-header: #ffffff;
    --qs-border: #d7d5ce;
    --qs-border-soft: #ebe9e4;
    --qs-text: #1e2530;
    --qs-text-dim: #46505e;
    --qs-text-mute: #6b7480;
    --qs-accent: #0c7bbd;      /* Light: 1 Tick heller als sky-700, weiter gut lesbar auf Weiß */
    --qs-accent-strong: #075985; /* sky-800 — kräftige Pills/Buttons */
    --qs-on-accent: #ffffff;   /* Schrift AUF Akzent-Grund (Light: dunkler Akzent -> weiße Schrift) */
    --qs-input-bg: #ffffff;
    --qs-input-border: #d9d4ca;
    --qs-row-flash: #bbf7d0;
    --qs-shadow: rgba(40, 33, 22, 0.16);
    --qs-overlay-scrim: rgba(40, 33, 22, 0.32);
    /* Amber-/Blau-Schrift kräftiger (dunkler) für Kontrast auf hellem Grund */
    --qs-amber: #b45309;       /* amber-700 */
    --qs-amber-soft: #92400e;  /* amber-800 */
    --qs-amber-bg: #fef3c7;    /* amber-100 (hell, statt schwarzes Feld) */
    --qs-blue: #1d4ed8;        /* blue-700 */
    --qs-blue-soft: #2563eb;   /* blue-600 */
    --qs-green: #15803d;       /* green-700 (Input/Leser) */
    --qs-green-bg: #dcfce7;    /* green-100 (Treffer-Zeile, hell statt schwarz) */
    --qs-orange: #c2410c;      /* orange-700 (XML-Werte/FEEL-Beispiele) */
    --qs-purple: #7c3aed;      /* violet-600 (PI/DMN) */
    --qs-red: #b91c1c;         /* red-700 (Verwerfen/Löschen, Light = dunkel f. Kontrast) */
    --qs-red-soft: #dc2626;
    --qs-xml-sel: rgba(59,130,246,0.12);  /* deutlich blasser im Light */
    --qs-xml-sel-2: rgba(59,130,246,0.18);
    --qs-elev-1: 0 10px 28px -10px rgba(30, 37, 48, 0.28);
    --qs-elev-2: 0 20px 44px -18px rgba(30, 37, 48, 0.35);
    --qs-elev-3: 0 24px 60px -16px rgba(30, 37, 48, 0.42);
}