/* ============================================================
   lean.loewe — ZENTRALE TYPOGRAFIE
   Einzige Quelle für die Schriftgrößen der wiederkehrenden
   Blöcke. Hier ändern = auf ALLEN Seiten geändert.
   Eingebunden via <link rel="stylesheet" href="/type.css?v=1">
   ============================================================ */
:root{
  /* Schrift-Skala (clamp = responsiv: min, ideal, max) */
  --fs-eyebrow: 12.5px;                 /* kleine Rubrik über Überschriften */
  --fs-hero:    clamp(34px, 7.6vw, 62px); /* Hero-Titel (.hero h1)          */
  --fs-h2:      clamp(27px, 5vw, 42px);   /* Section-Überschrift            */
  --fs-h3:      clamp(19px, 2.6vw, 23px); /* Unter-Überschrift              */
  --fs-lead:    clamp(16px, 2.2vw, 19px); /* Lead-/Intro-Absatz             */
  --fs-body:    16px;                     /* Fließtext                      */

  /* zugehörige Detail-Werte */
  --ls-eyebrow: 2.5px;
  --ls-hero:   -1.4px;
  --ls-h2:     -0.6px;
}

/* Basis-Regeln: NUR Schrift-Eigenschaften, keine Farben/Abstände
   (die bleiben pro Seite, damit Layout/Brand unangetastet bleibt). */
.eyebrow{
  font-size: var(--fs-eyebrow);
  font-weight: 700;
  letter-spacing: var(--ls-eyebrow);
  line-height: 1.2;
  text-transform: uppercase;
}
.hero h1{
  font-size: var(--fs-hero);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: var(--ls-hero);
}
h2{
  font-size: var(--fs-h2);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: var(--ls-h2);
}
p.lead{
  font-size: var(--fs-lead);
  line-height: 1.6;
}