/* ============================================================
   PrivacyBee — Typography scale
   Inter. H1 36–48/700 · H2 28–36/700 · Body 15–17/400
   Übernommen aus dem PrivacyBee-Designsystem, unverändert.
   ============================================================ */

:root {
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extra:    800;

  --fs-display: 60px;
  --fs-h1:      44px;
  --fs-h2:      32px;
  --fs-h3:      24px;
  --fs-h4:      20px;
  --fs-lg:      18px;
  --fs-body:    16px;
  --fs-sm:      14px;
  --fs-xs:      13px;
  --fs-eyebrow: 14px;

  --lh-tight:   1.1;
  --lh-snug:    1.25;
  --lh-heading: 1.2;
  --lh-body:    1.6;
  --lh-relaxed: 1.7;

  --ls-tight:   -0.02em;
  --ls-snug:    -0.01em;
  --ls-normal:  0;
  --ls-wide:    0.04em;
  --ls-eyebrow: 0.08em;

  --text-display-size: var(--fs-display);
  --text-h1-size:      var(--fs-h1);
  --text-h2-size:      var(--fs-h2);
  --text-h3-size:      var(--fs-h3);
}

.pb-display {
  font: var(--weight-bold) var(--fs-display) / var(--lh-tight) var(--font-display);
  letter-spacing: var(--ls-tight);
  color: var(--text-strong);
}
.pb-h1 {
  font: var(--weight-bold) var(--fs-h1) / var(--lh-heading) var(--font-display);
  letter-spacing: var(--ls-tight);
  color: var(--text-strong);
}
.pb-h2 {
  font: var(--weight-bold) var(--fs-h2) / var(--lh-heading) var(--font-display);
  letter-spacing: var(--ls-snug);
  color: var(--text-strong);
}
.pb-h3 {
  font: var(--weight-semibold) var(--fs-h3) / var(--lh-snug) var(--font-display);
  letter-spacing: var(--ls-snug);
  color: var(--text-strong);
}
.pb-lead {
  font: var(--weight-regular) var(--fs-lg) / var(--lh-relaxed) var(--font-sans);
  color: var(--text-body);
}
.pb-body {
  font: var(--weight-regular) var(--fs-body) / var(--lh-body) var(--font-sans);
  color: var(--text-body);
}
.pb-eyebrow {
  font: var(--weight-semibold) var(--fs-eyebrow) / 1.2 var(--font-sans);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--text-muted);
}