/* Wisdom Heroes · Design Tokens
   Gemessen an der Hypno School Referenzseite. Farben nur hier aendern. */

:root {
  color-scheme: light only;   /* verhindert automatisches Abdunkeln durch Browser und iOS */
  /* Dunkle Flaechen */
  --tief:         #3B1249;   /* Hauptdunkel, Hero und dunkle Sektionen */
  --tief-schein:  #5C2070;   /* heller Schimmer im Verlauf, oben rechts */
  --tief-2:       #2A0B34;   /* noch tiefer, Footer */
  --leiste:       #4C1A5D;   /* Headerleiste, Markenlila statt Grau */
  --tief-karte:   #4C1A5D;   /* Karte auf dunklem Grund */

  /* Helle Flaechen */
  --weiss:        #FFFFFF;
  --sanft:        #F7F2F8;   /* helle Sektion */
  --badge-bg:     #F4EDF6;   /* Pill-Hintergrund */
  --linie:        #E5E3E6;

  /* Marke */
  --beere:        #74166A;
  --beere-hell:   #8E2B84;
  --orange:       #F7A600;
  --orange-hell:  #FFC44D;
  --grau:         #575756;

  /* Text */
  --text:              #1A0623;
  --text-sanft:        #575756;
  --text-invers:       #FFFFFF;
  --text-invers-sanft: rgba(255,255,255,0.72);

  /* Schrift */
  --font-headline: "Poppins", "Trebuchet MS", sans-serif;
  --font-text:     "Source Sans 3", -apple-system, "Segoe UI", Arial, sans-serif;

  --fs-h1:    clamp(2.2rem, 1.3rem + 3.4vw, 4.2rem);
  --fs-h2:    clamp(1.8rem, 1.2rem + 2.2vw, 3.1rem);
  --fs-h3:    clamp(1.15rem, 1rem + 0.7vw, 1.5rem);
  --fs-body:  clamp(1rem, 0.96rem + 0.2vw, 1.15rem);
  --fs-klein: 0.875rem;

  /* Abstaende */
  --raum-1: 0.5rem;  --raum-2: 1rem;   --raum-3: 1.5rem;
  --raum-4: 2.5rem;  --raum-5: 4rem;   --raum-6: 6rem;

  /* Layout */
  --breite-max:  1180px;
  --breite-text: 68ch;
  --radius:      14px;
  --radius-pill: 999px;
  --schatten:    0 2px 14px rgba(26, 6, 35, 0.10);
  --tempo:       180ms ease;
}

@media (prefers-reduced-motion: reduce) { :root { --tempo: 1ms; } }