/* fixrepair · Logistik-App — Design-Tokens (v2, strenges Farbbudget)
   Einzige Quelle für Farben, Schrift, Abstände, Radien. Nie Werte hart codieren — immer var(--*) nutzen.
   v2: EINE Akzentfarbe (Navy), Grau, Rot nur für Warnungen. Kein Grün, kein Cyan, kein Amber.
   Die Token-NAMEN sind unverändert (Kompatibilität) — die blue-Rampe trägt jetzt Navy-Töne. */

:root {
  /* Grund */
  --color-bg: #f5f6f8;          /* Seitenhintergrund */
  --color-surface: #ffffff;     /* Karten, Eingabefelder */
  --color-ink: #0e1320;         /* Text */
  --color-ink-muted: rgba(14, 19, 32, 0.55);
  --color-divider: rgba(14, 19, 32, 0.12);
  --color-card-border: rgba(14, 19, 32, 0.08);

  /* Marke fixrepair */
  --color-brand-ink: #0b1020;   /* Navigation, dunkle Flächen */
  --color-navy: #232d69;        /* Primärbuttons (Fill), Markierungen */
  --color-navy-deep: #1a2354;   /* Primärbutton hover */
  --color-navy-press: #141b42;  /* Primärbutton active */
  --color-cyan: #b9c1dc;        /* v2: heller Navy-Ton — Markierungen (Fundstellen, aktive Nav). Name bleibt aus Kompatibilität. */

  /* Akzent-Rampe (100 hell … 900 dunkel) — v2: Navy-Töne, Namen unverändert */
  --color-blue-100: #eef0f6;
  --color-blue-200: #dde1ee;
  --color-blue-300: #b9c1dc;
  --color-blue-400: #8e9ac4;
  --color-blue-500: #5a68a3;    /* Basis: Kicker, Fokus */
  --color-blue-600: #3d4b8a;    /* Links */
  --color-blue-700: #232d69;    /* = Navy */
  --color-blue-800: #1a2354;
  --color-blue-900: #0b1020;

  /* Status — v2: Erfolg ist TEXT (Ink), keine eigene Farbe. Rot bleibt exklusiv für Warnungen. */
  --color-danger: #dc2626;
  --color-success: #0e1320;

  /* Schrift — eine Familie für alles */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;

  /* Abstände (4er-Raster) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  /* Radien */
  --radius-sm: 8px;
  --radius-md: 12px;   /* Karten, Inputs */
  --radius-lg: 16px;
  --radius-pill: 999px; /* alle Buttons */

  /* Elevation — nur ein Flüstern */
  --shadow-card: 0 1px 2px rgba(14, 19, 32, 0.05);
  --shadow-md: 0 3px 10px rgba(14, 19, 32, 0.10);
  --shadow-lg: 0 12px 32px rgba(14, 19, 32, 0.16);

  --font-size-hint: 13px;
  --focus-width: 2px;
  --table-min-width: 680px;

  /* Layout-Schichten (feste Maße — nichts verrutscht) */
  --nav-height: 56px;
  --content-max: 1120px;
  --content-pad-x: 24px;
}