/* tokens.css — ein Token-Satz fuer Gast-Seite, Kuechen-Panel und Fahrer-App.
   Quelle: Befund 21 §3 Punkt 8 und 9, Bauplan Blatt 1.2.
   Markenfarbe: das Gruen des heutigen Panels im hellen Modus
   (docs/panel/pronto-kueche.html, :root.hell --gut) als Stufe 50.
   Skala 0 = fast weiss, 100 = fast schwarz. */

:root{
  /* Markenfarbe */
  --gruen-0:#eef7f1;
  --gruen-10:#d6eddd;
  --gruen-20:#b0dbc0;
  --gruen-30:#7fc49a;
  --gruen-40:#45a26a;
  --gruen-50:#0f7a39;
  --gruen-60:#0c6630;
  --gruen-70:#0a5327;
  --gruen-80:#07401e;
  --gruen-90:#052c15;
  --gruen-100:#031a0c;
  --marke:var(--gruen-50);
  --marke-tinte:#ffffff;

  /* Vier Statusfarben: Neu = Marke, Wartet = Bernstein, Fertig = Gruen, Storno = Rot */
  --status-neu:var(--gruen-50);
  --status-neu-flaeche:var(--gruen-0);
  --status-wartet:#c08206;
  --status-wartet-flaeche:#fbf2dc;
  --status-fertig:#1f9d55;
  --status-fertig-flaeche:#e6f4ea;
  --status-storno:#d0392d;
  --status-storno-flaeche:#fceeec;

  /* Grau und Flaechen (hell ist Standard, Kuechen sind hell) */
  --grund:#ffffff;
  --flaeche:#f6f6f7;
  --flaeche-2:#eceef0;
  --linie:#e3e5e8;
  --tinte:#16181d;
  --tinte-2:#4b5059;
  --tinte-3:#6b7078;

  /* Raster und Radien */
  --raster:4px;
  --abstand-1:calc(var(--raster) * 1);
  --abstand-2:calc(var(--raster) * 2);
  --abstand-3:calc(var(--raster) * 3);
  --abstand-4:calc(var(--raster) * 4);
  --abstand-6:calc(var(--raster) * 6);
  --abstand-8:calc(var(--raster) * 8);
  --radius-8:8px;
  --radius-12:12px;
  --radius-16:16px;
  --radius-voll:999px;

  /* Schrift: Inter fuer Gast und Fahrer, das Panel behaelt Hanken Grotesk (E2) */
  --schrift:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --schrift-panel:'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --schrift-mono:'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  --text-grund:17px;
  --text-klein:15px;
  --text-artikel-kueche:24px;

  /* Trefferflaechen fuer Primaerknoepfe: Gast 44, Fahrer 48, Kueche 64 (Handschuhe, Armlaenge) */
  --treffer-gast:44px;
  --treffer-fahrer:48px;
  --treffer-kueche:64px;

  /* Bewegung */
  --schnell:140ms;
  --normal:220ms;
  --sanft:cubic-bezier(.4,0,.2,1);
}

/* Dunkelmodus als Umschalter (Kueche), nie automatisch */
:root[data-thema="dunkel"]{
  --grund:#121316;
  --flaeche:#1b1d21;
  --flaeche-2:#262a33;
  --linie:#2a2d33;
  --tinte:#f4f4f6;
  --tinte-2:#c9ced4;
  --tinte-3:#9ba1aa;
  --status-neu-flaeche:var(--gruen-90);
  --status-wartet-flaeche:#2c2007;
  --status-fertig-flaeche:#0e2b1a;
  --status-storno-flaeche:#2b1412;
}

/* Zahlen untereinander: Preise, Nummern, Uhrzeiten */
.zahl{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}