/* =============================================================
   ResqShift — Design-Tokens
   Grundlage ist das Design des alten Praktikantenplanners
   ("Operations Console": neutrale Oberfläche in Slate, farbig sind
   nur die Daten, also Wachen und Dienste). Leo, 27.10.2026.
   Anders als im Planner liegt Inter lokal, keine Verbindung zu Google.
   ============================================================= */

@font-face { font-family: "Inter"; src: url("../assets/fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../assets/fonts/inter-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../assets/fonts/inter-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../assets/fonts/inter-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  /* Slate-Skala wie im Planner */
  --c-0: #ffffff; --c-25: #fbfcfd; --c-50: #f8fafc; --c-100: #f1f5f9; --c-150: #e8edf3;
  --c-200: #e2e8f0; --c-300: #cbd5e1; --c-400: #94a3b8; --c-500: #64748b; --c-600: #475569;
  --c-700: #334155; --c-800: #1e293b; --c-900: #0f172a; --c-950: #020617;

  --ink: var(--c-950);
  --ink-hover: var(--c-800);
  --kopf-grund: #0a1628;
  --c-link: #2563eb;
  --c-heute: #eff6ff;
  --c-heute-rand: #2563eb;

  --c-success: #15803d; --c-success-soft: #f0fdf4; --c-success-border: #bbf7d0;
  --c-warning: #b45309; --c-warning-soft: #fffbeb; --c-warning-border: #fde68a;
  --c-danger:  #b91c1c; --c-danger-soft:  #fef2f2; --c-danger-border:  #fca5a5;

  /* Signalfarbe der Marke ResqShift, nur für die Bildmarke und Doppelbelegungen */
  --c-marke: #BC1010;

  /* Feiertag wie im Planner */
  --c-feiertag: rgba(254, 215, 170, 0.55);
  --c-feiertag-kopf: #fed7aa;
  /* Freie Plätze */
  --c-frei: #dcfce7;
  --c-frei-pa: #bbf7d0;

  --bg-body: var(--c-50);
  --bg-surface: var(--c-0);
  --text-main: var(--c-900);
  --text-secondary: var(--c-700);
  --text-muted: var(--c-500);
  --text-faint: var(--c-400);
  --border-light: var(--c-200);
  --border-medium: var(--c-300);

  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 12px; --radius-full: 9999px;
  --shadow-xs: 0 1px 2px rgba(2, 6, 23, 0.04);
  --shadow-sm: 0 1px 2px rgba(2, 6, 23, 0.05), 0 1px 3px rgba(2, 6, 23, 0.04);
  --shadow-lg: 0 16px 40px rgba(2, 6, 23, 0.10), 0 4px 12px rgba(2, 6, 23, 0.05);

  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --text-xs: 0.75rem; --text-sm: 0.8125rem; --text-base: 0.875rem; --text-md: 0.9375rem;
  --text-lg: 1rem; --text-xl: 1.125rem; --text-2xl: 1.25rem; --text-3xl: 1.5rem;

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem;

  --transition-fast: 100ms ease-out;
  --transition-base: 160ms ease-out;

  --kopf: 64px;
  --spalte-name: 240px;
  --spalte-tag: 60px;
  --zeile: 46px;
}