/* =========================================================
   Typography — one family, four weights, fluid display sizes.
   With color stripped back to monochrome, type carries the
   entire hierarchy.
   ========================================================= */
:root {
  /* display — fluid */
  --type-display-0: clamp(38px, 5vw, 70px);    /* dark feature, closing CTA */
  --type-display-1: clamp(38px, 4.6vw, 62px);  /* hero banner title */
  --type-display-2: clamp(32px, 4vw, 52px);    /* section title */
  --type-quote:     clamp(28px, 4vw, 52px);    /* pull quote */

  /* fixed */
  --type-h1-product: 44px;   /* PDP title, uppercase; 34px on mobile */
  --type-h2: 32px;
  --type-h2-lg: 36px;        /* reviews */
  --type-h3: 28px;
  --type-h4: 24px;
  --type-h5: 20px;
  --type-h6: 18px;

  --type-lead: 17px;
  --type-lead-dark: 16px;
  --type-body: 15px;
  --type-body-sm: 14px;
  --type-caption: 13px;
  --type-label: 12px;
  --type-eyebrow: 11px;
  --type-eyebrow-photo: 13px;
  --type-micro: 9px;

  /* line heights */
  --leading-display-0: 1.0;
  --leading-display-1: 1.06;
  --leading-display-2: 1.04;
  --leading-heading: 1.08;
  --leading-quote: 1.12;
  --leading-body: 1.55;
  --leading-body-loose: 1.75;
  --leading-lead: 1.6;

  /* tracking */
  --tracking-display-tight: -0.025em;
  --tracking-display: -0.02em;
  --tracking-heading: -0.015em;
  --tracking-heading-sm: -0.01em;
  --tracking-body: 0;
  --tracking-label: 0.14em;
  --tracking-eyebrow: 0.24em;
  --tracking-eyebrow-photo: 0.28em;
  --tracking-eyebrow-wide: 0.34em;
  --tracking-button-hero: 0.18em;

  /* measure */
  --measure-banner: 15ch;
  --measure-hero: 16ch;
  --measure-hero-home: 24ch;
  --measure-lead: 680px;
  --measure-body: 700px;
  --measure-head-center: 760px;
  --measure-cta: 900px;
  --measure-quote: 1000px;
}