/* ==========================================================================
   Haut „Schollen" — Vorbild Aeline (muster.md Nr. 10).

   Die Seite liegt auf grauem Grund; Abschnitte sind gerundete Flächen mit
   einer sichtbaren Fuge dazwischen. Der Abschnittswechsel ist also weder
   Kante noch Verlauf, sondern ein Spalt — verträgt sich mit der Regel gegen
   Verlaufsübergänge.

   Zwei Töne derselben Farbe: ein tiefer für Text und Knöpfe, ein greller
   für genau **ein** Element auf der Seite.

   Passt zu Praxen, Vereinen, Ferienwohnungen, allem Freundlichen.
   ========================================================================== */
:root {
  --c-green: #33502f;        /* Bühne: tiefes Laubgrün */
  --c-green-2: #446a3d;
  --c-green-deep: #24391f;

  --c-paper: #fbfcfa;        /* die Schollen */
  --c-paper-2: #f1f4ee;
  --c-sand: #e6ece1;
  --c-white: #ffffff;

  --c-ink: #1b2418;
  --c-muted: #5c6858;
  --c-faint: #8e9a8a;

  --c-red: #4f7a44;          /* der tiefe Ton — Akzentwörter, Linien */
  --c-signal: #cfe94a;       /* der grelle Ton — genau ein Element je Seite */

  --on-green: rgba(251, 252, 250, 0.78);
  --line: rgba(27, 36, 24, 0.12);
  --line-strong: rgba(27, 36, 24, 0.28);
  --line-light: rgba(251, 252, 250, 0.22);

  --font-display: "Jost", "Futura", sans-serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;

  --t-display: clamp(2.3rem, 1.4rem + 4.2vw, 4.6rem);   --lh-display: 1.08;
  --t-h2: clamp(1.6rem, 1.3rem + 1.8vw, 2.7rem);        --lh-h2: 1.14;
  --t-h3: clamp(1.08rem, 1rem + 0.45vw, 1.3rem);        --lh-h3: 1.32;
  --t-body: clamp(1rem, 0.96rem + 0.25vw, 1.06rem);     --lh-body: 1.74;
  --t-small: 0.9rem;
  --t-micro: 0.73rem;

  --sp-1: 0.5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem; --sp-6: 3rem;
  --section-y: clamp(3rem, 2.2rem + 4.5vw, 6rem);
  --head-gap: clamp(2rem, 1.5rem + 3vw, 3.5rem);
  --wrap-max: 74rem;
  --wrap-x: clamp(1.25rem, 4vw, 3rem);

  /* kräftige Rundungen — die Schollen selbst */
  --radius-s: 0.6rem;
  --radius-m: 1rem;
  --radius-l: clamp(1.1rem, 2vw, 1.5rem);
  --radius-scholle: clamp(1.1rem, 2.2vw, 1.75rem);
  --radius-pill: 999px;

  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --papier-rgb: 251, 252, 250;
  --buehne-rgb: 51, 80, 47;
  --c-sand-text: #4f5c4b;
  --c-on-stage: var(--c-paper);
  --schatten-rgb: 20, 30, 18;

  /* Der Seitengrund, der zwischen den Schollen sichtbar bleibt */
  --c-grund: #e5e9e2;
  --fuge: clamp(0.5rem, 1.2vw, 0.9rem);
}