/* ============================================================
   FARO — TYPOGRAPHY TOKENS
   Aleo  → editorial slab-serif headers, authoritative numbers
   Inter → UI labels, body, data tables (tabular numbers)
   ============================================================ */

:root {
  --font-serif: 'Aleo', 'Georgia', serif;          /* display / headers */
  --font-sans:  'Inter', system-ui, sans-serif;     /* UI / body / data */
  --font-mono:  'Inter', ui-monospace, monospace;   /* tabular figures via feature setting */

  /* Type scale (1.250 major-third-ish, tuned) */
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   22px;
  --text-xl:   28px;
  --text-2xl:  36px;
  --text-3xl:  46px;
  --text-4xl:  60px;

  /* Line heights */
  --leading-tight:  1.1;
  --leading-snug:   1.28;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

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

  /* Letter spacing */
  --tracking-tight: -0.02em;
  --tracking-snug:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:  0.04em;
  --tracking-caps:  0.12em;   /* eyebrows / overlines */
}

/* Tabular numbers helper for financial data */
.faro-tnum { font-feature-settings: 'tnum' 1, 'cv01' 1; font-variant-numeric: tabular-nums; }
