/* App-weite Theme-Tokens (Dark = Default, Light via :root[data-theme="light"]).
   Eingebunden in admin.html und bpmn-live.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 */
}

: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);
}