/* Oramea – Tokenbasis (Food-Design 30.10.2026)
   EINE Quelle für Flächen, Statusfarben, Masse und Rundung. Diese Datei wird nach `orm.css`
   geladen und überschreibt nur, was die Basis neu festlegt. `--ink/--line/--gold/--champagne`
   bleiben in `orm.css` (dort definiert, hier absichtlich NICHT neu gesetzt).

   Regel, an der jede Farbe gemessen ist: unter 4,5:1 für Text oder 3:1 für Bedienflächen
   wird nichts Texttoken. Die Zahl steht jeweils daneben und wird in `test/tokens-basis.test.js`
   nachgerechnet – nicht abgeschrieben.

   Besitz der Farbnamen: `--ink/--line/--ok/--warn/--gold/--mono` gehören der gemeinsamen Basis.
   `diagnose.css` zieht auf `--dg-*` (Leon), damit nach dem Umbau keine zweite Quelle entsteht. */
:root{
  /* ---- Flächen, dunkel (Leiste Hub, Seitenleiste Partner) ---- */
  --nav-bg:#1B2A4A;            /* weiss darauf 14,22 · --nav-ink 10,31 */
  --nav-bg-hover:#24375E;      /* --nav-ink 8,54 */
  --nav-bg-active:#31466F;     /* --nav-ink 6,81 */
  --nav-ink:#D5DCE8;
  --side-bg:#14213B;
  --side-line:#2C3E50;

  /* ---- Marke ---- */
  --food:#C0552F;              /* Träger: weiss darauf 4,58 */
  --food-mark:#D9643A;         /* nur Schmuck/Punkt, NIE hinter weisser Schrift: 3,60 */

  /* ---- Status als Paare: hell auf Weiss, dunkel auf --side-bg ---- */
  --ok:#0B7A55;                /* auf Weiss 5,34 */
  --ok-dark:#6EE7B7;           /* auf #14213B 10,51 */
  --ok-bg:#DCF5EC;             /* --ok darauf 4,66 */
  --bad:#9B3430;               /* auf Weiss 7,17 */
  --bad-dark:#FCA5A5;          /* auf #14213B 8,44 */
  --bad-bg:#FBE4E2;            /* --bad darauf 5,91 */
  --warn-ink:#8A5A00;          /* auf Weiss 5,93 – das alte #F59E0B fällt mit 2,15 durch */
  --warn-dark:#FBBF24;         /* auf #14213B 9,60 */
  --no-text:#10B981;           /* nur Punkt/Fläche, kein Texttoken: auf Weiss 2,54 */

  /* ---- Masse: ein System für Bedienelemente ---- */
  --tap-min:44px;
  --ctl-h:48px;
  --btn-h:52px;

  /* ---- Rundung: vier Stufen + eigener Steuer-Radius ---- */
  --radius-ctl:14px;
  --radius-1:8px;
  --radius-2:12px;
  --radius-3:16px;
  --radius-pill:999px;         /* nur Chip und Zähler, nie .btn */
}