/* ============================================================================
   DIPLANA Design-Tokens — Basis: Design-System "Classical" (docs/design/_ds/),
   Redesign 2026. Einzige Quelle für Farben, Schrift, Abstände, Radien, Schatten
   und die projektspezifischen Dienst-Kategoriefarben.

   Bewusste Abweichung vom Classical-System: durchgehend Arial statt
   Cormorant Garamond/Lora (Vorgabe aus dem Design-Handoff, docs/design/README.md).
   Das Google-Fonts-@import des Systems entfällt — CSP erlaubt kein CDN, und
   Arial ist eine Systemschrift.

   Regel wie bisher: Templates verwenden diese Variablen, niemals neue Hexwerte.
   ========================================================================== */

:root {
  /* --- Grundfarben --- */
  --color-bg: #f3f2f2;
  --color-surface: #eae9e9;
  --color-text: #201f1d;
  --color-accent: #457b9d;
  --color-divider: rgba(32, 31, 29, 0.16);

  /* --- Tonale Rampen (OKLCH-generiert, gemeinsame Helligkeitsskala) --- */
  --color-neutral-100: #f8f4f4;
  --color-neutral-200: #eae7e7;
  --color-neutral-300: #d7d3d3;
  --color-neutral-400: #bab6b6;
  --color-neutral-500: #9b9797;
  --color-neutral-600: #7d7979;
  --color-neutral-700: #605d5d;
  --color-neutral-800: #444141;
  --color-neutral-900: #2d2b2b;

  --color-accent-100: #edf4f8;
  --color-accent-200: #d3e4ee;
  --color-accent-300: #accadd;
  --color-accent-400: #72a2c0;
  --color-accent-500: #457b9d;
  --color-accent-600: #34627f;
  --color-accent-700: #264c64;
  --color-accent-800: #1b3646;
  --color-accent-900: #14242e;

  /* Fehl-/Warnton (aus dem Handoff: "kritisch"-Tags, abgelehnt-Pills) */
  --color-danger: #8a4240;
  --color-danger-border: #a98684;

  /* --- Schrift: eine Familie, Hierarchie über Größe/Farbe/Spationierung --- */
  --font-heading: Arial, Helvetica, sans-serif;
  --font-body: Arial, Helvetica, sans-serif;
  --font-heading-weight: 600;

  /* --- Abstände (Classical, Dichte 1.15x) --- */
  --space-1: 4.6px;
  --space-2: 9.2px;
  --space-3: 13.8px;
  --space-4: 18.4px;
  --space-6: 27.6px;
  --space-8: 36.8px;

  /* --- Radien --- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 7px;

  /* --- Schatten: in der App selbst keine — Struktur kommt aus Haarlinien.
         --shadow-md nur für herausgehobene Flächen (z. B. Telefon-Attrappen,
         Dialoge). --- */
  --shadow-sm: 0 1px 2px rgba(45, 43, 43, 0.14);
  --shadow-md: 0 3px 10px rgba(45, 43, 43, 0.16);
  --shadow-lg: 0 12px 32px rgba(45, 43, 43, 0.22);

  /* ==========================================================================
     Projektspezifisch: Dienst-Farbgruppen nach dem gewachsenen Excel-Farbcode
     der Abteilung (abgemildert für den Bildschirm, dunkle Schrift):
     Urlaub türkis · frei grün · Präklinik rot · WB/Lehre lila · OA-Dienste
     oliv · Büro/Verwaltung petrol · Normaldienste ohne Fläche. Zuordnung über
     shift_group() in app/helpers.py (ShiftType.color ist stillgelegt).
     ======================================================================== */
  --sg-urlaub-bg: #c9e8f6;
  --sg-urlaub-fg: #0d567e;
  --sg-frei-bg: #e3f1d4;
  --sg-frei-fg: #3f6b1c;
  --sg-frei-tint: #f0f7e8; /* leere Zelle = geplant frei, wie das grüne "#" im Excel */
  --sg-praeklinik-bg: #f8d9d7;
  --sg-praeklinik-fg: #8a2f2e;
  --sg-wb-bg: #eddcf3;   /* Lila mittel — Weiterbildung, Lehre (QB) */
  --sg-wb-fg: #6b2f7e;
  --sg-wb2-bg: #f6ecfa;  /* Lila hell — Lehre (JENOS) */
  --sg-wb2-fg: #8a4fa3;
  --sg-wb3-bg: #dcc2e8;  /* Lila dunkel — Lehre (AHA) */
  --sg-wb3-fg: #471c59;
  --sg-oa-bg: #e9e4cb;
  --sg-oa-fg: #5a5220;
  --sg-buero-bg: #dbe8ea;
  --sg-buero-fg: #2e5a65;
  --sg-normal-fg: #201f1d; /* keine Fläche — wie im Excel-Jahresplan */
  --sg-danger-bg: #f6d4d4; /* Sperrtag im Wunschraster */
  --sg-danger-fg: #8a2f2e;
  --cat-frei-fg: #a5a1a1;

  /* Status "in Ordnung / erledigt" (Pills, Hinweise) — das Grün der Pläne */
  --color-success: #3f6b1c;
  --color-success-bg: #e3f1d4;

  /* Heatmap Wunschdichte (>=5 / >=3 / >=1 Sperrwünsche pro Tag) */
  --heat-3: #fbe6df;
  --heat-3-fg: #8f4326;
  --heat-2: #f6efe6;
  --heat-1: #efedea;

  /* Wochenendspalten im Raster — Gelb wie im Excel-Jahresplan */
  --weekend-tint: rgba(240, 205, 60, 0.22);
  --weekend-divider: #d9c987;
}