/* Design-Tokens (Plan 13.1). Verbindliche Farbquelle: in Komponenten nur diese Variablen, keine Hex-Werte. */
:root {
  /* Marke (aus Logo und walforma-esg.de) */
  --wf-green-500: #82DB67;   /* Logo-Grün = Website-Akzent */
  --wf-orange-500: #FF7F29;  /* Logo-Orange = Website darkAccent */

  /* Grün-Skala */
  --wf-green-50:  #EEF8EA;   /* ausgewählte Karten, Hover */
  --wf-green-100: #E3F5DC;   /* Hinweisflächen, „Gepackt“, KDS-Kopf ok */
  --wf-green-300: #B5E8A2;   /* Fortschritt hell */
  --wf-green-600: #5BB842;   /* Verlaufsende, Fokus auf Grün */
  --wf-green-700: #2C7A12;   /* grüner Text auf Weiß (5,4:1) */
  --wf-green-900: #1F5C10;   /* grüner Text auf green-100 (7,1:1) */

  /* Orange-Skala */
  --wf-orange-50:  #FFF5EE;
  --wf-orange-100: #FFEBDD;  /* Warnflächen, „Offen“ */
  --wf-orange-300: #FFC9A3;  /* Rahmen von Warnflächen */
  --wf-orange-600: #F26A12;  /* Verlaufsende */
  --wf-orange-700: #B24A00;  /* oranger Text auf Weiß (5,4:1) / auf orange-100 (4,7:1) */
  --wf-orange-900: #6B3A0C;

  /* Neutral */
  --wf-white: #FFFFFF;
  --wf-neutral-50:  #F5F5F2; /* Seitenhintergrund Verwaltung/KDS */
  --wf-neutral-100: #EFEFEA; /* Platzhalter, „Storniert“ */
  --wf-neutral-200: #E5E5E0; /* Linien */
  --wf-neutral-300: #CFCFC8; /* Eingabefeld-Rahmen */
  --wf-neutral-400: #9E9E98; /* deaktivierte Symbole (kein Text) */
  --wf-neutral-500: #767676; /* kleinster erlaubter Grauton für Text (4,5:1) */
  --wf-neutral-600: #5C5C5C; /* Nebentext */
  --wf-neutral-700: #3A3A3A;
  --wf-neutral-800: #2A2A2A;
  --wf-neutral-900: #1F1F1F;
  --wf-ink:         #0A0A0A; /* Text, Primär-Buttons, Seitenleiste, KDS-Kopf */

  /* Status / Semantik */
  --wf-info-text: #1F4E86;   --wf-info-bg: #E6EEF8;    /* „Auf Rechnung“ */
  --wf-wait:      #6FA8E8;   /* KDS-Wartezeit-Kachel (Text ink, 8:1) */
  --wf-danger:    #B3261E;   --wf-danger-bg: #FDECEA;  /* überfällig, Löschen, offline-Banner */
  --wf-offline:   #E5484D;   /* nur Punkt-Symbol */
  --wf-nextcloud: #00679E;   /* Nextcloud-Login-Button (Text weiß, 6,1:1) */

  /* Verläufe */
  --wf-grad-stripe:   linear-gradient(90deg, #82DB67 0 72%, #FF7F29 72% 100%);   /* Markenstreifen unter Köpfen (Mail, PDF, Formular) */
  --wf-grad-brand:    linear-gradient(90deg in oklab, #82DB67, #FF7F29);          /* dekorativ, z. B. Ladebalken; Fallback: --wf-grad-stripe */
  --wf-grad-hero:     linear-gradient(160deg, #EEF8EA 0%, #FFFFFF 45%, #FFF5EE 100%); /* Login-/Leerseiten-Hintergrund */
  --wf-grad-positive: linear-gradient(135deg, #9BE384 0%, #82DB67 50%, #5BB842 100%); /* „Fertig gepackt“, „Freigeben & an Biokaiser senden“, „Zur Kontrolle an Renate“ (Text ink) */
  --wf-grad-alert:    linear-gradient(135deg, #FF9A52 0%, #FF7F29 60%, #F26A12 100%); /* Schließtag-Banner, Ton-aus-Hinweis (Text ink) */
  --wf-grad-ink:      linear-gradient(180deg, #1F1F1F 0%, #0A0A0A 100%);          /* Seitenleiste, KDS-Kopfzeile, Login-Hintergrund */
  --wf-grad-progress: linear-gradient(90deg, #B5E8A2 0%, #82DB67 100%);           /* Fortschrittsbalken */
  --wf-grad-wait-scale: linear-gradient(90deg, #82DB67 0 40%, #FF7F29 40% 100%);  /* Legende Wartezeit 0–2 / 2–5 Min; ab 5 Min --wf-danger */

  /* Formen */
  --wf-radius-btn: 4px; --wf-radius-card: 12px; --wf-radius-kds: 14px; --wf-radius-pill: 999px;
  --wf-radius-app: 16px; --wf-radius-sheet: 28px;   /* nur App „Walforma“ (7d) */
  --wf-touch-min: 44px; --wf-touch-kds: 56px;

  /* Schrift (Mockup KDS): Oswald aus fonts.css */
  --wf-font-kds: Oswald, "Arial Narrow", sans-serif;
}