/* The Famous Experience — Typography tokens */
:root {
  /* Families */
  --tfe-font-display: 'Bodoni Moda', 'Didot', Georgia, serif;   /* headlines, numerals, prices */
  --tfe-font-body:    'Archivo', system-ui, -apple-system, sans-serif; /* body, eyebrows, buttons */

  /* Display / heading scale (slide-scale in px; clamp for responsive web) */
  --tfe-display:  clamp(56px, 6vw, 92px);   /* @kind font */ /* Bodoni 500, 80–92 on slides */
  --tfe-h1:       clamp(40px, 4vw, 56px);   /* @kind font */
  --tfe-h2:       clamp(32px, 3vw, 48px);   /* @kind font */ /* Bodoni 600, 36–48 */
  --tfe-h3:       28px;                      /* @kind font */
  --tfe-numeral:  clamp(72px, 8vw, 128px);  /* @kind font */ /* oversized pink stat figures */

  /* Body */
  --tfe-body-lg:  clamp(20px, 1.6vw, 29px); /* @kind font */ /* Archivo 400, 24–29 on slides */
  --tfe-body:     17px;
  --tfe-body-sm:  15px;
  --tfe-caption:  13px;

  /* Eyebrow / label */
  --tfe-eyebrow:  13px;

  /* Weights */
  --tfe-w-display: 500;  /* @kind font */
  --tfe-w-heading: 600;  /* @kind font */
  --tfe-w-body:    400;  /* @kind font */
  --tfe-w-label:   600;  /* @kind font */

  /* Line heights */
  --tfe-lh-tight:  1.04;  /* @kind font */ /* display / headlines */
  --tfe-lh-snug:   1.15;  /* @kind font */
  --tfe-lh-body:   1.5;   /* @kind font */

  /* Tracking */
  --tfe-track-eyebrow: 0.34em;  /* @kind font */ /* tracked uppercase eyebrow / buttons */
  --tfe-track-label:   0.18em;  /* @kind font */
  --tfe-track-display: -0.01em; /* @kind font */
}