/* gantt – Design-Tokens (aus dem Prototyp abgeleitet, verbindlich) */
:root {
  /* Flächen */
  --g-bg: #F4F4F1;            /* Seitenhintergrund */
  --g-surface: #FFFFFF;       /* Karten, Panels, Raster */
  --g-surface-alt: #FAFAF7;   /* Donnerstagsspalten */
  --g-surface-sunk: #F0F0EC;  /* Segment-Control, Tab-Hintergrund */
  --g-ink: #1C1F23;           /* Text, Logo-Grund, Primär-Dunkel */
  --g-ink-2: #3F434A;         /* Sekundärtext */
  --g-muted: #5F636B;         /* Hinweise, Labels */
  --g-border: #DDDDD6;        /* Karten-/Panelrahmen */
  --g-border-soft: #EEEEE9;   /* Rasterlinien */
  --g-border-input: #C9C9C0;  /* Eingabefelder, Sekundärbuttons */

  /* Akzent & Status */
  --g-accent: #2457C5;        /* Primärbutton, Links, Auswahl, Drop-Ziel */
  --g-accent-ink: #173E8C;
  --g-accent-bg: #EEF3FC;
  --g-drop-bg: #E6ECF8;       /* Zielposition beim Ziehen (+ 2px dashed accent) */
  --g-danger: #B42318;        /* Konfliktrahmen 2px */
  --g-danger-ink: #8E1B12;
  --g-danger-bg: #FDECEA;
  --g-success: #1F5C2E;
  --g-success-bg: #E1F0E3;
  --g-wish-bg: #E7F4E7;       /* Wunschzeitraum */
  --g-wish-border: #A9D3A9;
  --g-warn: #8A5300;
  --g-warn-bg: #FBF0DC;
  --g-hatch: repeating-linear-gradient(135deg, #ECECE6 0 5px, #F7F7F3 5px 10px); /* gesperrt */

  /* Angebotsfarben (Hintergrund / Text) */
  --g-c1-bg: #DCE7FB; --g-c1-fg: #173E8C;  /* blau */
  --g-c2-bg: #E1F0E3; --g-c2-fg: #1F5C2E;  /* grün */
  --g-c3-bg: #FBE5D2; --g-c3-fg: #8A3B0E;  /* orange */
  --g-c4-bg: #E8E2F7; --g-c4-fg: #4B2C91;  /* violett */
  --g-c5-bg: #ECECE8; --g-c5-fg: #3A3D42;  /* grau */
  --g-c6-bg: #F6EDC4; --g-c6-fg: #5E4900;  /* gelb */
  --g-c7-bg: #D9EEF0; --g-c7-fg: #0F5961;  /* petrol */

  /* Logo */
  --g-logo-blue: #8FB0F0; --g-logo-orange: #F2A36B;           /* auf dunklem Grund */
  --g-logo-blue-l: #2457C5; --g-logo-orange-l: #E07B39;       /* auf hellem Grund */

  /* Typografie: IBM Plex Sans (400/500/600), IBM Plex Mono (400/500) für Daten/Datum */
  --g-font: 'IBM Plex Sans', system-ui, sans-serif;
  --g-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --g-fs-xs: 11.5px; --g-fs-s: 12.5px; --g-fs-m: 13px; --g-fs-base: 14px;
  --g-fs-l: 15px; --g-fs-h2: 16px; --g-fs-h1: 22px; --g-fs-hero: 44px;

  /* Radien & Abstände */
  --g-r-s: 6px; --g-r-block: 7px; --g-r: 8px; --g-r-card: 12px; --g-r-pill: 999px;
  --g-gap-xs: 4px; --g-gap-s: 8px; --g-gap-m: 12px; --g-gap-l: 16px; --g-gap-xl: 24px;
  --g-cell-min-h: 74px;       /* Rasterzelle */
  --g-touch: 44px;            /* Mindestgröße Bedienelemente */
}