/* High Definition Speakers — Typography tokens
   Display: Saira (athletic, wide, chiseled — approximates the chrome wordmark).
   Body: Barlow (humanist sans, warm + highly legible).
   Mono: JetBrains Mono (labels, stats, kickers). */

:root {
  --font-display: 'Saira', 'Arial Narrow', sans-serif;
  --font-body: 'Barlow', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-black: 900; /* @kind font */

  /* Type scale (1.250 major-third on a 16px base) */
  --text-2xs: 0.6875rem;  /* 11px — micro labels */
  --text-xs:  0.75rem;    /* 12px */
  --text-sm:  0.875rem;   /* 14px */
  --text-md:  1rem;       /* 16px — body */
  --text-lg:  1.25rem;    /* 20px */
  --text-xl:  1.625rem;   /* 26px */
  --text-2xl: 2.125rem;   /* 34px */
  --text-3xl: 2.75rem;    /* 44px */
  --text-4xl: 3.75rem;    /* 60px */
  --text-5xl: 5rem;       /* 80px — hero */

  /* Line heights */
  --leading-tight: 1.02;
  --leading-snug: 1.16;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter-spacing — display is condensed-ish, so headings sit tight;
     kickers/eyebrows use wide tracking for the "broadcast" feel. */
  --tracking-display: -0.01em;
  --tracking-body: 0;
  --tracking-kicker: 0.22em;  /* uppercase eyebrows */
  --tracking-label: 0.06em;
}