/* ==========================================================================
   Haut „Farn" — dunkler Moosgrund, Weiß als Tinte, Signalgrün nur als
   kleiner Akzent. Für das Sander-Einzelstück nach GreenSpace (Nr. 5);
   die eigentliche Gestalt steht in styles/eigen.css.
   ========================================================================== */
:root {
  --c-green: #1a2115;
  --c-green-2: #232b1c;
  --c-green-deep: #151a10;

  --c-paper: #f2f4ee;
  --c-paper-2: #e8ebe2;
  --c-sand: #dbdfd2;
  --c-white: #ffffff;

  --c-ink: #161b12;
  --c-muted: #5d6656;
  --c-faint: rgba(242, 244, 238, 0.5);

  /* Signalgrün — nur klein: Dachzeilen, Fokus, Logopunkt. */
  --c-red: #8fce5a;

  --on-green: rgba(242, 244, 238, 0.72);
  --line: rgba(22, 27, 18, 0.14);
  --line-strong: rgba(22, 27, 18, 0.32);
  --line-light: rgba(242, 244, 238, 0.14);

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

  --t-display: clamp(2.1rem, 1.3rem + 3.6vw, 4rem);   --lh-display: 1.18;
  --t-h2: clamp(1.5rem, 1.2rem + 1.5vw, 2.2rem);      --lh-h2: 1.25;
  --t-h3: clamp(1.02rem, 1rem + 0.3vw, 1.2rem);       --lh-h3: 1.35;
  --t-body: clamp(1rem, 0.96rem + 0.25vw, 1.06rem);   --lh-body: 1.72;
  --t-small: 0.9125rem;
  --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 + 4.5vw, 7rem);
  --head-gap: clamp(2rem, 1.5rem + 3vw, 3.5rem);
  --wrap-max: 74rem;
  --wrap-x: clamp(1.25rem, 4vw, 3rem);

  --radius-s: 0.6rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-pill: 999px;

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

  --papier-rgb: 242, 244, 238;
  --buehne-rgb: 21, 26, 16;
  --c-sand-text: #525b49;
  --c-on-stage: var(--c-paper);
  --schatten-rgb: 10, 13, 8;
}

/* Dunkler Grund heißt: Kopfzeile und Fuß schreiben hell. */
.site-header .brand, .site-header .brand-name b, .site-header .brand-name span,
.site-header .main-nav a, .site-header .header-tel {
  color: var(--c-on-stage);
}


/* Revision Nr. 15: das echte Logo im Kopf — grün auf weiß, deshalb als
   weißer Chip auf dem dunklen Grund. */
.site-header .brand img { height: clamp(2.3rem, 3vw, 2.9rem); width: auto; display: block; background: #fff; padding: 0.3rem 0.55rem; border-radius: 0.5rem; }