:root {
  /* ---------- Familien ---------- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif; /* @kind font */
  --font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif; /* @kind font */

  /* ---------- Body ---------- */
  --body-size: 17px; /* @kind font */
  --body-line: 1.65; /* @kind font */
  --body-weight: 400; /* @kind font */

  /* ---------- Display-Skala (fluid, wie auf der Website) ---------- */
  --h1: clamp(2.5rem, 8vw, 6rem); /* @kind font */ /* weight 300 */
  --h2: clamp(2rem, 5vw, 3.5rem); /* @kind font */ /* weight 300 */
  --h3: clamp(1.35rem, 2.5vw, 1.75rem); /* @kind font */ /* weight 400 */
  --h4: 1.3rem; /* @kind font */ /* weight 400 */
  --display-line: 1.08; /* @kind font */
  --display-tracking: -0.01em; /* @kind font */
  --display-opsz: "opsz" 144; /* @kind font */ /* font-variation-settings für Fraunces */

  /* Große Zahlen (Gesamtpreis, Stepper-Werte) */
  --numeral-xl: clamp(3rem, 7vw, 4.5rem); /* @kind font */ /* weight 300, line-height 1 */
  --numeral-l: 1.9rem; /* @kind font */
  --numeral-m: clamp(1.5rem, 2.5vw, 2rem); /* @kind font */

  /* ---------- Fließtext-Größen ---------- */
  --text-lead: clamp(1.05rem, 1.4vw, 1.2rem); /* @kind font */ /* Intro-Absätze, line-height 1.7 */
  --text-base: 1rem; /* @kind font */
  --text-sm: 0.95rem; /* @kind font */
  --text-xs: 0.9rem; /* @kind font */
  --text-2xs: 0.85rem; /* @kind font */
  --text-3xs: 0.8rem; /* @kind font */

  /* ---------- Eyebrow / Label (Versalien) ---------- */
  --eyebrow-size: 0.78rem; /* @kind font */
  --eyebrow-tracking: 0.22em; /* @kind font */
  --eyebrow-weight: 500; /* @kind font */
  --label-size: 0.74rem; /* @kind font */
  --label-tracking: 0.20em; /* @kind font */
  --label-weight: 600; /* @kind font */
  --button-size: 0.9rem; /* @kind font */
  --button-tracking: 0.18em; /* @kind font */
}