/* Pinpoint typography tokens.
   Two families: Barlow Condensed for display/headings/large numerics (tight,
   editorial), Barlow for all body and UI copy. Labels & kickers are uppercase
   with tracking. Sizes mirror the app's typography scale exactly. */
:root {
  /* Families */
  --font-body: 'Barlow', system-ui, -apple-system, sans-serif;
  --font-display: 'Barlow Condensed', 'Barlow', system-ui, sans-serif;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Type scale (px → rem-equivalent kept as px to match native app) */
  --size-kicker: 12px;
  --size-label: 11px;
  --size-meta: 12px;
  --size-body-sm: 13px;
  --size-body: 14px;
  --size-card-title: 15px;
  --size-numeric-md: 20px;
  --size-screen-title: 26px;
  --size-h1: 30px;
  --size-numeric-lg: 30px;

  /* Tracking */
  --tracking-kicker: 1.7px;
  --tracking-label: 1.1px;
}