/* iTS-Farbthema des Showboards (NEU am 2026-10-31, ShowBoard2; Bibliothek NOT-1122 / NOT-1128).

   Die erste Zeile ist die Ausgabe von SednaUiBrand.ToCss für das Thema "showboard"
   (EquiDeck.Showboard\Components\Ui\ShowboardTheme.cs) - Wort für Wort. Warum als Datei und nicht über die
   Komponente SednaBrandStyle: Die Komponente malt erst, wenn WebAssembly gestartet ist; bis dahin sähe man den
   Ladebildschirm in der blauen Grundfarbe der Bibliothek. Diese Datei steht schon im Kopf der Seite.
   Der Test ShowboardThemeTests.BrandCss_EntsprichtDemThema prüft, dass beides übereinstimmt. Wer die
   Farben ändert, ändert ShowboardTheme.cs, lässt den Test laufen und kopiert seine Ausgabe hierher. */
:root{--white:#ffffff;--black:#000000;--slate-50:#f5f5f5;--slate-100:#f3f3f3;--slate-200:#e6e6e6;--slate-300:#d4d4d4;--slate-400:#9e9e9e;--slate-500:#8a8a8a;--slate-600:#707070;--slate-700:#3d3d3d;--slate-750:#2d2d2d;--slate-800:#1e1e1e;--slate-850:#181818;--slate-900:#121212;--slate-925:#0e0e0e;--slate-950:#090909;--coral-50:#fff1ee;--coral-100:#ffe2db;--coral-200:#ffc4b8;--coral-300:#ff9d8e;--coral-400:#ff9a9c;--coral-500:#ed2024;--coral-600:#d41c21;--coral-700:#a9121a;--coral-800:#a11516;--coral-900:#781110;--coral-950:#4e0606;--orbit-50:#f7f7f7;--orbit-100:#eeeeee;--orbit-200:#dddddd;--orbit-300:#c9c9c9;--orbit-400:#b4b4b4;--orbit-500:#9f9f9f;--orbit-600:#848484;--orbit-700:#6e6e6e;--orbit-800:#565656;--orbit-900:#404040;--orbit-950:#272727;--navy-50:#f7f7f7;--navy-100:#eeeeee;--navy-200:#dddddd;--navy-300:#c9c9c9;--navy-400:#b4b4b4;--navy-500:#9f9f9f;--navy-600:#848484;--navy-700:#6e6e6e;--navy-800:#565656;--navy-900:#404040;--navy-950:#272727;--green-200:#a2f4b6;--green-300:#75e594;--green-400:#44d272;--green-500:#22c55e;--green-600:#00a043;--green-700:#008433;--green-800:#006924;--green-900:#004e16;--amber-200:#ffd5a2;--amber-300:#feba61;--amber-400:#f09f24;--amber-500:#f59e0b;--amber-600:#b87300;--amber-700:#995e00;--amber-800:#7a4900;--amber-900:#5d3400;--crimson-50:#fff2f0;--crimson-100:#ffe3de;--crimson-200:#ffc6bf;--crimson-300:#ffa299;--crimson-400:#ff8a8c;--crimson-500:#ff5b58;--crimson-600:#e43f3f;--crimson-700:#c12f31;--crimson-800:#9b2325;--crimson-900:#741a1b;--crimson-950:#4a0d0d;--violet-200:#ded7ff;--violet-300:#cbbfff;--violet-400:#b6a2ff;--violet-500:#a283ff;--violet-600:#8e61f7;--violet-700:#754bd3;--violet-800:#5d37ad;--violet-900:#452685;--cyan-200:#9cecfc;--cyan-300:#6adcf1;--cyan-400:#22d3ee;--cyan-500:#00b0c8;--cyan-600:#0096aa;--cyan-700:#007b8d;--cyan-800:#00616f;--cyan-900:#004853;--orange-200:#ffd4ae;--orange-300:#feb979;--orange-400:#f59e4b;--orange-500:#da852e;--orange-600:#bf6e10;--orange-700:#a15800;--orange-800:#814400;--orange-900:#623000;--teal-200:#a5eee1;--teal-300:#79dfcf;--teal-400:#47cbb9;--teal-500:#14b8a6;--teal-600:#009a8b;--teal-700:#007f72;--teal-800:#00645a;--teal-900:#004b42;--indigo-50:#f7f7f7;--indigo-100:#eeeeee;--indigo-200:#dddddd;--indigo-300:#c9c9c9;--indigo-400:#b4b4b4;--indigo-500:#9f9f9f;--indigo-600:#848484;--indigo-700:#6e6e6e;--indigo-800:#565656;--indigo-900:#404040;--indigo-950:#272727;}

/* Links und dekorative Symbole: Die Bibliothek nimmt dafür die Info-Reihe (hier grau, kein Blau). iTS-Rot-Text
   statt dessen (dunkel Rot 400, hell Rot 800 - beide über 4,5:1 auf ihrem Grund, siehe ShowboardThemeTests). Nur
   Werte für Bausteine, die die Bibliothek schon kennt. */
:root {
    --accent: var(--coral-400);
}

:root[data-variant="light"] {
    --accent: var(--coral-800);
}

/* Fokusring und Platzhalter (NEU am 2026-11-01, ShowBoard2; Bibliothek NOT-1122, Grundregel 26).
   Nur Werte für Bausteine, die die Bibliothek schon kennt (Anleitung "Branding": --brand-ring* darf der Betrieb setzen).
   - Fokusring: neutral statt der roten Mischung aus --brand. Dunkel #F5F5F6 (Franks Vorgabe), hell das dunkle Grau 900.
     Der Rahmen eines Textfelds beim Fokus bleibt rot (--brand-soft, dasselbe Rot färbt auch Symbole und Dreher) - dort gibt
     es keinen Ring, den man umfärben könnte. --brand-glow bleibt unberührt (wird auch als Leuchten am Ziel-Knopf benutzt).
   - Rahmen von Kontrollkästchen/Schaltern lesen --border-strong: dunkel Grau 500 (4,83:1 auf der Fläche), hell Grau 600
     (4,95:1 auf Weiß). Die Bibliothek nimmt dafür dunkel Grau 600 (3,78:1) und hell Grau 400 (2,46:1). --border-hover rückt eine
     Stufe weiter, damit die Reihenfolge --border < --border-strong < --border-hover bleibt. Der Platzhalter liest seit Sedna.UI 0.27.0
     NICHT mehr --border-strong, sondern --placeholder (= --muted, Grau 400 / hell Grau 600, über 4,5:1, Wunsch #146 erfüllt); die
     Werte hier bleiben unverändert, damit das Aussehen der Kästchen gleich bleibt.
   - --border (Linien, Kartenränder, Tabellen): dunkel Grau 700 (#3D3D3D), hell Grau 300. Die Zwischenlösung „Linien etwas heller“ ist seit
     Sedna.UI 0.27.0 überflüssig, Feldrahmen stehen in --field-border (Franks Entscheidung NOT-1172).
   Ausgenommen sind "mehr Kontrast" (data-contrast / prefers-contrast) und erzwungene Farben: dort gelten die stärkeren
   Werte der Bibliothek. Der Test ShowboardThemeTests liest diese Zeilen und rechnet die Kontraste nach. */
@media (not (prefers-contrast: more)) and (not (forced-colors: active)) {
    :root:not([data-contrast="more"]) {
        --brand-ring: #f5f5f6;
        --brand-ring-soft: #f5f5f6;
        --brand-ring-check: #f5f5f6;
        /* --- ERSETZT am 2026-11-01: --border: var(--slate-600). Grund: Felder haben seit Sedna.UI 0.27.0 ihren eigenen Regler, die Linien
           gehen auf Franks #3D3D3D zurück (Grau 700; Entscheidung NOT-1172). --- */
        --border: var(--slate-700);
        --border-strong: var(--slate-500);
        --border-hover: var(--slate-400);
        /* Feldrahmen (NEU 2026-11-01, Sedna.UI 0.27.0, Wunsch #148 erfüllt):
           --field-border färbt nur den Rand von Eingabefeldern, Auswahl- und Kombifeldern; --border bleibt für Linien.
           Grau 600 = 3,78:1 auf dem Feld. Der Rahmen eines fokussierten Felds (--field-border-focus) bleibt nach Franks Entscheidung
           auf dem Wert der Bibliothek (Rot, --brand-soft; NOT-1172). */
        --field-border: var(--slate-600);
        /* Unterstrich des aktiven Reiters: iTS-Rot #ED2024 (Franks Vorgabe NOT-1122; Linie braucht 3:1: 3,8:1 auf der Fläche).
           Vorher #D41C21 (= --brand), weil es keinen eigenen Regler gab. --selected bleibt --brand (Auswahlmarken), Knöpfe bleiben #D41C21. */
        --tab-indicator: var(--coral-500);
        /* ERSETZT am 2026-11-01 (Sedna.UI 0.27.0): Kein Blau in Hinweisen und Code (NOT-1128). Die Bibliothek malt die Flächen
           jetzt aus den Farbreihen des Themas (--info-bg/-ring und --sev-4-bg aus Orbit 400, --code-bg aus Indigo 500, beide Reihen hier grau),
           der Block darunter ist also überflüssig. Die Wächtertests in ShowboardThemeTests rechnen jetzt mit diesen Reihen.
        --info-bg: rgba(158, 158, 158, 0.12);
        --info-ring: rgba(158, 158, 158, 0.5);
        --sev-4-bg: rgba(158, 158, 158, 0.13);
        --code-bg: rgba(158, 158, 158, 0.1);
           Ende des stillgelegten Blocks. */
    }

    :root[data-variant="light"]:not([data-contrast="more"]) {
        --brand-ring: var(--slate-900);
        --brand-ring-soft: var(--slate-900);
        --brand-ring-check: var(--slate-900);
        /* --- ERSETZT am 2026-11-01: --border Grau 600, --border-strong Grau 700, --border-hover Grau 800. Grund: wie dunkel, die Linien
           gehen auf den Stand vor „Linien etwas heller“ zurück, weil Felder jetzt ihren eigenen Regler haben (NOT-1172). --- */
        --border: var(--slate-300);
        --border-strong: var(--slate-600);
        --border-hover: var(--slate-700);
        /* Wie dunkel: eigene Feldrahmen-Farbe (hell Grau 600 = 4,54:1 auf dem Feld), Reiter-Unterstrich in iTS-Rot
           (#ED2024 auf Weiß 4,35:1, auf Grund 4,0:1, beides über den 3:1 einer Linie). */
        --field-border: var(--slate-600);
        --tab-indicator: var(--coral-500);
        /* NEU 2026-11-01: Helle Kopfleiste in iTS-Rot mit weißer Schrift. Bewusste Entscheidung von Frank (NOT-1172): #ED2024 ergibt 4,35:1 und
           liegt damit knapp unter den 4,5:1 für normale Schrift; das Markenrot war ihm hier wichtiger. Die dunkle Ansicht bleibt unverändert. */
        --topbar-bg: var(--coral-500);
        --topbar-fg: #ffffff;
        /* Die Bibliothek verlangt die vier Regler gemeinsam: Versionsschild und Hell/Dunkel-Umschalter lesen --topbar-muted (sonst Grau auf Rot, 1,1:1,
           und der Umschalter wäre unsichtbar); Darüberfahren wird das dunklere Knopf-Rot, Weiß darauf 5,27:1. */
        --topbar-muted: #ffffff;
        --topbar-hover: var(--brand);
        /* ERSETZT am 2026-11-01 (Sedna.UI 0.27.0), siehe oben: Hell: Grau 600 (#707070) statt des Blaus.
        --info-bg: rgba(112, 112, 112, 0.08);
        --info-ring: rgba(112, 112, 112, 0.4);
        --sev-4-bg: rgba(112, 112, 112, 0.14);
        --code-bg: rgba(112, 112, 112, 0.08);
           Ende des stillgelegten Blocks. */
    }
}