/* ==========================================================================
   Haut „Kies" — warmes Steingrau als Bühne, Kalkpapier, Terrakotta.

   Gebaut für Siemer Garten- und Landschaftsbau in Apen. Die Farben kommen
   aus dem Material des Gewerks: Grund wie heller Kies, Bühne wie nasser
   Basalt, Akzent das Terrakottarot ihrer eigenen Pflasterfotos. Bewusst
   KEIN Grün — für einen Gartenbaubetrieb naheliegend, aber Grün trägt
   bereits „Farn" (Sander, gleiches Gewerbeumfeld, 40 km entfernt), und
   Siemers Fotos zeigen ohnehin mehr Stein als Pflanze.

   Von Schiefer (#23262b, kühl-neutral) unterscheidet sich die Bühne durch
   den warmen Olivstich, von Sandstein (#3b2f26, braun) durch das Grau.
   ========================================================================== */
:root {
  --c-green: #35342c;
  --c-green-2: #45443a;
  --c-green-deep: #24231d;

  --c-paper: #f2f0e9;
  --c-paper-2: #e8e5db;
  --c-sand: #dcd8c9;
  --c-white: #ffffff;

  --c-ink: #211f1a;
  --c-muted: #676256;
  --c-faint: #837e6f;

  --c-red: #b0562f;

  --on-green: rgba(242, 240, 233, 0.78);
  --line: rgba(33, 31, 26, 0.14);
  --line-strong: rgba(33, 31, 26, 0.32);
  --line-light: rgba(242, 240, 233, 0.22);

  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino,
                  "Book Antiqua", Georgia, serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;

  --t-display: clamp(2.15rem, 1.35rem + 4vw, 4.5rem);   --lh-display: 1.08;
  --t-h2: clamp(1.55rem, 1.25rem + 1.7vw, 2.55rem);     --lh-h2: 1.16;
  --t-h3: clamp(1.08rem, 1rem + 0.45vw, 1.3rem);        --lh-h3: 1.32;
  --t-body: clamp(1rem, 0.96rem + 0.25vw, 1.07rem);     --lh-body: 1.74;
  --t-small: 0.9125rem;
  --t-micro: 0.74rem;

  --sp-1: 0.5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem; --sp-6: 3rem;
  --section-y: clamp(3.5rem, 2.5rem + 5vw, 7rem);
  --head-gap: clamp(2rem, 1.5rem + 3vw, 3.5rem);
  --wrap-max: 73rem;
  --wrap-x: clamp(1.25rem, 4vw, 3rem);

  --radius-s: 0.25rem;
  --radius-m: 0.45rem;
  --radius-l: clamp(0.5rem, 1vw, 0.7rem);
  --radius-pill: 999px;

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

  --papier-rgb: 242, 240, 233;
  --buehne-rgb: 53, 52, 44;
  --c-sand-text: #625d4c;
  --c-on-stage: var(--c-paper);
  --schatten-rgb: 36, 35, 29;
}