:root{
  /* ============ FONT FAMILIES ============ */
  --font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;
  --font-mono:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace;

  /* ============ WEIGHTS ============ */
  --fw-regular:400; /* @kind other */
  --fw-medium:500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:700; /* @kind other */
  --fw-extrabold:800; /* @kind other */

  /* ============ TYPE SCALE (1.25 major-third-ish, tuned) ============ */
  --text-2xs:0.6875rem;  /* 11px */
  --text-xs:0.75rem;     /* 12px */
  --text-sm:0.875rem;    /* 14px */
  --text-base:1rem;      /* 16px */
  --text-md:1.125rem;    /* 18px */
  --text-lg:1.375rem;    /* 22px */
  --text-xl:1.75rem;     /* 28px */
  --text-2xl:2.25rem;    /* 36px */
  --text-3xl:3rem;       /* 48px */
  --text-4xl:4rem;       /* 64px */
  --text-5xl:5.5rem;     /* 88px */
  --text-6xl:7.5rem;     /* 120px */

  /* ============ LINE HEIGHTS ============ */
  --lh-tight:0.98; /* @kind other */
  --lh-snug:1.1; /* @kind other */
  --lh-heading:1.15; /* @kind other */
  --lh-body:1.55; /* @kind other */
  --lh-relaxed:1.7; /* @kind other */

  /* ============ LETTER SPACING ============ */
  --ls-tighter:-0.04em; /* @kind other */
  --ls-tight:-0.02em; /* @kind other */
  --ls-normal:0; /* @kind other */
  --ls-wide:0.02em; /* @kind other */
  --ls-eyebrow:0.14em; /* @kind other */

  /* ============ SEMANTIC TYPE ROLES ============ */
  --type-display-family:var(--font-display);
  --type-display-weight:var(--fw-extrabold);
  --type-display-tracking:var(--ls-tighter);
  --type-display-leading:var(--lh-tight);

  --type-heading-family:var(--font-display);
  --type-heading-weight:var(--fw-bold);
  --type-heading-tracking:var(--ls-tight);
  --type-heading-leading:var(--lh-heading);

  --type-body-family:var(--font-body);
  --type-body-weight:var(--fw-regular);
  --type-body-leading:var(--lh-body);

  --type-eyebrow-family:var(--font-mono);
  --type-eyebrow-weight:var(--fw-bold);
  --type-eyebrow-tracking:var(--ls-eyebrow);
  --type-eyebrow-transform:uppercase;
}