body {
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  font-weight: var(--fw-regular);
  color: var(--color-text);
  line-height: 1.6;
  letter-spacing: var(--ls-base);
}

/* ── Serif display ── */
.serif {
  font-family: var(--font-serif);
}

h1, h2, h3,
.hero-title,
.hero-collection,
.bio-name,
.collab-intro-title,
.social-title,
.modal-title {
  font-family: var(--font-serif);
  font-weight: var(--fw-light);
  line-height: 1.1;
  letter-spacing: var(--ls-wide);
}

/* ── Eyebrows ── */
.hero-eyebrow,
.prelaunch-eyebrow,
.bio-eyebrow,
.collab-intro-eyebrow,
.modal-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-widest);
  text-transform: uppercase;
  color: var(--color-text-light);
}

/* ── Quotes ── */
blockquote,
.bio-philosophy {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: var(--fw-light);
  font-size: var(--fs-lg);
  line-height: 1.5;
  letter-spacing: var(--ls-base);
}

/* ── Captions / labels ── */
.caption,
.timeline-year,
.collab-category,
.runway-overlay-collection {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
}