/* Evidora (Arbeitstitel): Designtokens nach docs/MARKE.md. Nur hell (A1), kein Dunkelmodus. */
:root {
  /* Marke */
  --evi-teal: #1f6f63;
  --evi-teal-tief: #16544b;
  --evi-teal-hell: #ddede7;
  --evi-koralle: #e8775a;
  --evi-offwhite: #f8f5ee;
  --evi-sand: #f1ece2;
  --evi-anthrazit: #1f2a2e;
  --evi-grau: #5e6b6e;
  --evi-linie: #d9d3c7;
  /* Begleiterfigur: Haut warm, Haar dunkel (keine Marken- oder Statusfarben) */
  --evi-haut: #efc4a3;
  --evi-haar: #4a3a35;

  /* Ampel: Farbe nie allein, immer mit Form und Text (Kreis, Dreieck, Quadrat, Raute) */
  --evi-ampel-gruen: #2e9e6f;   /* Kreis    */
  --evi-ampel-gelb: #d29b2c;    /* Dreieck  */
  --evi-ampel-orange: #e07b39;  /* Quadrat  */
  --evi-ampel-rot: #c4503c;     /* Raute    */
  --evi-ampel-grau: #9aa8a2;    /* Kreis hohl */

  /* Semantische Rollen */
  --bg: var(--evi-offwhite);
  --flaeche: var(--evi-sand);
  --text: var(--evi-anthrazit);
  --text-leise: var(--evi-grau);
  --linie: var(--evi-linie);
  --akzent: var(--evi-teal);
  --akzent-tief: var(--evi-teal-tief);
  --akzent-hell: var(--evi-teal-hell);
  --akzent2: var(--evi-koralle);
  --auf-akzent: var(--evi-offwhite);
  --fokus: var(--evi-teal);

  /* Schrift */
  --schrift-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --schrift-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-s: 0.875rem;
  --text-m: 1rem;
  --text-l: 1.25rem;
  --h3: 1.375rem;
  --h2: 1.75rem;
  --h1: clamp(2.2rem, 1.6rem + 2.4vw, 3rem);
  --zeilenhoehe: 1.6;

  /* Abstand (4-px-Raster) */
  --abstand-1: 0.25rem;
  --abstand-2: 0.5rem;
  --abstand-3: 0.75rem;
  --abstand-4: 1rem;
  --abstand-5: 1.5rem;
  --abstand-6: 2rem;
  --abstand-7: 3rem;
  --abstand-8: 4.5rem;
  --gutter: 16px;

  /* Radius: flach, keine Schatten */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-voll: 999px;
  --strich: 1px;
}

 /* ---------- E4.0: Instrumente (Wertestand-Ring, Zonen, Bernstein fuer grenznah) ----------
   Stufen: ok = Gruen (Kreis), rand = Bernstein (Dreieck), weit = Koralle (Quadrat), alarm = Rot (Raute).
   Zonen des Rings (Wertestand): 0-30 weit, 30-60 rand, 60-80 Referenz, 80-100 Orientierung. */
:root {
  --evi-bernstein: #b57a12;     /* grenznah, Dreieck */
  --evi-ausserhalb: #cf5b3c;    /* ausserhalb, Quadrat */
  --evi-spur: #e6e0d3;          /* Bogenspur und Balkengrund */
  --evi-zone-weit: #e9b9a8;
  --evi-zone-rand: #ecd29b;
  --evi-zone-ref: #cfd0c8;
  --evi-zone-opt: #a9d6c6;
  --evi-zone-band: #cfe6dd;     /* Orientierungsband hinter Verlaufslinien */
}