/* ==========================================================================
   Jaeger Tiefbau Herne — Design-Tokens
   Grundlage: Corporate Design Manual Jaeger Gruppe, Stand 11/2025.
   Alle Farbwerte stammen aus der CD-Palette oder sind zulaessige blaue
   Farbabstufungen fuer Flaechen (CD S. 7). Kontraste sind gemessen, nicht
   geschaetzt — die Werte stehen als Kommentar an der jeweiligen Variable.
   ========================================================================== */

:root {
  /* --- CD-Primaerfarben (unveraenderlich) ------------------------------- */
  --cd-blau:    #0068b5;   /* HKS 44 K · Pantone 2935 · RAL 5015          */
  --cd-schwarz: #000000;
  --cd-grau:    #8f8f8f;   /* NUR Linien/Flaechen — 3.23:1, nie Fliesstext */
  --cd-weiss:   #ffffff;

  /* --- Abgeleitete Flaechen (blaue Farbabstufungen, CD S. 7 erlaubt) ---- */
  --grund:      #09141f;   /* dunkle Schicht  · Weiss darauf 18.56:1      */
  --grund-2:    #182431;   /* erhoehte dunkle Flaeche · Weiss 15.72:1     */
  --flaeche:    #ecf3fa;   /* helle Blauflaeche · Ink 15.13:1             */
  --flaeche-2:  #dce8f5;   /* helle Blauflaeche, kraeftiger               */

  /* --- Textfarben (jede gemessen) --------------------------------------- */
  --ink:        #191d22;   /* Fliesstext auf hell        · 16.93:1        */
  --ink-muted:  #555f69;   /* Sekundaertext auf hell     ·  6.51:1        */
  --auf-dunkel: #ffffff;   /* Fliesstext auf --grund     · 18.56:1        */
  --auf-dunkel-muted: #b9c4cf;
  --blau-hell:  #43acfb;   /* Akzenttext auf --grund     ·  7.54:1        */
  /* Regel: --cd-blau NIE als Fliesstext auf Schwarz (3.65:1). Dort Weiss
     oder --blau-hell. --cd-blau auf Weiss ist mit 5.76:1 fuer Text frei.  */

  /* --- Schrift ---------------------------------------------------------- */
  /* Inter ist CD-Hausschrift (Identitaet schlaegt Reflex-Reject-Liste).
     Display: Archivo Expanded 800 — bewusst BREIT statt der im Bau
     ueblichen Condensed-Schriften (Bebas/Barlow/Oswald = Kategorie-Reflex).
     Breite Grotesk liest sich wie eine Maschinen-Typenschild-Praegung.     */
  --font-text:    "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Archivo Expanded", "Inter", system-ui, sans-serif;

  --step--1: clamp(0.875rem, 0.85rem + 0.12vw, 0.95rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1:  clamp(1.25rem, 1.17rem + 0.4vw, 1.5rem);
  --step-2:  clamp(1.5625rem, 1.42rem + 0.73vw, 2rem);
  --step-3:  clamp(1.95rem, 1.7rem + 1.25vw, 2.75rem);
  --step-4:  clamp(2.44rem, 2rem + 2.2vw, 3.75rem);
  /* Untergrenze so gewaehlt, dass die laengste Hero-Zeile („Wir kennen den")
     in Archivo Expanded 800 bei 375 px Viewport noch in den Satzspiegel passt.
     Bei 3rem lief sie ueber den Rand und wurde abgeschnitten. */
  --step-5:  clamp(1.95rem, 0.85rem + 4.8vw, 5.25rem); /* Hero, max 84px    */

  /* --- Raster & Abstaende ----------------------------------------------- */
  --mass: 76rem;                 /* Inhaltsbreite                          */
  --mass-schmal: 46rem;          /* Lesetext, ~68ch                        */
  --rand: clamp(1.25rem, 5vw, 3.5rem);
  --s-1: 0.5rem;  --s-2: 0.75rem; --s-3: 1rem;   --s-4: 1.5rem;
  --s-5: 2rem;    --s-6: 3rem;    --s-7: 4.5rem; --s-8: 7rem;
  /* Drei Stufen statt einer: tragende Aussagen bekommen Luft, Aufzaehlungen
     und Banner werden dichter gesetzt. Vorher hatte jede Sektion denselben
     Wert — das liest sich als Metronom, nicht als Rhythmus.                */
  --sektion:      clamp(4rem, 9vw, 8rem);
  --sektion-weit: clamp(5.5rem, 12vw, 11rem);
  --sektion-eng:  clamp(2.75rem, 6vw, 5.5rem);

  /* --- Gestaltungselement Balken (CD S. 12) ------------------------------ */
  /* 32 Grad site-weit. Das Manual erlaubt auch 45 Grad, verbietet aber die
     Mischung beider Winkel — deshalb existiert hier nur dieser eine Wert.
     Horizontaler Versatz je Hoeheneinheit: 1 / tan(32deg) = 1.6003.        */
  --winkel-faktor: 1.6003;

  /* --- Radius: minimal. Tiefbau hat Kanten, keine Pillen. ---------------- */
  --radius: 2px;

  /* --- Ebenen ------------------------------------------------------------ */
  --z-basis: 0; --z-erhoben: 10; --z-sticky: 100; --z-overlay: 200; --z-modal: 300;

  /* --- Bewegung ---------------------------------------------------------- */
  --ease-aus: cubic-bezier(0.16, 1, 0.3, 1);        /* expo out            */
  --ease-aus-weich: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dauer-kurz: 180ms;
  --dauer: 420ms;
  --dauer-lang: 760ms;

  /* --- Duotone-Bildwelt --------------------------------------------------- */
  /* Die Fotos sind Schwarzweiss. Das CD erlaubt „umgefaerbtes Bildmaterial
     (schwarz auf blauem Hintergrund)" (S. 11). Daraus wird die durchgaengige
     Bildsprache: dunkle Tiefen im Markenblau statt neutralem Grau.          */
  --duotone-tief: #06101a;
  --duotone-hoch: #7fb4dd;
}