/* ============================================================
   TYPOGRAPHY — a two-face system.
   Space Grotesk  → headings, wordmark, UI labels, buttons, nav
   IBM Plex Mono  → every number, ticker, table cell, tiny label,
                    timestamp, and code fragment (tabular figures)
   ============================================================ */
:root {
  --font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-sans:    'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* type scale (px expressed for a dense data UI) */
  --text-2xs: 10px;
  --text-xs:  11px;
  --text-sm:  12px;
  --text-base:13px;   /* default body / data */
  --text-md:  14px;
  --text-lg:  16px;
  --text-xl:  18px;   /* section titles */
  --text-2xl: 22px;   /* headline metrics */
  --text-3xl: 28px;
  --text-4xl: 36px;
  --text-5xl: 48px;   /* marketing hero */
  --text-6xl: 68px;

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

  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.5;

  /* tracking */
  --tracking-tight:  -0.02em;   /* large display numerals & headings */
  --tracking-normal: 0;
  --tracking-label:  0.12em;    /* uppercase micro-labels */
  --tracking-wide:   0.18em;

  --tabular: "tnum" 1, "lnum" 1;  /* font-feature-settings for aligned digits */
}