/* Token-Brücke (Design-Integration 08.10.2026, Live-Stand 1.0.40.6).
   Die Arbeitsseiten der Live-Schicht (Abrechnung prüfen, Budget, Freigabe, Fallklärung, Planungsvorschlag, Analytik, Adressen) lesen ihre
   Werte aus --design-*, --atelier-* und --ops-*. Hier zeigen ALLE diese Namen auf das Designsystem von Tabita: Farben auf die gewählte
   Palette (style.css/bausteine.css: --gruen, --hintergrund, --karte …; der Dunkelmodus setzt nur die Palette um, bausteine.css
   „UXDESIGNBAU Farbschema“ › Dunkel), Abstände auf das 4-px-Raster (--a1 … --a7), Schrift auf die Skala (--s-*), Rundungen und Schatten
   auf das Kartensystem. Keine festen Farben in dieser Datei. Früher eigene Dateien (atelier-core/-operations/-people, design-focus,
   layout-marke) sind hier zusammengefasst. */
:root {
  /* Abstände, Maße */
  --design-s1: var(--a1);
  --design-s2: var(--a2);
  --design-s3: var(--a3);
  --design-s4: var(--a4);
  --design-s6: var(--a5);
  --design-s8: var(--a6);
  --design-s16: calc(var(--a6) * 2);
  --design-radius-sm: var(--rund-klein);
  --design-radius-md: var(--rund);
  --design-radius-lg: var(--rund-gross);
  --design-radius-full: 999px;
  --design-control: var(--feld-hoehe);
  --design-sidebar: 236px;
  --design-border-width: 1px;
  --design-focus-width: 3px;
  --design-motion: var(--dauer-2);
  /* Schrift: Skala von Tabita (Text Avenir, Titel Serif über die Bausteine) */
  --design-type-sm: var(--s-klein);
  --design-type-md: var(--s-mittel);
  --design-type-lg: var(--s-titel);
  /* Farben: nur Rollen der Palette */
  --design-background: var(--hintergrund);
  --design-surface: var(--karte);
  --design-border: var(--linie);
  --design-border-strong: var(--knopf-rand);
  --design-text: var(--text);
  --design-muted: var(--text-leise);
  --design-primary: var(--gruen);
  --design-primary-text: var(--gruen);
  --design-primary-hover: var(--gruen-hell);
  --design-on-primary: var(--farbe-auf-haupt);
  --design-blue-soft: var(--gruen-blass);
  --design-success-soft: var(--gruen-blass);
  --design-warning: var(--gelb);
  --design-warning-soft: var(--gelb-flaeche);
  --design-danger: var(--rot);
  --design-danger-soft: var(--rot-flaeche);
  --design-green-panel: var(--sand-blass);
  --design-green-overlay: rgb(var(--farbe-schatten) / .4);
  /* frühere Atelier-Werte (Raster, Flächen) */
  --atelier-s1: var(--a1);
  --atelier-s2: var(--a2);
  --atelier-s3: var(--a3);
  --atelier-s4: var(--a4);
  --atelier-s6: var(--a5);
  --atelier-s8: var(--a6);
  --atelier-s12: var(--a7);
  --atelier-s16: calc(var(--a6) * 2);
  --atelier-control: var(--feld-hoehe);
  --atelier-icon: 20px;
  --atelier-chart-desktop: 320px;
  --atelier-menu-width: 280px;
  --atelier-radius: var(--rund);
  --atelier-radius-panel: var(--rund);
  --atelier-line: 1px;
  --atelier-focus: 3px;
  --atelier-floating-shadow: var(--schatten-schwebend);
  --atelier-table-hover: var(--farbe-zeile-hover);
  --atelier-selected: var(--gruen-blass);
  /* frühere Betriebswerte */
  --ops-dialog: 640px;
  --ops-small: var(--s-klein);
  --ops-medium: var(--s-text);
}