/* ============================================================================
   MetarGame — Typography tokens
   Modern UI faces carry the interface: Space Grotesk (--font-display) for all chrome —
   headings, labels, big values — and IBM Plex Mono (--font-data) for raw METAR/TAF strings
   and codes. The pixel faces (Press Start 2P / VT323) are reserved for in-scene/diorama
   signage only — never UI copy (PLAN-4 Phase B).
   ============================================================================ */
:root {
  /* ---- Families ---- */
  /* MODERN UI (use these for all interface text) */
  --font-display: 'Space Grotesk', system-ui, sans-serif;     /* headings, labels, big values */
  --font-data:    'IBM Plex Mono', ui-monospace, monospace;   /* raw METAR/TAF, codes, numbers */
  --font-body:    var(--font-display);
  /* PIXEL (scene/diorama signage only — never UI copy) */
  --font-pixel: 'Press Start 2P', 'Courier New', monospace;
  --font-mono:  'VT323', 'Courier New', monospace;            /* legacy pixel mono */

  /* ---- MODERN UI scale (Space Grotesk) ---- */
  --display-temp:  58px;  /* the big temperature reading */
  --display-icao:  40px;  /* aerodrome ICAO hero */
  --display-value: 29px;  /* tile metric values */
  --display-cat:   20px;  /* category-bar headline */
  --text-name:     15px;  /* aerodrome name, condition line */
  --text-base:     14px;  /* default body / inputs */
  --label:         11.5px;/* tile labels, section labels (uppercase, tracked) */
  --data-base:     12.5px;/* IBM Plex Mono — raw strings, ticks */
  --data-xs:       10.5px;/* axis ticks, sublabels */

  /* ---- Tracking ---- */
  --track-icao:    1.5px;  /* ICAO display */
  --track-label:   1.2px;  /* uppercase tile/section labels */
  --track-tight:   -1px;   /* big temperature */

  /* ---- Pixel display sizes (Press Start 2P — keep large & short) ---- */
  --pixel-hero:  40px;  /* desktop ICAO hero */
  --pixel-icao:  30px;  /* phone ICAO header */
  --pixel-label: 11px;  /* card titles, category chips */
  --pixel-micro: 8px;   /* tiny tags inside chips */

  /* ---- VT323 legacy pixel scale (scene signage only) ---- */
  --text-metric: 21px;  /* legacy metric values */
  --text-lg:     16px;
  --text-md:     15px;
  --text-sm:     13px;
  --text-xs:     12px;
  --text-2xs:    10px;

  /* ---- Tracking (pixel faces breathe with letter-spacing) ---- */
  --track-hero:  3px;   /* legacy pixel ICAO codes */
  --track-0:     0; /* @kind spacing */

  /* ---- Line height ---- */
  --leading-tight: 1.1;
  --leading-body:  1.4;
}