/* ==========================================================================
   Haut „Nussbaum" — Olivgrund auf grünstichigem Papier, Nussbaum als Akzent.

   Gebaut für brake – die tischlerei, nachdem der erste Anlauf die Haut
   „Korn" wiederverwendet hatte — Korn ist Bruhns' Farbwelt. Jans Regel
   seither: **jede neue Seite bekommt ihre eigene Haut.**

   Die Farben kommen aus dem Betrieb: Die Marke von brake ist grün, aber die
   dunklen Grün-Häute sind vergeben — deshalb wandert das Grün hierhin, wo es
   noch niemand trägt: als dunkle Olive, wie geöltes Lärchenholz im Schatten,
   auf einem Papier mit leichtem Grünstich. Der Akzent ist Nussbaum — das
   rötliche Braun der Yacht-Kabine, ihres besten Fotos.

   Abgrenzung: Alle Braun-Häute (Korn #43301f, Klinker #43302a, Sandstein
   #3b2f26, Ziegel #5c2f24) haben ein warmes Braun als *Bühne* — hier ist die
   Bühne oliv und das Braun nur Akzent. Die Grün-Häute (#0f3a31, #22332e,
   #33502f) sind kühle Blaugrüne; Olive ist gelbstichig.

   Passt zu Tischlerei, Garten- und Landschaftsbau, Naturhandwerk.
   ========================================================================== */
:root {
  /* Grün — die Bühne. Dunkle Olive, gelbstichig, kein Blauanteil. */
  --c-green: #3a3f24;
  --c-green-2: #4c5330;
  --c-green-deep: #272b17;

  /* Papier — heller Grünstich, wie unbehandeltes helles Holz. */
  --c-paper: #f6f5ec;
  --c-paper-2: #edecdd;
  --c-sand: #e0dfc9;
  --c-white: #ffffff;

  /* Tinte */
  --c-ink: #23251a;
  --c-muted: #66684f;
  --c-faint: #7f8166;

  /* Akzent: Nussbaum — das Rotbraun der Yacht-Kabine. */
  --c-red: #8a4d2e;

  --on-green: rgba(246, 245, 236, 0.78);
  --line: rgba(35, 37, 26, 0.14);
  --line-strong: rgba(35, 37, 26, 0.32);
  --line-light: rgba(246, 245, 236, 0.22);

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

  --t-display: clamp(2.4rem, 1.4rem + 4.6vw, 5rem);     --lh-display: 1.05;
  --t-h2: clamp(1.65rem, 1.3rem + 1.9vw, 2.8rem);       --lh-h2: 1.12;
  --t-h3: clamp(1.1rem, 1.02rem + 0.5vw, 1.35rem);      --lh-h3: 1.3;
  --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.4rem;
  --radius-m: 0.8rem;
  --radius-l: clamp(0.8rem, 1.6vw, 1.2rem);
  --radius-pill: 999px;

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

  --papier-rgb: 246, 245, 236;
  --buehne-rgb: 58, 63, 36;
  --c-sand-text: #62644a;
  --c-on-stage: var(--c-paper);
  --schatten-rgb: 39, 43, 23;
}