/* Hard Hat Sports — Typography tokens
   ============================================================
   Display: Oswald — athletic condensed, uppercase, jobsite-bold.
   Body:    IBM Plex Sans — engineered, technical, precise (0.1px tracking).
   Data:    IBM Plex Mono — spec sheets, RFP figures, eyebrows.
   ============================================================ */
:root {
  --font-display: 'Oswald', 'Arial Narrow', 'Helvetica Neue', sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

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

  /* ---- Display scale (Oswald, uppercase) ---- */
  --type-display-xl: var(--fw-600, 600) 76px/1.02 var(--font-display);
  --type-display-lg: 600 56px/1.05 var(--font-display);
  --type-display-md: 600 40px/1.08 var(--font-display);
  --type-headline:   500 30px/1.15 var(--font-display);

  /* tracking + transform companions for display */
  --display-tracking: 0.5px;
  --display-transform: uppercase;

  /* ---- Body scale (IBM Plex Sans) ---- */
  --type-title:    600 22px/1.30 var(--font-body);
  --type-subhead:  500 18px/1.45 var(--font-body);
  --type-body-lg:  400 18px/1.55 var(--font-body);
  --type-body:     400 16px/1.55 var(--font-body);
  --type-body-sm:  400 14px/1.50 var(--font-body);
  --type-caption:  500 12px/1.30 var(--font-body);
  --type-button:   600 14px/1.00 var(--font-body);

  /* ---- Mono / eyebrow ---- */
  --type-eyebrow:  500 13px/1.00 var(--font-mono);
  --type-mono:     400 14px/1.50 var(--font-mono);
  --type-mono-sm:  400 12px/1.40 var(--font-mono);
  --eyebrow-tracking: 2.5px;

  --body-tracking: 0.1px;
}