/* ==========================================================================
   Haut „Porzellan" — warmes Cremeweiß wie die Instagram-Poster von No25
   Beauty, Tinte in Espresso-Schwarz, ein einziger Akzent in Taupe-Rosé.
   Gebaut für No25 Beauty (Bad Zwischenahn): Korean Lash Lift, Brow Lift,
   „Natural • Clean • Elegant". Serifen-Display (Fraunces) und Jost als
   Lesestimme. Abgrenzung zu thebeautyspell (Leer, Blush/Espresso mit
   Bogenmasken): hier kein Blush, keine Bögen — Poster-Ästhetik mit
   Linienzeichnung, Papierton und ruhigen Kanten.
   ========================================================================== */
:root {
  --c-green: #1d1917;
  --c-green-2: #2a2522;
  --c-green-deep: #14110f;

  --c-paper: #f4efe8;
  --c-paper-2: #ece5db;
  --c-sand: #e2d8cb;
  --c-white: #fbf9f5;

  --c-ink: #1d1917;
  --c-muted: #5f574f;
  --c-faint: #8a817a;

  --c-red: #b08b7d;

  --on-green: rgba(244, 239, 232, 0.8);
  --line: rgba(29, 25, 23, 0.14);
  --line-strong: rgba(29, 25, 23, 0.32);
  --line-light: rgba(244, 239, 232, 0.22);

  --font-display: "Fraunces", "Georgia", serif;
  --font-sans: "Jost", "Helvetica Neue", Arial, sans-serif;

  --t-display: clamp(2.6rem, 1.4rem + 5.4vw, 6rem);     --lh-display: 1.02;
  --t-h2: clamp(1.7rem, 1.3rem + 2vw, 2.9rem);          --lh-h2: 1.08;
  --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.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 + 5vw, 7.5rem);
  --head-gap: clamp(2rem, 1.5rem + 3vw, 3.5rem);
  --wrap-max: 76rem;
  --wrap-x: clamp(1.25rem, 4vw, 3rem);

  --radius-s: 0.3rem;
  --radius-m: 0.6rem;
  --radius-l: clamp(0.8rem, 1.4vw, 1.2rem);
  --radius-pill: 999px;

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

  --papier-rgb: 244, 239, 232;
  --buehne-rgb: 29, 25, 23;
  --c-sand-text: #5f574f;
  --c-on-stage: var(--c-paper);
  --schatten-rgb: 20, 17, 15;
}
h1, h2, h3, .display { letter-spacing: -0.01em; }