/* United Distributors — Typography tokens */
:root {
  /* ---- Families ---- */
  --font-display: 'Newsreader', 'Georgia', 'Times New Roman', serif;
  --font-body:    'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', 'Menlo', monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;
  --weight-black:   900;

  /* ---- Type scale (px-based, rem values) ---- */
  --text-xs:   0.75rem;  /* 12 — eyebrow / legal */
  --text-sm:   0.875rem; /* 14 — labels, captions */
  --text-base: 1rem;     /* 16 — body default */
  --text-md:   1.125rem; /* 18 — lead paragraph */
  --text-lg:   1.375rem; /* 22 — small headings */
  --text-xl:   1.75rem;  /* 28 — card titles */
  --text-2xl:  2.25rem;  /* 36 — section headings */
  --text-3xl:  3rem;     /* 48 — page headlines */
  --text-4xl:  3.75rem;  /* 60 — hero display */
  --text-5xl:  4.5rem;   /* 72 — oversized hero */

  /* ---- Line heights ---- */
  --leading-tight:  1.05; /* display headlines */
  --leading-snug:   1.2;  /* headings */
  --leading-normal: 1.55; /* body copy */
  --leading-relaxed:1.7;

  /* ---- Letter spacing ---- */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.06em;  /* eyebrows / small caps labels */
  --tracking-wider:  0.14em;  /* footer group labels */

  /* ---- Semantic roles ---- */
  --eyebrow-size: var(--text-sm);
  --eyebrow-tracking: var(--tracking-wide);
}