/* wagnerai.de, Farb-, Abstands- und Schriftwerte.
 *
 * Seit 16.10.2026 eigene Website-Palette (Entscheidung F1 und F2, planung/entscheidungen.md):
 * Prüfgrün mit Textmarker-Gelb. Sie weicht bewusst von den Convalo-Markentokens in neurocore
 * brand/tokens.css ab (Kupfer); Variablennamen, Abstände und Schrift bleiben gleich, damit
 * Bausteine zwischen den Seiten austauschbar sind. Herleitung und Kontraste:
 * material/gestaltung/farben/ und planung/09-gestaltung.md.
 *
 * Bedeutung der Farben (nach ISO 3864 und der Gewohnheit beim Prüfen von Papier):
 *   Grün   = geprüft, belegt, sicherer Zustand. Akzent, Knöpfe, Linien.
 *   Gelb   = markierte Fundstelle, Textmarker. Nur als Fläche hinter Text, nie als Textfarbe.
 *
 * AKZENT-REGEL (bindend, wie in der Marke):
 *   --c-akzent       Flächen, Linien, Überschriftenschmuck, Fokusring. Nie Fließtext.
 *   --c-akzent-text  Akzent im Fließtext (Links, Fundstellen). Hell 6,2:1 auf Weiß,
 *                    dunkel 10,6:1 auf --c-flaeche.
 *   --c-hauptknopf   mit --c-hauptknopf-text (hell Weiß 5,4:1, dunkel fast Schwarz 9,2:1).
 * Statusfarbe nie als alleiniger Bedeutungsträger, keine Schatten.
 *
 * Reihenfolge: :root = hell, prefers-color-scheme für den Erstbesuch ohne Auswahl,
 * [data-theme] überstimmt beides (Schalter). */

:root {
  color-scheme: light;

  --c-flaeche: #FFFFFF;
  --c-flaeche-erhoben: #F2F4F3;
  --c-flaeche-seitenleiste: #FFFFFF;
  --c-flaeche-leiste: #FFFFFF;
  --c-text: #101413;
  --c-text-sekundaer: #4B5552;
  --c-linie: #DCE1DF;
  --c-akzent: #13795B;
  --c-akzent-text: #0F6E52;
  --c-akzent-gedrueckt: #0F6E52;
  --c-akzent-flaeche: #DDF0E7;
  --c-markierung: #FBE68A;
  --c-hauptknopf: #13795B;
  --c-hauptknopf-text: #FFFFFF;
  --c-loeschknopf-text: #FFFFFF;
  --c-status-eindeutig: #0F6E52;
  --c-status-kritisch: #B3261E;
  --c-status-unklar: #4B5552;

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

  /* Radius und Rahmen, keine Schatten */
  --r-karte: 6px;
  --r-feld: 4px;
  --r-eingabe: 24px;
  --r-pille: 9999px;
  --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;
  --b-text: 72ch;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;

    --c-flaeche: #0C100F;
    --c-flaeche-erhoben: #141A18;
    --c-flaeche-seitenleiste: #0C100F;
    --c-flaeche-leiste: #0C100F;
    --c-text: #E9EFEC;
    --c-text-sekundaer: #97A39E;
    --c-linie: #24302C;
    --c-akzent: #3DCB8F;
    --c-akzent-text: #5BD6A2;
    --c-akzent-gedrueckt: #5BD6A2;
    --c-akzent-flaeche: #12352A;
    --c-markierung: #5A4A0E;
    --c-hauptknopf: #3DCB8F;
    --c-hauptknopf-text: #06120D;
    --c-loeschknopf-text: #06120D;
    --c-status-eindeutig: #5BD6A2;
    --c-status-kritisch: #E5776E;
    --c-status-unklar: #97A39E;
  }
}

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

  --c-flaeche: #0C100F;
  --c-flaeche-erhoben: #141A18;
  --c-flaeche-seitenleiste: #0C100F;
  --c-flaeche-leiste: #0C100F;
  --c-text: #E9EFEC;
  --c-text-sekundaer: #97A39E;
  --c-linie: #24302C;
  --c-akzent: #3DCB8F;
  --c-akzent-text: #5BD6A2;
  --c-akzent-gedrueckt: #5BD6A2;
  --c-akzent-flaeche: #12352A;
  --c-markierung: #5A4A0E;
  --c-hauptknopf: #3DCB8F;
  --c-hauptknopf-text: #06120D;
  --c-loeschknopf-text: #06120D;
  --c-status-eindeutig: #5BD6A2;
  --c-status-kritisch: #E5776E;
  --c-status-unklar: #97A39E;
}

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

  --c-flaeche: #FFFFFF;
  --c-flaeche-erhoben: #F2F4F3;
  --c-flaeche-seitenleiste: #FFFFFF;
  --c-flaeche-leiste: #FFFFFF;
  --c-text: #101413;
  --c-text-sekundaer: #4B5552;
  --c-linie: #DCE1DF;
  --c-akzent: #13795B;
  --c-akzent-text: #0F6E52;
  --c-akzent-gedrueckt: #0F6E52;
  --c-akzent-flaeche: #DDF0E7;
  --c-markierung: #FBE68A;
  --c-hauptknopf: #13795B;
  --c-hauptknopf-text: #FFFFFF;
  --c-loeschknopf-text: #FFFFFF;
  --c-status-eindeutig: #0F6E52;
  --c-status-kritisch: #B3261E;
  --c-status-unklar: #4B5552;
}