/*
 * Design-Tokens des Kerns (UI-SPEC Phase 3).
 *
 * Einzige Datei mit Farbwerten (R2): Der Neutralitätsscanner erlaubt Hex-Farben nur hier.
 * Alle anderen Stylesheets nutzen ausschließlich var(--…). Die Marken-Tokens (--marke-*)
 * überschreibt der Server per `/marke.css` aus den Firmenangaben (D-04/D-05); Templates und
 * kern.css bleiben dann unverändert. Ohne Firmenangaben gelten die neutralen Werte unten.
 */
:root {
  /* Marke (neutral; /marke.css setzt nur geprüfte Werte) */
  --marke-primaer: #1d4ed8;
  --marke-primaer-text: #ffffff;
  --marke-kopf: #f3f4f6;
  --marke-kopf-text: #1f2937;

  /* Farben (neutral, WCAG AA geprüft) */
  --farbe-flaeche: #ffffff;
  --farbe-flaeche-zweit: #f3f4f6;
  --farbe-text: #1f2937;
  --farbe-text-gedaempft: #4b5563;
  --farbe-rand: #d1d5db;
  --farbe-rand-eingabe: #6b7280;
  --farbe-akzent: var(--marke-primaer);
  --farbe-akzent-text: var(--marke-primaer-text);
  --farbe-fokus: var(--marke-primaer);
  --farbe-gefahr: #b91c1c;
  --farbe-gefahr-grund: #fef2f2;
  --farbe-erfolg: #166534;
  --farbe-erfolg-grund: #f0fdf4;
  --farbe-hinweis: #854d0e;
  --farbe-hinweis-grund: #fefce8;
  --farbe-gesperrt-grund: #e5e7eb;

  /* Abstände (Vielfache von 4) */
  --abstand-1: 4px;
  --abstand-2: 8px;
  --abstand-3: 16px;
  --abstand-4: 24px;
  --abstand-5: 32px;
  --abstand-6: 48px;
  --abstand-7: 64px;

  /* Schrift: Systemschrift, keine Webfonts (R6) */
  --schrift-text: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --schrift-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --schrift-klein: 14px;
  --schrift-normal: 16px;
  --schrift-gross: 20px;
  --schrift-titel: 28px;
}