/* ==========================================================================
   Haut „Korn" — Hafer und Roggen auf warmem Papier, Nordseeblau als Akzent.

   Der Grundton kommt aus dem Anschnitt eines Mischbrots, die Bühne aus der
   Roggenkruste. Das Blau ist aus der Ladenbeschriftung und den Hemden des
   Verkaufsteams genommen — die einzige kühle Farbe, und sie sitzt nur in
   Linien, Etiketten und Ziffern.

   Anders als „Ziegel" und „Sandstein": heller Grund, kühler Akzent statt
   warmem. Passt zu Bäckerei, Café, Konditorei, Hofladen.
   ========================================================================== */
:root {
  --c-green: #43301f;        /* Bühne: dunkle Roggenkruste */
  --c-green-2: #57402c;
  --c-green-deep: #2e2015;

  --c-paper: #faf4e8;        /* Papier: heller Haferton */
  --c-paper-2: #f2e9d7;
  --c-sand: #e8dcc2;
  --c-white: #fffdf8;

  --c-ink: #2b2116;
  --c-muted: #6e6151;
  --c-faint: #a2937e;

  --c-red: #2f5d7c;          /* Nordseeblau — Linien, Ziffern, Etiketten */

  --on-green: rgba(250, 244, 232, 0.78);
  --line: rgba(43, 33, 22, 0.14);
  --line-strong: rgba(43, 33, 22, 0.32);
  --line-light: rgba(250, 244, 232, 0.22);

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

  --t-display: clamp(2.3rem, 1.4rem + 4.4vw, 4.8rem);   --lh-display: 1.06;
  --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: 250, 244, 232;
  --buehne-rgb: 67, 48, 31;
  --c-sand-text: #6a5b48;
  --c-on-stage: var(--c-paper);
  --schatten-rgb: 45, 32, 20;
}