/* ─────────────────────────────────────────────────────────────────────────────
   tokens.css — die Werte der App an EINER Stelle.

   Abgeleitet aus dem gezählten Bestand (docs/befund/ci-bestand.md), NICHT neu
   erfunden: Jeder Wert hier kommt heute schon in der App vor. Wo mehrere fast
   gleiche Werte dieselbe Absicht hatten (sechs Grautöne, acht Eckenradien),
   steht der häufigste.

   WICHTIG: Die bereits vorhandenen Namen (--farbe-akzent, --farbe-dunkel …)
   bleiben unverändert gültig. Diese Datei ergänzt sie, sie ersetzt nichts —
   sonst müsste der ganze Bestand angefasst werden, und das soll er nicht.

   Eingebunden VOR style.css.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Marke: die zwei Zeilen, an denen die Hausfarben hängen ──────────────
     Thomas trägt hier seine Werte ein; alles Weitere leitet sich daraus ab. */
  --farbe-marke:           #00A886;   /* Türkis  (RAL 6032 / PANTONE 3395) */
  --farbe-marke-kontrast:  #383E42;   /* Anthrazit (RAL 7016 / PANTONE 432) */

  /* ── Farben (bestehende Namen bleiben, Werte kommen jetzt von der Marke) ── */
  --farbe-akzent:       var(--farbe-marke);
  --farbe-akzent-hell:  #eef7f4;      /* Türkis sehr hell – Erfolgsflächen */
  --farbe-akzent-dunkel:#00795f;      /* Türkis dunkel – Text auf Hellfläche */
  --farbe-dunkel:       var(--farbe-marke-kontrast);
  --farbe-dunkel-mid:   #5a6167;      /* vereinheitlicht (war 5a6167/5b6167/5a6168) */
  --farbe-text:         #1e2326;
  --farbe-text-gedaempft:#6b7378;     /* vereinheitlicht (war 6b7378/6b7580/6b7280) */
  --farbe-text-schwach: #8c9198;
  --farbe-border:       #d1d5da;
  --farbe-karte:        #ffffff;
  --farbe-bg:           #f4f5f6;
  --farbe-flaeche:      #eceef0;      /* vereinheitlicht (war eceef0/eeeff0) */

  /* ── Zustände ───────────────────────────────────────────────────────────── */
  --farbe-fehler:        #c0392b;
  --farbe-fehler-hell:   #fdf0ee;
  --farbe-hinweis:       #7a5b00;     /* gelb/braun – „bitte prüfen" */
  --farbe-hinweis-hell:  #fff8e6;
  --farbe-gesperrt:      #8c9198;     /* grau – inaktiv, nicht bedienbar */
  --farbe-gesperrt-hell: #fafbfb;

  /* ── Schriftgrößen (Skala aus dem Bestand) ──────────────────────────────── */
  --schrift-xs:  10px;
  --schrift-s:   11px;
  --schrift-m:   12px;   /* häufigster Wert der App */
  --schrift-l:   13px;
  --schrift-xl:  14px;
  --schrift-2xl: 16px;
  --schrift-3xl: 20px;   /* nur für das Wichtigste einer Maske */

  /* ── Abstände ───────────────────────────────────────────────────────────── */
  --abstand-2:  2px;
  --abstand-4:  4px;
  --abstand-6:  6px;
  --abstand-8:  8px;
  --abstand-12: 12px;
  --abstand-16: 16px;
  --abstand-24: 24px;

  /* ── Eckenradien ────────────────────────────────────────────────────────── */
  --radius-s: 4px;    /* Felder, Pillen */
  --radius-m: 6px;    /* Standard */
  --radius-l: 8px;    /* Karten */

  /* ── Schriftarten (wie im Bestand) ──────────────────────────────────────── */
  --schrift-familie: 'IBM Plex Sans', sans-serif;
  --schrift-mono:    'IBM Plex Mono', monospace;
}