/* ==========================================================================
   Dudes Baseball — Typography tokens
   Display: Anton (condensed bold all-caps, Impact-like).
   Headers / UI labels: Barlow Condensed (uppercase, wide tracking).
   Body: Inter. Stats / eyebrows: JetBrains Mono (tabular). Keepsake: Instrument Serif.
   ========================================================================== */

:root {
  /* ----- Families ----- */
  --font-display: 'Anton', 'Oswald', Impact, sans-serif;        /* headlines, player names, big numbers */
  --font-header:  'Barlow Condensed', 'Oswald', sans-serif;     /* section heads + UI labels */
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;/* paragraphs, controls */
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;    /* stats, eyebrows, tabular nums */
  --font-serif:   'Instrument Serif', Georgia, serif;           /* parchment keepsakes */

  /* ----- Type scale ----- */
  --text-xs:  10px;   /* mono eyebrows / kickers */
  --text-sm:  12px;   /* dense labels */
  --text-md:  14px;   /* default body */
  --text-lg:  16px;
  --text-xl:  20px;   /* panel titles */
  --text-2xl: 26px;   /* sub-heads */
  --text-3xl: 36px;   /* section titles */
  --text-4xl: 52px;   /* hero */
  --text-5xl: 72px;   /* mega display */

  /* ----- Tracking ----- */
  --track-tight:  -0.01em;
  --track-normal: 0; /* @kind other */
  --track-wide:   0.06em;   /* UI labels */
  --track-wider:  0.12em;   /* eyebrows */
  --track-widest: 0.22em;   /* mono kickers */

  /* ----- Weights ----- */
  --weight-body:    400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;

  /* ----- Tabular numerals — apply to ALL stats ----- */
  --num-tabular: "tnum", "zero"; /* @kind other */
}

/* Reusable label utilities */
.dds-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--track-widest);
  text-transform: uppercase;
  color: var(--dust);
  font-feature-settings: var(--num-tabular);
}
.dds-label {
  font-family: var(--font-header);
  font-weight: var(--weight-semi);
  letter-spacing: var(--track-wide);
  text-transform: uppercase;
}
.dds-display {
  font-family: var(--font-display);
  text-transform: uppercase;
  line-height: 0.95;
  letter-spacing: var(--track-tight);
}
.dds-num {
  font-family: var(--font-mono);
  font-feature-settings: var(--num-tabular);
}