/* ============================================================================
   IFX — Typography tokens.
   Space Grotesk carries display & headlines (a robust, technical grotesque);
   a Helvetica/Arial stack carries UI labels; a monospace stack carries all
   market data (tabular numerals); Blockzone (pixel) carries status & ASCII.
   ========================================================================== */

:root {
  /* ---- Type families ---- */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, "Helvetica Neue", Arial, sans-serif;
  --font-label: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --font-pixel: "Blockzone", ui-monospace, monospace;

  /* ---- Type scale (rem) ---- */
  --text-2xs: 0.6875rem; /* 11px — micro labels */
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.8125rem;  /* 13px */
  --text-base: 0.9375rem;/* 15px */
  --text-md: 1.0625rem;  /* 17px */
  --text-lg: 1.25rem;    /* 20px */
  --text-xl: 1.625rem;   /* 26px */
  --text-2xl: 2.25rem;   /* 36px */
  --text-3xl: 3.25rem;   /* 52px */
  --text-4xl: 4.75rem;   /* 76px */

  /* ---- Leading / tracking ---- */
  --leading-tight: 1.05;
  --leading-snug: 1.18;
  --leading-normal: 1.5;
  --tracking-label: 0.04em;  /* uppercase labels */
  --tracking-tight: -0.02em; /* display serif */
}