/* S+B Design-Tokens
 *
 * Verbindliche S+B-Markenwerte als CSS Custom Properties. Komponenten referenzieren NUR diese
 * Tokens, nie hart kodierte Farben/Größen. Quelle: S+B Design Manual (Farben, Hausschrift Univers LT
 * → web-realisiert als Arial). Werte deckungsgleich mit BIM-Dashboard (main.css) und
 * Dateinamensgenerator.
 *
 * Hausschrift: Das Design Manual gibt Univers LT vor (lizenzpflichtig, nicht web-einbettbar). Für
 * Web/Dokumente wird laut Manual Arial verwendet; technische Werte (Codes, Dateinamen) in einem
 * System-Monospace. Damit bleibt der Standard bewusst dependency-frei (kein Google Fonts, läuft
 * offline und per file://). Details: ../../brand/fonts/fonts.css.
 */

:root {
  /* ── S+B Markenfarben (verbindlich) ──
     Petrol : #004F59 (100%) #407B83 (75%) #7FA7AC (50%) #BFD3D5 (25%)
     Blau   : #006D7F (100%) #00A4BF (75%) #47BBCE (50%)
     Sand   : #C5B9AC (100%) #D4CBC1 (75%) #E2DCD5 (50%) #F0EDEA (25%)
     Rot    : #EA6269 (100%) #ED8A90 (75%)
     Schwarz: #5D5D5C */

  /* Petrol — Primärfarbe (Header, Pflichtfelder, Primär-Buttons) */
  --color-petrol:      #004F59; /* 100% – Primär                     */
  --color-petrol-75:   #407B83; /* 75%  – Hauptakzent / Buttons      */
  --color-petrol-50:   #7FA7AC; /* 50%                               */
  --color-petrol-25:   #BFD3D5; /* 25%  – heller Akzent-Hintergrund  */
  --color-petrol-dark: #003D46; /*        – Hover / dunkler Akzent   */

  /* Blau — überschreibbare/Combo-Elemente, Info */
  --color-blau:        #006D7F;
  --color-blau-75:     #00A4BF;
  --color-blau-50:     #47BBCE;

  /* Sand — Flächen, Borders, Hintergründe */
  --color-sand:        #C5B9AC; /* 100% – Borders                    */
  --color-sand-75:     #D4CBC1;
  --color-sand-50:     #E2DCD5;
  --color-sand-25:     #F0EDEA; /* 25%  – sekundärer Hintergrund     */

  /* Rot — Löschen / Warnung */
  --color-rot:         #EA6269;
  --color-rot-75:      #ED8A90;

  /* Schwarz — Text */
  --color-schwarz:     #5D5D5C; /* S+B Schwarz – Sekundärtext        */

  /* ── Semantische Rollen (Komponenten nutzen diese) ── */
  --color-brand:        var(--color-petrol);
  --color-brand-hover:  var(--color-petrol-dark);
  --color-accent:       var(--color-petrol-75);
  --color-accent-blue:  var(--color-blau);

  --color-bg:           #ffffff;
  --color-surface:      var(--color-sand-25); /* Sand 25% */
  --color-surface-2:    var(--color-sand-50); /* Sand 50% */
  --color-border:       var(--color-sand);
  --color-text:         #1a1a1a;
  --color-text-muted:   var(--color-schwarz);
  --color-text-subtle:  #9CA3AF;

  --color-success:      #16A37A;
  --color-warning:      #D97706;
  --color-danger:       var(--color-rot);

  /* ── Typografie (S+B Design Manual) ──
     Hausschrift Univers LT → web: Arial. Werte/Codes/Dateinamen: System-Monospace. */
  --font-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: "Consolas", "Courier New", monospace;

  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.8125rem; /* 13px */
  --text-base: 0.875rem;  /* 14px – Basis-Fließtext (wie BIM-Dashboard) */
  --text-lg:   1rem;      /* 16px */
  --text-xl:   1.25rem;   /* 20px */
  --text-2xl:  1.75rem;   /* 28px – KPI */

  --leading-tight:  1.2;
  --leading-normal: 1.5;

  --weight-normal:   400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ── Abstände (4px-Raster) ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;

  /* ── Radius & Schatten ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);

  /* ── Layout ── */
  --container-max: 72rem;
}

/* Hinweis: Die S+B-Anwendungen sind als Light-Only ausgelegt (Corporate-Design,
   Druck-/Dokument-Nähe). Bewusst kein Dark-Mode-Override — bei Bedarf projektspezifisch
   ergänzen, nicht im Standard. */