/* ============================================================================
   tokens.css — einzige Quelle der Design-Tokens (warm-paper) für die gesamte
   Web-UI (admin, personal, upload, personalplan_share/overview, base).
   Wird in jedem Template via <link rel="stylesheet" href="/static/tokens.css">
   eingebunden. NUR :root-Variablen, keine Resets/Regeln.

   Werte bewusst unverändert übernommen (keine visuelle Änderung). Früher waren
   die Tokens je Template dupliziert; --brand-purple war wertgleich zu --brand
   und wurde vereinheitlicht.
   ========================================================================== */
:root {
  /* Typo-Skala (--fs-s2 = 13px-Zwischenstufe: Tabellen/Meta-Text, ersetzt die
     freien 0.8/0.82/0.83/0.85rem-Werte) */
  --fs-xs: 0.6875rem; --fs-sm: 0.75rem; --fs-s2: 0.8125rem; --fs-base: 0.875rem; --fs-md: 1rem; --fs-lg: 1.125rem;

  /* Spacing */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px;

  /* Radius */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-full: 9999px;

  /* Control-Maße (Personalplanung) */
  --input-h: 36px; --btn-h: 36px; --btn-h-sm: 32px;
  --ctrl-h: 30px;   /* einheitliche Höhe aller Zeilen-Controls (Textarea, Zahl, Toggle, Name) */
  --num-w: 46px;    /* schlanke Zahlenfelder — gerade Platz für „16" / „4,5" */

  /* Marke */
  --brand: #2A2854; --brand-hover: #1e1d40;

  /* Flächen / Linien / Text (graue admin/personal-Oberfläche) */
  --surface: #fff; --bg: #f3f1ed;
  --border: #e4e1db; --border-faint: #eeebe6;
  --muted-bg: #f8f6f2;
  /* --text-2/-3 auf WCAG-AA (≥4.5:1 auf weiß & --muted-bg) abgedunkelt
     (vorher #71717a / #a1a1aa, knapp bzw. klar unter 4.5:1). */
  --text: #111118; --text-2: #62626b; --text-3: #6f6f78;

  /* Status / Akzente */
  --green: #1a7a2a; --green-bg: #f0fdf4;
  --red: #b91c1c; --red-bg: #fef2f2;
  --amber: #b45309; --amber-bg: #fff8eb;
  --status-error: #b91c1c;   /* = --red, semantischer Name für Banner/Toasts */
  --status-warn:  #e67e22;   /* vormals --brand-orange */
  --status-ok:    #27ae60;   /* vormals --brand-ok */
  --brand-bg: #f0effe;       /* Brand-Tint-Fläche (Honorarpool-Box, Info-Panels) */

  /* Auszahlungsart-Kategorien (ÜP / EP / Rechnung / ohne KSK) — bewusste
     4-Farben-Codierung der Chips, wird auch in Verteilung/Reports gespiegelt */
  --ksk-uep: #2a5f32;      --ksk-uep-border: #3a7d44;      --ksk-uep-bg: #e8f0e8;
  --ksk-ep: #1a4a7a;       --ksk-ep-border: #2A6099;       --ksk-ep-bg: #e8eef8;
  --ksk-rechnung: #4a2f80; --ksk-rechnung-border: #6b4fa0; --ksk-rechnung-bg: #efeaf7;
  --ksk-kein: #8a5200;     --ksk-kein-border: #d4870a;     --ksk-kein-bg: #fff8eb;

  /* Warm-paper-Palette (eigene Werte, base-Familie: upload/share/overview) */
  --brand-cream: #ECE4DA;
  --brand-green: #A5AF7A;
  --brand-brown: #583D42;
}