/* ============================================================
   Herzcheck Berlin — Design Tokens (Neubau)
   Werte 1:1 aus der Live-Site herzcheckberlin.de gemessen
   ============================================================ */

:root {
  /* Farben — Salbeigrün + warmes Creme (aus custom-v2.css extrahiert) */
  --creme:            #f5f3ed;    /* Seitengrund */
  --creme-dunkel:     #ede9df;    /* abgesetzte Bänder */
  --weiss:            #ffffff;    /* Karten */

  --gruen:            #2b7d54;    /* Buttons / Akzent */
  --gruen-hell:       #3a9a6a;    /* Hover */
  --gruen-tief:       #1c2723;    /* dunkle Sektionen (Symptome, Kontakt) */
  --gruen-schleier:   rgba(43,125,84,0.10);

  --tinte:            #151918;    /* Fließtext, Headline */
  --tinte-weich:      #4b5854;    /* Sekundärtext */
  --tinte-linie:      rgba(21,25,24,0.10);
  --tinte-rand:       rgba(21,25,24,0.18);

  --auf-dunkel:       #ffffff;
  --auf-dunkel-weich: rgba(255,255,255,0.72);
  --auf-dunkel-linie: rgba(255,255,255,0.14);

  /* Typografie */
  --sans: "Avenir Next", "Avenir Next Cyr", "Avenir",
          -apple-system, BlinkMacSystemFont, "Segoe UI",
          Helvetica, Arial, sans-serif;

  /* Fluide Größen (aus dem Live-CSS) */
  --t-h1:    clamp(2.5rem, 1.4rem + 4.0vw, 6.0rem);   /* 40 → 72 */
  --t-h2:    clamp(2.1rem, 1.35rem + 3.4vw, 4.5rem);   /* 34 → 56 */
  --t-h3:    clamp(1.35rem, 1.15rem + 0.8vw, 1.75rem);/* 22 → 28 */
  --t-gross: clamp(1.05rem, 0.95rem + 0.5vw, 1.35rem); /* 17 → 19 */
  --t-text:  1rem;
  --t-klein: 0.875rem;

  /* Raster */
  --max:          1440px;
  --rand-seite:   clamp(20px, 4vw, 56px);
  --pad-sektion:  clamp(72px, 10vw, 132px);

  /* Radien */
  --r-s:    10px;
  --r-m:    18px;
  --r-l:    32px;
  --r-pill: 999px;

  /* Federkurven */
  --feder:  cubic-bezier(0.34, 1.15, 0.44, 1);
  --weich:  cubic-bezier(0.22, 1, 0.36, 1);
}