/* ==========================================================================
   Haut „Pedale" — Aubergine, kühles Papier, Limette.

   Für den Zweiradladen Aurich. Die erste Haut in der Violettfamilie —
   Aubergine wie ein Rennrad-Klassiker, die Limette wie Trikotfarbe.
   Nichts im Bestand liegt in dieser Ecke.
   ========================================================================== */
:root {
  --c-green: #3d2a42;
  --c-green-2: #4f3856;
  --c-green-deep: #281a2c;

  --c-paper: #f7f5f8;
  --c-paper-2: #eeeaf0;
  --c-sand: #e2dbe6;
  --c-white: #ffffff;

  --c-ink: #241a27;
  --c-muted: #665a6b;
  --c-faint: #7f7386;

  --c-red: #6f8f1f;

  --on-green: rgba(247, 245, 248, 0.78);
  --line: rgba(36, 26, 39, 0.14);
  --line-strong: rgba(36, 26, 39, 0.32);
  --line-light: rgba(247, 245, 248, 0.22);

  --font-display: "Jost", "Futura", "Century Gothic", 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.6rem, 1.28rem + 1.8vw, 2.7rem);       --lh-h2: 1.14;
  --t-h3: clamp(1.08rem, 1rem + 0.5vw, 1.32rem);        --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.5rem; --radius-m: 0.9rem;
  --radius-l: clamp(0.9rem,1.8vw,1.3rem);
  --radius-pill: 999px;

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

  --papier-rgb: 247, 245, 248;
  --buehne-rgb: 61, 42, 66;
  --c-sand-text: #5e5263;
  --c-on-stage: var(--c-paper);
  --schatten-rgb: 40, 26, 44;
}


/* Revision Runde 1 (Nr. 1): die Bühne soll genau in einen Viewport passen —
   der Fächer wird dafür gedeckelt. */
.stage { min-height: 0; padding-block-end: clamp(1.5rem, 3vh, 2.5rem); }
.fan figure { flex-basis: clamp(4.5rem, 9.5vw, 7.5rem); }
.stage .stage-body { padding-block: clamp(4.2rem, 7vh, 5.5rem) 0; }
.stage h1 { font-size: clamp(2.4rem, 1.4rem + 4vw, 4.6rem); }