/* Overtime Agency — typography tokens
   Display: Anton (Google Fonts) — nearest match to the heavy condensed
   wordmark. SUBSTITUTE: replace with brand font files when available.
   Body: Barlow — industrial grotesque, fits the trades/workwear vibe. */
:root {
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'Barlow', 'Helvetica Neue', sans-serif;
  --font-mono: 'Barlow', monospace; /* no mono in brand; numerals use tabular Barlow */

  /* Display scale — always uppercase, tight leading */
  --type-hero: 700 clamp(64px, 9vw, 128px)/0.92 var(--font-display);
  --type-h1: 400 64px/0.95 var(--font-display);
  --type-h2: 400 40px/1.0 var(--font-display);
  --type-h3: 400 28px/1.05 var(--font-display);
  --type-kicker: 600 13px/1 var(--font-body);   /* letterspaced caps, like "AGENCY" */

  /* Body scale */
  --type-body-lg: 400 19px/1.55 var(--font-body);
  --type-body: 400 16px/1.55 var(--font-body);
  --type-body-sm: 400 14px/1.5 var(--font-body);
  --type-label: 600 14px/1.2 var(--font-body);
  --type-caption: 500 12px/1.4 var(--font-body);

  /* Tracking */
  --tracking-display: 0.01em;
  --tracking-kicker: 0.22em;  /* wide, like A G E N C Y */
  --tracking-body: 0;
}