/* Type scale — 16px base. Display sizes are for hero/section heads only. */
:root{
  --fs-3xs:.6875rem; /* 11 */
  --fs-2xs:.75rem;   /* 12 */
  --fs-xs:.8125rem;  /* 13 */
  --fs-sm:.875rem;   /* 14 */
  --fs-base:1rem;    /* 16 */
  --fs-md:1.125rem;  /* 18 */
  --fs-lg:1.25rem;   /* 20 */
  --fs-xl:1.5rem;    /* 24 */
  --fs-2xl:1.875rem; /* 30 */
  --fs-3xl:2.25rem;  /* 36 */
  --fs-4xl:2.75rem;  /* 44 */
  --fs-5xl:3.5rem;   /* 56 */
  --fs-6xl:4.5rem;   /* 72 */

  --lh-tight:1.06; /* @kind other */
  --lh-snug:1.18; /* @kind other */
  --lh-heading:1.24; /* @kind other */
  --lh-normal:1.5; /* @kind other */
  --lh-relaxed:1.62; /* @kind other */

  --fw-light:300; /* @kind font */ --fw-regular:400; /* @kind font */ --fw-medium:500; /* @kind font */ --fw-semibold:600; /* @kind font */ --fw-bold:700; /* @kind font */

  --ls-mega:-.02em; /* @kind other */
  --ls-tight:-.01em; /* @kind other */
  --ls-normal:0; /* @kind other */
  --ls-wide:.04em; /* @kind other */
  --ls-wider:.09em; /* @kind other */   /* eyebrows */
  --ls-widest:.18em; /* @kind other */  /* wordmark-style caps lock-ups */

  /* Semantic roles */
  --type-hero-size:var(--fs-5xl);        --type-hero-weight:var(--fw-light); /* @kind font */
  --type-display-size:var(--fs-4xl);     --type-display-weight:var(--fw-light); /* @kind font */
  --type-h1-size:var(--fs-3xl);          --type-h1-weight:var(--fw-regular); /* @kind font */
  --type-h2-size:var(--fs-2xl);          --type-h2-weight:var(--fw-regular); /* @kind font */
  --type-h3-size:var(--fs-xl);           --type-h3-weight:var(--fw-medium); /* @kind font */
  --type-h4-size:var(--fs-md);           --type-h4-weight:var(--fw-semibold); /* @kind font */
  --type-body-size:var(--fs-base);       --type-body-weight:var(--fw-regular); /* @kind font */
  --type-small-size:var(--fs-sm);        --type-small-weight:var(--fw-regular); /* @kind font */
  --type-caption-size:var(--fs-xs);      --type-caption-weight:var(--fw-regular); /* @kind font */
  --type-eyebrow-size:var(--fs-2xs);     --type-eyebrow-weight:var(--fw-medium); /* @kind font */
  --type-price-size:var(--fs-xl);        --type-price-weight:var(--fw-medium); /* @kind font */
  --type-button-size:var(--fs-sm);       --type-button-weight:var(--fw-semibold); /* @kind font */
}