/* Type tokens — from assets/base.scss + templates/index.json (heading sizes are desktop px; scale 100%). */
:root{
  --font-body-family:'Graphik',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-heading-family:var(--font-body-family);
  --font-accent-mono:'VCR OSD Mono',ui-monospace,monospace;   /* eyebrow / accent labels ("accent_font": "vcr") */
  --font-display-inktrap:'ABC Whyte Inktrap',sans-serif;      /* campaign display */
  --font-display-serif:'Editorial New',serif;                 /* campaign display */
  --font-grotesk:'Monument Grotesk',sans-serif;               /* campaign body */
  --font-serif-times:'Times Custom',Times,serif;              /* editorial accents */
  --font-body-weight:400;
  --font-heading-weight:500;
  --font-body-style:normal;
  --font-heading-style:normal;
  --font-body-scale:1;
  --font-heading-scale:1;
  /* scale (desktop / mobile) */
  --text-hero:72px;            /* hero heading, weight 500, ls -2px (index.json) */
  --text-hero-mobile:36px;
  --text-hxl:62px;             /* .hxl (6.2rem) */
  --text-h0:52px;              /* .h0 */
  --text-h1:40px;              /* h1 (30px mobile) */
  --text-h2:24px;              /* h2 (20px mobile) */
  --text-h3:18px;              /* h3 (17px mobile) */
  --text-h4:15px;
  --text-h5:13px;
  --text-body:15px;            /* .text-body, ls .6px */
  --text-button:15px;
  --text-caption:12px;
  --text-eyebrow:14px;         /* uppercase, w600 (subtitle in hero) */
  --text-card-title:13px;      /* product card heading, w400 */
  --text-card-price:12px;      /* opacity .8 */
  --ls-hero:-2px;
  --ls-body:0.6px;
  --ls-caps:1.3px;             /* .caption-with-letter-spacing */
  --lh-heading:1.1; /* @kind other */
  --lh-body:1.55; /* @kind other */
}