/* ── Text styles ──────────────────────────────
   Named bundles of font-size + weight + line-height (+ tracking/case where it's
   part of the style). Pick one rather than hand-mixing the underlying tokens —
   it keeps the canonical combinations aligned across the app. */
.text-display {
  font-size: var(--text-hero);
  font-weight: var(--font-black);
  line-height: var(--leading-tight);
}
.text-display--sm {
  font-size: var(--text-4xl);
  font-weight: var(--font-black);
  line-height: var(--leading-tight);
}
.text-h1 {
  font-size: var(--text-3xl);
  font-weight: var(--font-black);
  line-height: var(--leading-tight);
}
.text-h2 {
  font-size: var(--text-2xl);
  font-weight: var(--font-extrabold);
  line-height: var(--leading-tight);
}
.text-h3 {
  font-size: var(--text-xl);
  font-weight: var(--font-extrabold);
  line-height: var(--leading-tight);
}
.text-body {
  font-size: var(--text-lg);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
}
.text-body-prose {
  font-size: var(--text-lg);
  font-weight: var(--font-bold);
  line-height: var(--leading-normal);
}
.text-label {
  font-size: var(--text-sm);
  font-weight: var(--font-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.text-caption {
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
}