/*
 * Design-Tokens – EINZIGE Stelle für Farben, Abstände, Schriften.
 * Das endgültige Design kommt von Claude Design und ersetzt diese Werte.
 * Zwischenstand: Farben und Radien nach Entwurf „B · Klar“ (siehe docs/ENTSCHEIDUNGEN.md).
 */
:root {
  /* Farben */
  --color-bg: #f6f7f4;
  --color-surface: #ffffff;
  --color-surface-muted: #f1f3ee;
  --color-border: #dfe3dc;
  --color-border-strong: #aeb7af;
  --color-text: #16201c;
  --color-text-muted: #5a6660;
  --color-primary: #1b3b6f;
  --color-primary-contrast: #ffffff;
  --color-primary-soft: #e7ecf4;

  --color-ok: #0b5236;
  --color-ok-soft: #ddf1e6;
  --color-tolerance: #6b4a00;
  --color-tolerance-soft: #fbe9b8;
  --color-danger: #8a1f12;
  --color-danger-soft: #f9dad5;

  --color-nonworkday: #e6e9e3;
  --color-today: #fbf3c9;
  --color-blocked-stripe: #c3cac1;

  /* Karte (werden vom JS über getComputedStyle gelesen) */
  --map-target: #b3261e;
  --map-vehicle: #1b3b6f;
  --map-radius-ok: #1f8a5b;
  --map-radius-tolerance: #c28a00;

  /* Schrift */
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-size-sm: 0.8125rem;
  --font-size-md: 0.9375rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-weight-bold: 600;

  /* Abstände */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;

  /* Form */
  --radius-sm: 6px;
  --radius-md: 12px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 5%);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 12%);

  /* Layout */
  --header-height: 56px;
  --content-max-width: 1440px;
  --map-height: 420px;
  --planboard-cell-width: 76px;
  --planboard-name-width: 170px;
}