/* ==========================================================================
   Haut „Salzgrün" — Marschgrün und Wattgrau, Messing als Akzent.

   Vorbild MNTN (muster.md Nr. 13): nur zwei Farben, die Akzentfarbe
   ausschließlich in Haarlinien und Etiketten, nie flächig. Der Grundton ist
   so gewählt, dass ein Foto nach unten in ihn auslaufen kann.

   Passt zu Landgasthof, Fähre, Wasser, allem am Deich.
   ========================================================================== */
:root {
  --c-green: #22332e;        /* Bühne: nasses Marschgrün */
  --c-green-2: #2f453e;
  --c-green-deep: #182420;

  --c-paper: #f6f5f0;
  --c-paper-2: #ebe9e1;
  --c-sand: #dfded4;
  --c-white: #ffffff;

  --c-ink: #1a231f;
  --c-muted: #5b6660;
  --c-faint: #8d968f;

  --c-red: #a8823c;          /* Messing — nur Linien, Etiketten, Fußzeilen */

  --on-green: rgba(246, 245, 240, 0.76);
  --line: rgba(26, 35, 31, 0.13);
  --line-strong: rgba(26, 35, 31, 0.3);
  --line-light: rgba(246, 245, 240, 0.2);

  /* Serife für Überschriften, Grotesk für Text — die MNTN-Paarung */
  --font-display: "Jost", "Iowan Old Style", Georgia, serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;

  --t-display: clamp(2.2rem, 1.3rem + 4.2vw, 4.6rem);   --lh-display: 1.12;
  --t-h2: clamp(1.6rem, 1.25rem + 1.8vw, 2.6rem);       --lh-h2: 1.18;
  --t-h3: clamp(1.1rem, 1.02rem + 0.5vw, 1.35rem);      --lh-h3: 1.32;
  --t-body: clamp(0.98rem, 0.95rem + 0.22vw, 1.05rem);  --lh-body: 1.8;
  --t-small: 0.9rem;
  --t-micro: 0.72rem;

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

  --radius-s: 0.2rem;        /* scharfkantig wie bei MNTN */
  --radius-m: 0.3rem;
  --radius-l: 0.4rem;
  --radius-pill: 999px;

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

  --papier-rgb: 246, 245, 240;
  --buehne-rgb: 34, 51, 46;
  --c-sand-text: #55605a;
  --c-on-stage: var(--c-paper);
  --schatten-rgb: 16, 24, 21;
}