/* Sunnyware — Farbwerte für alle Web-Oberflächen.
   Quelle der Wahrheit: _Branding/README.md. Diese Datei nicht je Projekt
   kopieren und dann getrennt pflegen — einbinden (siehe README, Abschnitt
   „Einbindung je Client"). Die XAML-Entsprechung für die MAUI-App liegt
   daneben in tokens.xaml, beide müssen dieselben Werte tragen. */

:root {
    /* ---- Markenfarben ------------------------------------------------
       Exakt aus dem SunnyLogger-Bildzeichen entnommen: die Sonne ist
       #F28914, das Solarpanel #0494DC. netLogger übernimmt beide Werte
       und belegt sie neu: Blau = Netz und Daten, Orange = genau ein
       Element, nämlich das Gerät selbst. */
    --brand-orange: #f28914;
    --brand-blue: #0494dc;

    /* Abgedunkelte Fassung für helle Untergründe, Papier und Typenschild.
       Die Originaltöne erreichen auf Weiß zu wenig Kontrast (Orange 2,5:1,
       Blau 3,3:1 — der Mindestwert für grafische Elemente und große Schrift
       liegt bei 3:1, für Fließtext bei 4,5:1). */
    --brand-orange-hell: #c96f0a;   /* 3,6:1 auf Weiß — Grafik und Schrift ab 24 px */
    --brand-blue-hell: #02699b;     /* 6,0:1 auf Weiß — auch für Fließtext */

    /* ---- Oberfläche: dunkles Technik-Panel --------------------------- */
    --bg: #0f172a;
    --panel: #1e293b;
    --panel-edge: #334155;
    --text: #e2e8f0;
    --text-dim: #94a3b8;
    --accent: #f59e0b;

    /* ---- Status ------------------------------------------------------ */
    --ok: #10b981;
    --achtung: #eab308;
    --warn: #ef4444;
    --nap: #38bdf8;
}

/* ---- Wortmarke -------------------------------------------------------
   Beide Marken werden zusammengeschrieben, Binnenversal, Segoe UI Bold.
   Der geteilte Wortteil „Logger" trägt in beiden dieselbe Farbe; nur der
   unterscheidende Teil („Sunny" bzw. „net") steht in Orange.

   Markup:  <h1 class="app-title"><span class="wm-quelle">net</span><span
            class="wm-logger">Logger</span></h1>

   Bestand: das SunnyLogger-Frontend nutzt statt .wm-quelle noch die
   ältere Klasse .wm-sunny (gleicher Wert). Beim nächsten Anfassen
   dort umbenennen. */
.wm-quelle,
.wm-sunny { color: var(--brand-orange); }
.wm-logger { color: var(--brand-blue); }

/* Auf hellem Grund gelten die abgedunkelten Werte. */
.auf-hell .wm-quelle,
.auf-hell .wm-sunny { color: var(--brand-orange-hell); }
.auf-hell .wm-logger { color: var(--brand-blue-hell); }