/* ============================================================
   BundesEnergiePartner — Design Tokens
   Premium Navy + Gold. Quelle: Markenpalette der Sponsoring-Seite.
   Regel: Text auf Gold IMMER Navy (#0C1A2E), nie Weiß.
   ============================================================ */

:root {
  /* ── Markenfarben (offizielle BEP-Palette: COLORS.pdf) ──
     Navy #003366 · Türkis #00A8A8 · Gelb #FFD700.
     Hinweis: die Variablennamen --color-gold* bleiben aus Kompatibilität
     erhalten, tragen aber jetzt den Marken-TÜRKIS als Akzentfarbe. */
  --color-navy:          #002B57;   /* Primär-Dunkel: Header, Footer, dunkle Sektionen (etwas tiefer als #003366 für Kontrast) */
  --color-navy-900:      #00224A;   /* tiefstes Dunkel / Haupttext-Navy */
  --color-navy-800:      #0A3A6B;   /* Karten auf dunklem Grund */
  --color-navy-700:      #1B4A7E;   /* Borders auf dunklem Grund */
  --color-brand-navy:    #003366;   /* offizielles Marken-Navy (Logo-Schrift) */

  /* Akzent = Marken-Türkis (#00A8A8) */
  --color-gold:          #00A8A8;   /* Akzent / primäre CTAs / Badges (Türkis) */
  --color-gold-dark:     #008A8A;   /* Hover (dunkleres Türkis) */
  --color-gold-light:    #5CC9C9;   /* heller Türkis-Tint */
  --color-gold-50:       #E2F5F5;   /* sehr heller Türkis-Tint für Flächen */

  /* Sekundärakzent = Marken-Gelb (#FFD700), sparsam einsetzen */
  --color-yellow:        #FFD700;
  --color-yellow-dark:   #E6C200;

  --color-steel:         #4A90C2;   /* Sekundär-Blau: Links, Icons, dezente Akzente */
  --color-steel-dark:    #2F6E9C;
  --color-steel-50:      #E6F0F8;

  /* ── Neutrals ── */
  --color-cream:         #F5F3EE;   /* warmer Off-White: alternierende Sektionen */
  --color-white:         #FFFFFF;
  --color-bg:            #FFFFFF;
  --color-bg-alt:        #F5F3EE;
  --color-surface:       #FFFFFF;
  --color-border:        #DDE3EE;
  --color-border-soft:   #ECEFF5;

  --color-text:          #0F1923;   /* Haupttext */
  --color-text-muted:    #5C6470;   /* Sekundärtext */
  --color-text-inverse:  #FFFFFF;   /* Text auf dunklem Grund */
  --color-text-on-dark-muted: rgba(255,255,255,0.72);

  /* ── Semantisch ── */
  --color-success:       #2E9E6B;
  --color-success-bg:    #ECF8F2;
  --color-warning:       #D9952B;
  --color-error:         #D2493C;

  /* ── Typografie ── */
  --font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Fluid type scale (clamp: min, vw, max) */
  --text-xs:    0.78rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    clamp(1.2rem, 1.05rem + 0.6vw, 1.4rem);
  --text-2xl:   clamp(1.45rem, 1.2rem + 1.1vw, 1.9rem);
  --text-3xl:   clamp(1.8rem, 1.4rem + 1.9vw, 2.6rem);
  --text-4xl:   clamp(2.2rem, 1.6rem + 3vw, 3.6rem);
  --text-5xl:   clamp(2.6rem, 1.8rem + 4vw, 4.4rem);

  --leading-tight: 1.12;
  --leading-snug:  1.3;
  --leading-base:  1.65;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;
  --weight-extra:   800;

  --tracking-wide:  0.08em;
  --tracking-wider: 0.16em;

  /* ── Abstände ── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ── Layout ── */
  --container:      1200px;
  --container-narrow: 820px;
  --gutter:         clamp(1.1rem, 4vw, 2.5rem);
  --section-y:      clamp(3.5rem, 6vw, 6.5rem);

  /* ── Form & Schatten ── */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-full: 9999px;

  --shadow-sm:  0 1px 3px rgba(12,26,46,0.06);
  --shadow-md:  0 8px 24px rgba(12,26,46,0.08);
  --shadow-lg:  0 18px 48px rgba(12,26,46,0.12);
  --shadow-gold:0 10px 28px rgba(201,165,90,0.30);

  /* ── Transitions ── */
  --t-fast: 150ms ease;
  --t-base: 240ms cubic-bezier(.4,0,.2,1);
  --t-slow: 420ms cubic-bezier(.4,0,.2,1);
}