/* =============================================================================
   WOS Pro · LP-Components · Tokens-Schicht 2 — wachstum-group.css
   =============================================================================
   Marken-Wertbelegung für die Wachstum Group (gelebte Dachmarke).

   Lade-Reihenfolge: _base.css ZUERST, dann diese Datei.

   DARK THEME. Die Live-Site wachstum.group ist im iPhone-17-Pro-Stil gebaut
   (apple.com/de/iphone-17-pro): tiefschwarzer Hintergrund, Apple-Anthrazit als
   Flächen, große weiße Display-Headlines, scroll-getriebenes Storytelling,
   Akzentfarbe nur sparsam. Das ist der Qualitäts-Nordstern für den WG-Relaunch
   (Session 3.1) UND als Output-Messlatte für alle Eigen-Sites.

   Markenfarben am 18.06.2026 GERENDERT auf wachstum.group gemessen (Chrome,
   getComputedStyle — nicht aus dem Quelltext geraten). Die „zwei Herzen" der
   Marke spiegeln sich in zwei Akzenten: Orange (warm) + Cyan (kühl).
   Hintergrund-Abstufungen aus den gemessenen Werten abgeleitet.
   ============================================================================ */

:root {

  /* --- Farben (DARK) — gemessen = gerendert von der Live-Site ------------- */
  --color-primary:        #FE791B;             /* Orange — warmes Herz, Akzent/CTA (gemessen) */
  --color-secondary:      #00F0FF;             /* Cyan — kühles Herz, zweiter Akzent (gemessen) */
  --color-bg:             #000000;             /* Schwarz — Seiten-Hintergrund (gemessen) */
  --color-bg-warm:        #1D1D1F;             /* Apple-Anthrazit — Sektion/Surface (gemessen) */
  --color-bg-wash:        #0A0A0A;             /* leicht angehobenes Schwarz (abgeleitet) */
  --color-ink:            #FFFFFF;             /* Weiß — Text/Headlines (gemessen) */
  --color-ink-soft:       #8A929E;             /* gedämpftes Grau-Blau — Sekundärtext (gemessen) */
  --color-line:           rgba(255, 255, 255, 0.12);  /* helle Linie auf Dunkel */

  --color-primary-strong: #E0670F;             /* dunkleres Orange — Hover/Verlauf (abgeleitet) */
  --color-primary-soft:   rgba(254, 121, 27, 0.28);  /* Orange-Schimmer — Rahmen/Glow (abgeleitet) */
  --color-surface:        #1D1D1F;             /* Karten-/Box-Fläche auf Schwarz (gemessen) */
  --color-on-primary:     #000000;             /* schwarzer Text auf Orange-CTA (Kontrast; weiß auf Orange fällt durch). Im WG-Build gegen die Live-Site prüfen */

  /* --- Abstände ------------------------------------------------------------ */
  --space-xs:   8px;
  --space-s:    16px;
  --space-m:    24px;
  --space-l:    40px;
  --space-xl:   64px;
  --space-xxl:  96px;

  /* --- Typografie (gemessen: Plus Jakarta Sans + Inter) ------------------- */
  --font-headline: 'Plus Jakarta Sans', -apple-system, system-ui, sans-serif;
  --font-body:     'Inter', -apple-system, system-ui, sans-serif;
  --font-accent:   'Plus Jakarta Sans', -apple-system, system-ui, sans-serif;

  --font-scale-h1:    clamp(2.2rem, 6vw, 3.6rem);
  --font-scale-h2:    clamp(1.6rem, 4vw, 2.2rem);
  --font-scale-h3:    1.15rem;
  --font-scale-body:  1.0625rem;
  --font-scale-small: 0.85rem;

  /* --- Radius (abgeleitet, im WG-Build justieren) ------------------------- */
  --radius-card: 14px;
  --radius-pill: 100px;

  /* --- Schatten (auf Dunkel dezenter, abgeleitet) ------------------------- */
  --shadow-soft: 0 18px 40px -20px rgba(0, 0, 0, 0.6);

}

/* -----------------------------------------------------------------------------
   Beobachtet, aber NICHT als Kern-Token gesetzt (im WG-Build klären):
   - Blau #008FFF taucht gerendert häufig auf (evtl. Link/Interaktiv-Blau oder
     Glow/Verlauf). Daniel nennt als Marken-Akzente bewusst Orange + Cyan.
   - Display-Headlines der Live-Site sind deutlich größer als --font-scale-h1
     (Apple-Tier). Für den WG-Build ggf. eine eigene --font-scale-display
     plus viewport-große Sektions-Abstände — bewusst noch nicht aufgenommen
     (konservativ, kommt mit der ersten echten WG-Komponente).
   ---------------------------------------------------------------------------- */