/* ==========================================================================
   JAN-PRO — Typography Tokens
   Headlines: Impact (callouts/accents). Body & sub-heads: Arial.
   Impact is NEVER set in ALL CAPS (per guidelines). Arial sub-heads & labels
   may use uppercase. Headline size example from guidelines: 36pt / 36pt;
   body example: 12pt / 16pt.
   ========================================================================== */
:root {
  /* Families */
  --font-display: 'Impact', 'Anton', 'Haettenschweiler', 'Franklin Gothic Bold', sans-serif;
  --font-body: Arial, 'Arimo', 'Helvetica Neue', Helvetica, sans-serif;
  --font-mono: 'SFMono-Regular', 'Consolas', 'Liberation Mono', Menlo, monospace;

  /* Weights — Arial body uses regular/bold; Impact is a single weight */
  --weight-regular: 400;
  --weight-bold: 700;

  /* Type scale (px) — generous, white-dominant layouts */
  --text-display-xl: 72px;  /* hero headline (Impact) */
  --text-display-lg: 56px;
  --text-display-md: 44px;
  --text-display-sm: 36px;  /* guideline headline example */
  --text-h1: 32px;
  --text-h2: 26px;
  --text-h3: 21px;
  --text-lg: 18px;
  --text-body: 16px;
  --text-sm: 14px;
  --text-xs: 12px;

  /* Line heights */
  --leading-tight: 1.0;   /* Impact headlines sit tight */
  --leading-snug: 1.15;
  --leading-normal: 1.5;  /* body ~16/24 */
  --leading-relaxed: 1.6;

  /* Letter spacing */
  --tracking-display: -0.01em;  /* Impact, slight negative */
  --tracking-normal: 0;
  --tracking-label: 0.08em;     /* Arial uppercase labels / kickers */
  --tracking-wide: 0.14em;
}