/* AI-generated: PC-30 — Designsystem-Tokens (Entscheid IV, Teilstory A).
   Schicht ÜBER static/colors.css (Kopie der Brand-SSoT /opt/ai-factory-shared/brand/):
   Brand-Farben werden AUSSCHLIESSLICH über die --2xt-* Custom Properties konsumiert —
   keine Hardcode-Hex für Brand-Farben (Brand-Regel).

   Ausnahme, dokumentiert: die AMPEL-Funktionsfarben (ok/warn/kritisch) sind bewusst
   KEIN Brand-Bestandteil (die Brand-Palette enthält kein Grün/Rot) — sie sind
   funktionale Statusfarben nach Konvention, nur hier definiert, nirgends sonst. */

:root {
  /* Semantische Farb-Tokens (Brand-gebunden) */
  --farbe-primaer: var(--2xt-primary-blue);
  --farbe-text: var(--2xt-dark-blue-grey);
  --farbe-text-invers: #fff;              /* Schrift auf Primär-Flächen */
  --farbe-rand: var(--2xt-light-blue-grey);
  --farbe-flaeche: #fff;                  /* Karten/Eingaben auf Neutral-Grund */
  --farbe-grund: var(--2xt-neutral-white);
  --farbe-akzent: var(--2xt-golden-yellow);
  --farbe-text-leise: color-mix(in srgb, var(--2xt-dark-blue-grey) 62%, transparent);

  /* Funktionsfarben Ampel (KEINE Brand-Farben — s. Kopfkommentar) */
  --ampel-ok: #2f9e44;
  --ampel-warn: var(--2xt-golden-yellow);
  --ampel-kritisch: #d64545;
  --ampel-neutral: var(--2xt-light-blue-grey);

  /* Typografie-Skala */
  --schrift: system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-xs: .75rem;
  --text-s: .85rem;
  --text-m: 1rem;
  --text-l: 1.25rem;
  --text-xl: 1.6rem;
  --gewicht-normal: 400;
  --gewicht-halbfett: 600;

  /* Abstands-Skala */
  --abstand-2xs: .25rem;
  --abstand-xs: .5rem;
  --abstand-s: .75rem;
  --abstand-m: 1rem;
  --abstand-l: 1.5rem;
  --abstand-xl: 2rem;

  /* Form */
  --radius-s: 6px;
  --radius-m: 10px;
  --radius-rund: 999px;
  --schatten-karte: 0 1px 3px rgba(77, 95, 104, .12);

  /* Interaktion (Entscheid IV: Touch-Targets >= 44px) */
  --touch-min: 44px;

  /* Safe-Areas (PWA/iPhone-Notch) */
  --safe-oben: env(safe-area-inset-top, 0px);
  --safe-unten: env(safe-area-inset-bottom, 0px);
  --safe-links: env(safe-area-inset-left, 0px);
  --safe-rechts: env(safe-area-inset-right, 0px);
}