/* inrema-dashboard — Design-Tokens. EINZIGE Stelle mit Farbwerten.
   Komponenten benutzen ausschliesslich var(--*) (Master-Konzept §2.5). */
:root {
  /* Flaechen */
  --bg:            oklch(0.975 0.003 250);
  --card:          oklch(0.996 0.002 250);
  --tint:          oklch(0.972 0.004 250);

  /* Sidebar (Navy) */
  --sidebar:       oklch(0.30 0.028 252);
  --sidebar-2:     oklch(0.37 0.03 252);
  --sidebar-text:  oklch(0.93 0.008 252);
  --sidebar-muted: oklch(0.70 0.02 252);

  /* Linien */
  --border:        oklch(0.90 0.004 250);
  --border-soft:   oklch(0.945 0.004 250);   /* Trennlinien INNERHALB von Listen/Karten */
  --track:         oklch(0.925 0.004 250);
  --accent-soft:   oklch(0.57 0.13 252 / .10); /* Aktiv-Flaeche (heute, aktiver Tab) */

  /* Text */
  --text:          oklch(0.34 0.014 252);
  --muted:         oklch(0.52 0.012 252);
  --faint:         oklch(0.64 0.01 252);

  /* Reinweiss (Text auf dunkler Sidebar) */
  --white:         oklch(1 0 0);

  /* Marken-Blau (Akzent) */
  --accent:        oklch(0.57 0.13 252);
  --accent-deep:   oklch(0.49 0.13 254);

  /* Status */
  --green:         oklch(0.60 0.13 152);
  --green-text:    oklch(0.45 0.12 152);
  --red:           oklch(0.56 0.19 27);
  --red-text:      oklch(0.47 0.17 27);
  --amber:         oklch(0.70 0.12 70);
  --amber-text:    oklch(0.50 0.11 60);

  /* Abgeleitete Status-/Alert-Flaechen */
  --status-ok-bg:      oklch(0.60 0.13 152 / .12);
  --status-ok-border:  oklch(0.60 0.13 152 / .30);
  --status-warn-bg:    oklch(0.70 0.12 70 / .14);
  --status-warn-border:oklch(0.70 0.12 70 / .34);
  --status-down-bg:    oklch(0.56 0.19 27 / .10);
  --status-down-border:oklch(0.56 0.19 27 / .30);
  --alert-bg:          oklch(0.70 0.12 70 / .12);
  --alert-border:      oklch(0.70 0.12 70 / .34);
  --overlay:           oklch(0.25 0.03 255 / .35);

  /* Form */
  --shadow:        0 1px 2px oklch(0.30 0.03 255 / .05), 0 1px 3px oklch(0.30 0.03 255 / .05);
  --shadow-drawer: -24px 0 60px oklch(0.30 0.03 255 / .22);
  --radius-card:   14px;
  --radius-pill:   999px;
  --radius-sm:     9px;
  --gap-section:   18px;   /* vertikaler Abstand zwischen Top-Level-Bloecken (Seiten-Rhythmus) */
  --sidebar-w:     238px;
  --font:          'Inter', system-ui, -apple-system, sans-serif;
}