/* ==========================================================================
   Massagepraxis Frank Leuchters — Design-Tokens
   Richtung: ruhige Praxis-Ästhetik in Teal und Mint, weiße Flächen,
   Sans für Überschriften, kursive Serif als Akzentzeile.
   Das Grün nimmt die Praxisfarbe aus den Teamfotos auf; die blau-gelbe
   Bildmarke bleibt unverändert das Logo.
   ========================================================================== */
:root {
  /* Marke */
  --c-teal: #17806a;
  --c-teal-deep: #0d4d40;
  --c-teal-dark: #0a3830;
  --c-teal-soft: #e9f2ef;
  --c-teal-line: #cbdfd8;

  /* Bildmarke (Logo, Akzente) */
  --c-blue: #003882;
  --c-sun: #ffe103;

  /* Flächen und Text */
  --c-white: #ffffff;
  --c-paper: #f6f8f7;
  --c-ink: #12201c;
  --c-muted: #66766f;
  --c-faint: #93a19b;

  --line: rgba(18, 32, 28, 0.1);
  --line-strong: rgba(18, 32, 28, 0.22);
  --line-dark: rgba(255, 255, 255, 0.22);
  --on-dark: rgba(255, 255, 255, 0.76);
  --on-dark-strong: #ffffff;

  /* Typografie */
  --font-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;

  --t-hero: clamp(2.35rem, 1.5rem + 3.4vw, 4.15rem);   --lh-hero: 1.1;
  --t-display: clamp(1.9rem, 1.45rem + 1.9vw, 3rem);   --lh-display: 1.14;
  --t-h3: clamp(1.1rem, 1.02rem + 0.4vw, 1.32rem);     --lh-h3: 1.3;
  --t-lead: clamp(1rem, 0.96rem + 0.3vw, 1.13rem);     --lh-lead: 1.65;
  --t-body: clamp(0.97rem, 0.94rem + 0.2vw, 1.03rem);  --lh-body: 1.75;
  --t-small: 0.9rem;
  --t-micro: 0.78rem;

  /* Rhythmus */
  --section-y: clamp(3.5rem, 2.5rem + 4.5vw, 6.5rem);
  --section-y-tight: clamp(2.5rem, 2rem + 2.5vw, 4rem);
  --head-gap: clamp(2rem, 1.5rem + 2.5vw, 3.25rem);
  --wrap-max: 80rem;
  --wrap-x: clamp(1rem, 3.5vw, 2.5rem);
  --header-h: 4.25rem;

  /* Formen */
  --radius-s: 0.5rem;
  --radius-m: 1rem;
  --radius-l: 1.75rem;
  --radius-pill: 999px;

  /* Motion */
  --dur-fast: 160ms;
  --dur: 340ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 60rem) {
  :root { --header-h: 4.75rem; }
}