/* ═══════════════════════════════════════════════════════════
   MELANIE RADOS DESIGN-TOKENS — Farbwelt „Soft Summer" (Standard)
   Palette: Soft Navy 2E3B4E · Rauchblau 5C7C96 · Stahlblau 3F6280 ·
   Beerenrot 9C4F66 · Salbei 9DB3A4 · Altrosa D3A7A7 · Soft White F7F5F2 ·
   Greige E8E3DC. aqua und sun sind aufgehellte Palettentöne, damit
   Akzente auf dunklen Flächen lesbar bleiben.
   Die frühere Farbwelt „Original" (Cobalt) liegt in farben-original.css.
   ═══════════════════════════════════════════════════════════ */
:root {
  /* Farben: Soft Summer (Standard seit 22.09.2026) */
  --cobalt:  #3F6280;   /* Stahlblau — große Flächen, Links (Weiß darauf 5,9 : 1) */
  --ink:     #2E3B4E;   /* Soft Navy — Text, Footer, dunkle Sektionen */
  --aqua:    #B4C7D6;   /* helles Rauchblau — Akzente auf dunklen Flächen */
  --coral:   #9C4F66;   /* Beerenrot — nur Buttons und Momentum (Weiß darauf 5,6 : 1) */
  --coral-2: #7E3C51;   /* Beerenrot dunkel (Verläufe) */
  --coral-hell: #B06A7E;
  --sun:     #E3C1C1;   /* helles Altrosa — Badges, sparsam */
  --cloud:   #F2EEE8;   /* zwischen Soft White und Greige — heller Grund */
  --white:   #FBFAF7;   /* Soft White statt Reinweiß */
  --fehler:  #9B2C2C;

  /* Eine Farbe je Bad — die Karten sind daran zu erkennen */
  --bad-suedbad: #3F6280;   /* Stahlblau */
  --bad-giesing: #55705F;   /* Salbei dunkel */
  --bad-olympia: #5E6488;   /* gedämpftes Indigo */
  --bad-baby:    #8F6672;   /* Altrosa dunkel */

  /* Typografie */
  --font: "Public Sans", -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;      /* Fließtext */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;                        /* Überschriften, Preise */
  --font-marke: "Tenor Sans", "Public Sans", sans-serif;                                /* nur die Wortmarke */
  --fs-hero: clamp(2.05rem, 6.4vw, 4.2rem);
  --fs-h2:   clamp(1.7rem, 3.6vw, 2.5rem);
  --fs-h3:   clamp(1.2rem, 2vw, 1.45rem);
  --fs-lead: clamp(1.08rem, 1.3vw, 1.2rem);
  --fs-body: clamp(1.0625rem, 1.1vw, 1.125rem);

  /* Form */
  --r-capsule: 220px;
  --r-card: 26px;
  --r-pill: 999px;
  --maxw: 1160px;
  --pad: clamp(1.25rem, 4vw, 3rem);

  /* Schatten */
  --shadow-card: 0 24px 60px rgba(46, 59, 78, 0.12);
  --shadow-cta: 0 16px 40px rgba(156, 79, 102, 0.3);
}