/* MOST Design Tokens, Release A.1, 18.09.2026
   Quelle der Wahrheit für Farbe, Schrift und Raster in MOST-Oberflächen.
   Die Schriften werden selbst ausgeliefert, siehe Schriftenpaket. */

:root {
  --most-red: #c11412;      /* MOST Rot: Marke. Wortmarke, aktive Position, die eine Primäraktion. */
  --most-signal: #ff2214;   /* Signalrot: Dringendes Signal auf dunklem Grund: laufende Station, Blockade. */
  --ink: #060606;           /* Ink: Text, dunkle Flächen, Navigation. */
  --canvas: #f4f4f2;        /* Papier: Seitengrund der Arbeitsfläche. */
  --surface: #fbfbf9;       /* Fläche: Leicht getöntes Weiß für Tabellen, Felder, Kästen. */
  --rule: #d2d2ce;          /* Linie: Haarlinien, Rahmen, Tabellenlinien. */
  --muted: #676464;         /* Sekundärtext: Zweite Textebene, Etiketten, Metadaten. */
  --ink-2: #141414;         /* Ink 2: Überfahren und zweite Ebene in dunklen Flächen. */
  --ink-rule: #2b2a2a;      /* Ink Linie: Trennlinien in dunklen Flächen. */
  --ink-muted: #a3a1a1;     /* Text gedämpft: Zweite Textebene auf Ink. */

  /* dieselben Werte in OKLCH, für Umgebungen, die damit rechnen */
  --most-red-oklch: oklch(0.516 0.202 28.5);
  --most-signal-oklch: oklch(0.638 0.248 29.6);
  --ink-oklch: oklch(0.122 0.000 0.0);
  --canvas-oklch: oklch(0.967 0.003 0.0);
  --surface-oklch: oklch(0.988 0.003 0.0);
  --rule-oklch: oklch(0.863 0.005 106.5);
  --muted-oklch: oklch(0.506 0.004 0.0);
  --ink-2-oklch: oklch(0.191 0.000 0.0);
  --ink-rule-oklch: oklch(0.286 0.001 0.0);
  --ink-muted-oklch: oklch(0.711 0.002 0.0);

  /* Diagramme: geordnete Klassen laufen hell nach dunkel. Rot ist nie eine Stufe. */
  --chart-1: #b4b0b0;
  --chart-2: #908b8b;
  --chart-3: #676464;
  --chart-4: #413e3e;
  --chart-5: #1a1818;
  --chart-escalation: var(--most-red);

  /* Schrift */
  --font-display: 'Archivo', system-ui, sans-serif;        /* breit laufend: font-variation-settings 'wdth' 112 bis 122 */
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-data: 'IBM Plex Mono', ui-monospace, monospace;

  /* Raster: Grundeinheit 4 px */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;

  /* Bewegung */
  --motion-fast: 150ms;
  --motion-slow: 220ms;
  --ease-out: cubic-bezier(.25, 1, .5, 1);
}