/* ============================================================
   BAT DURO — Design-Tokens (Quelle: design/DESIGN-SYSTEM.md)
   Basis: Bestands-CD (universal.css) + Logo-Farben (verifiziert)
   ============================================================ */
:root {
  /* Farben — Marke */
  --c-blue:      #0269b4;
  --c-blue-deep: #065284;
  --c-blue-ink:  #173c5b;
  --c-blue-pale: #e9f2f9;
  --c-red:       #dc092f;
  --c-red-deep:  #ad0d2b;

  /* Farben — Neutrale (kühl, aus Blau abgeleitet) */
  --c-ink:       #1d1d1b;
  --c-gray:      #5b5f62;
  --c-gray-mid:  #8c9296;
  --c-line:      #d7dce0;
  --c-surface:   #f2f4f6;
  --c-bg:        #ffffff;

  /* Typografie */
  --f-sans: 'Fira Sans', 'Segoe UI', system-ui, sans-serif;

  --fs-display: clamp(2.4rem, 5.5vw, 4.2rem);
  --fs-h2:      clamp(1.7rem, 3vw, 2.4rem);
  --fs-h3:      clamp(1.25rem, 2vw, 1.5rem);
  --fs-h4:      1.125rem;
  --fs-body:    1.0625rem;
  --fs-lead:    clamp(1.15rem, 1.6vw, 1.35rem);
  --fs-small:   0.9375rem;
  --fs-label:   0.8125rem;

  --lh-tight: 1.05;
  --lh-head:  1.2;
  --lh-body:  1.7;

  /* Spacing (8pt-Basis, Sektionsrhythmus variiert) */
  --sp-1: 8px;  --sp-2: 16px; --sp-3: 24px; --sp-4: 32px;
  --sp-5: 40px; --sp-6: 48px; --sp-8: 64px; --sp-10: 80px;
  --sp-section-s: clamp(56px, 8vw, 88px);
  --sp-section-m: clamp(80px, 10vw, 128px);
  --sp-section-l: clamp(104px, 13vw, 168px);

  /* Layout */
  --w-content: 1200px;
  --w-wide:    1440px;
  --w-text:    720px;   /* ~72 Zeichen */
  --gutter:    clamp(20px, 4vw, 40px);

  /* Form (V2: Kleusberg-Rundungen — dezent, exakt übernommen) */
  --r-s: 4px;
  --r-m: 8px;
  --r-card: 14px;
  --r-pill: 999px;

  /* V2: Dunkle LP-Palette (reine Schwarz-/Grau-Abstufungen, KEIN Blaustich) */
  --d-bg: #0a0a0a;
  --d-surface: #141414;
  --d-card: #1c1c1c;
  --d-line: #2c2c2c;
  --d-text: #f5f5f5;
  --d-muted: #a6a6a6;

  /* V2: LP-Inhaltsbreite (85–90 % Viewport) */
  --w-lp: min(90vw, 1720px);
  --w-lp-text: 820px;

  /* V2: Display-Font mit Variable-Achsen (Archivo: wght 100–900, wdth 62–125) */
  --f-display: 'Archivo', 'Fira Sans', system-ui, sans-serif;

  /* Linien */
  --hairline: 1px solid var(--c-line);

  /* Motion */
  --t-fast: 150ms ease;
  --t-med:  280ms cubic-bezier(.4, 0, .2, 1);

  /* Z-Ebenen */
  --z-header: 100;
  --z-skip:   200;
}