:root {
  /* Color Tokens */
  --bg: #0B0E13;
  --surface: #11161D;
  --border: #1E252F;
  --text: #E8EAEE;
  --muted: #97A2B0;
  --dim: #7D8796;
  --accent: #FF7A1A;
  --success: #22C55E;
  --danger: #EF4444;

  /* Typography Tokens */
  --font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Type Scale */
  --text-xs: 14px;    /* tables/docs */
  --text-sm: 16px;    /* body */
  --text-base: 20px;
  --text-lg: 24px;
  --text-xl: 32px;
  --text-2xl: 52px;   /* hero H1 */

  /* Line Heights */
  --leading-body: 1.6;
  --leading-tight: 1.15;

  /* Spacing Scale (8px grid) */
  --space-0: 0px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* Layout Constraints */
  --max-content-width: 1120px;
  --section-padding-desktop: var(--space-7); /* 96px */
  --section-padding-mobile: var(--space-5);  /* 64px */
}