/* KOPIE aus brand/tokens.css — QUELLE DER WAHRHEIT IST brand/tokens.css.
 *
 * Die Website ist bewusst build-frei und liegt in einem eigenen Verzeichnis, damit sie
 * ohne Paketmanager ausgeliefert werden kann. Der Preis ist diese Kopie. Aenderungen
 * gehoeren zuerst nach brand/tokens.css, danach hierher gespiegelt.
 *
 * Abgleich pruefen:  diff brand/tokens.css website/css/tokens.css
 */

/* Convalo — Design-Tokens (Hell + Dunkel).
 *
 * Quelle der Wahrheit für alle Farb-, Abstands- und Schriftwerte. Dieselben Werte
 * liegen maschinenlesbar in tokens.json. Der Befundbericht dupliziert sie bewusst
 * inline (eigenständige Datei ohne externe Ressourcen) — geändert wird hier zuerst.
 *
 * Reihenfolge: :root = hell (Vorgabe) → prefers-color-scheme für den Erstbesuch
 * ohne gesetzte Auswahl → [data-theme] überstimmt beides (expliziter Umschalter).
 *
 * ┌─────────────────────────────────────────────────────────────────────────────┐
 * │ AKZENT-REGEL (bindend)                                                      │
 * │                                                                             │
 * │   --c-akzent            → Flächen, Linien, Überschriften. NIE Fließtext.    │
 * │   --c-akzent-gedrueckt  → Akzent im FLIESSTEXT (Links, Hervorhebungen).     │
 * │                                                                             │
 * │ Grund: --c-akzent (#B4643C) erfüllt hell WCAG AA für Fließtext NICHT —      │
 * │ 4,16:1 auf --c-flaeche, 4,35:1 auf --c-flaeche-erhoben, 3,60:1 auf          │
 * │ --c-akzent-flaeche (AA verlangt 4,5:1). Für Großtext ab 18,66 px fett /     │
 * │ 24 px und für UI-Elemente (3:1) ist der Wert ausreichend.                   │
 * │                                                                             │
 * │ Die Palette wird deshalb NICHT verschoben — Kupfer ist eine                 │
 * │ Markenentscheidung (19.07.2026). Stattdessen gilt die Regel oben.           │
 * │ --c-akzent-gedrueckt (#9A5231) erreicht 5,54:1 und ist AA-konform.          │
 * │                                                                             │
 * │ Weitere Farbregeln: Statusfarbe nie als alleiniger Bedeutungsträger         │
 * │ (immer mit Text — Barrierefreiheit + Graustufendruck); "unklar" ist         │
 * │ neutral-grau als Umriss ohne Füllung; keine Schatten.                       │
 * │ Volle Messwerte: brand/README.md.                                           │
 * └─────────────────────────────────────────────────────────────────────────────┘
 */

:root {
  color-scheme: light;

  /* Farben — hell */
  --c-flaeche: #FAFAF8;
  --c-flaeche-erhoben: #FFFFFF;
  --c-text: #12171E;
  --c-text-sekundaer: #5C6570;
  --c-linie: #E3E5E4;
  --c-akzent: #B4643C;           /* Flächen/Linien/Überschriften — NIE Fließtext (4,16:1) */
  --c-akzent-gedrueckt: #9A5231; /* Akzent im Fließtext (5,54:1, AA) */
  --c-akzent-flaeche: #F5E7DF;
  --c-status-eindeutig: #2E7D4F;
  --c-status-kritisch: #B3261E;
  --c-status-unklar: #5C6570;    /* neutral-grau, Darstellung als Umriss ohne Füllung */

  /* Abstände — Grundeinheit 4 px */
  --a-1: 8px;
  --a-2: 12px;
  --a-3: 16px;
  --a-4: 24px;
  --a-5: 32px;
  --a-6: 48px;

  /* Radius + Rahmen — keine Schatten, Trennung über Linien und Flächen */
  --r-karte: 6px;
  --r-feld: 4px;
  --rahmen: 1px solid var(--c-linie);

  /* Schrift */
  --f-sans: "IBM Plex Sans", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, monospace;
  --t-titel: 30px;
  --t-abschnitt: 20px;
  --t-text: 16px;
  --t-meta: 13px;
  --z-text: 1.6;

  /* Textbreite — max. 72 Zeichen */
  --b-text: 72ch;
}

/* Erstbesuch ohne gesetzte Auswahl folgt dem System. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;

    --c-flaeche: #12171E;
    --c-flaeche-erhoben: #1A2029;
    --c-text: #F2F3F1;
    --c-text-sekundaer: #9AA4AF;
    --c-linie: #2A323C;
    --c-akzent: #D98352;
    --c-akzent-gedrueckt: #C06E3F;
    --c-akzent-flaeche: #2E211A;
    --c-status-eindeutig: #4CA772;
    --c-status-kritisch: #E06B62;
    --c-status-unklar: #9AA4AF;
  }
}

/* Expliziter Umschalter überstimmt die Systemvorgabe — in beide Richtungen. */
[data-theme="dark"] {
  color-scheme: dark;

  --c-flaeche: #12171E;
  --c-flaeche-erhoben: #1A2029;
  --c-text: #F2F3F1;
  --c-text-sekundaer: #9AA4AF;
  --c-linie: #2A323C;
  --c-akzent: #D98352;
  --c-akzent-gedrueckt: #C06E3F;
  --c-akzent-flaeche: #2E211A;
  --c-status-eindeutig: #4CA772;
  --c-status-kritisch: #E06B62;
  --c-status-unklar: #9AA4AF;
}

[data-theme="light"] {
  color-scheme: light;

  --c-flaeche: #FAFAF8;
  --c-flaeche-erhoben: #FFFFFF;
  --c-text: #12171E;
  --c-text-sekundaer: #5C6570;
  --c-linie: #E3E5E4;
  --c-akzent: #B4643C;
  --c-akzent-gedrueckt: #9A5231;
  --c-akzent-flaeche: #F5E7DF;
  --c-status-eindeutig: #2E7D4F;
  --c-status-kritisch: #B3261E;
  --c-status-unklar: #5C6570;
}