/* ==========================================================================
   BIEBER + MARBURG — LP Dach + Fassade · Design-Tokens
   Quelle: Original-Theme bieber-marburg.de (style-LBVZibOX.css) + Ableitungen
   Doku: design/DESIGN-SYSTEM.md
   ========================================================================== */

:root {
  /* ---- Farbe: Marke (original) ---- */
  --c-blue:       #05338c;   /* congressblue — Primär */
  --c-red:        #d40000;   /* guardsmanred — CTA/Akzent */
  --c-ink:        #282828;   /* mineshaft — Text */
  --c-sand:       #f5f5f5;   /* wildsand */
  --c-mist:       #ededed;   /* christmaswhite */
  --c-white:      #ffffff;
  --c-logo-blue:  #344C8F;   /* nur Logo-Kontext */
  --c-logo-red:   #C20016;   /* nur Logo-Kontext */

  /* ---- Farbe: abgeleitet ---- */
  --c-blue-deep:  #041f54;
  --c-blue-mid:   #1e4fae;
  --c-blue-soft:  #dce4f3;
  --c-blue-ghost: #eef2fa;
  --c-red-deep:   #a80000;
  --c-ink-soft:   #5a5a5a;
  --c-line:       #d9d9d9;
  --c-success:    #1a7f37;
  --c-error:      #c62828;

  /* ---- Typografie ---- */
  --font-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-display: clamp(2.625rem, 1.2rem + 5.4vw, 6rem);
  --fs-h2:      clamp(2rem, 1.2rem + 2.6vw, 3.25rem);
  --fs-h3:      clamp(1.375rem, 1.1rem + 1vw, 1.625rem);
  --fs-lead:    clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --fs-body:    1.125rem;
  --fs-small:   1rem;
  --fs-label:   0.8125rem;
  --lh-tight: 1.05;
  --lh-head:  1.12;
  --lh-body:  1.6;
  --ls-label: 0.16em;

  /* ---- Raum ---- */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px;  --space-6: 32px;  --space-7: 48px;  --space-8: 64px;
  --space-9: 96px;  --space-10: 128px; --space-11: 160px; --space-12: 200px;
  --container: 1440px;
  --container-pad: clamp(20px, 4vw, 64px);

  /* ---- Form ---- */
  --radius-s: 4px;
  --radius-m: 8px;
  --shadow-card:  0 8px 30px rgba(4, 31, 84, .10);
  --shadow-float: 0 20px 60px rgba(4, 31, 84, .18);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --dur-fast: 200ms;
  --dur-med:  450ms;
  --dur-slow: 650ms;
}