/* RSI Exchange — design tokens (from handoff/design-system/tokens.json) */
:root {
  /* color */
  --surface-page: #FFFFFF;
  --surface-muted: #F4F4F4;
  --surface-inverse: #201A18; /* softened to the same warm near-black as the hero, not flat #0A0A0A */
  --surface-hero: #201A18; /* warm near-black used for the full-bleed hero */
  --ink-primary: #1C1917; /* softened warm black, was flat #0A0A0A */
  --ink-secondary: #3A3A3A;
  --ink-muted: #6A6A6A;
  --ink-inverse: #FFFFFF;
  --ink-inverse-muted: #B4B4B4;
  --accent: #D6335F; /* placeholder — pending client brand hex, swap centrally here */
  --accent-ink: #FFFFFF;
  --border-hairline: #1C1917; /* matches the softened --ink-primary */
  --border-hairline-muted: #E0E0E0;

  /* type families */
  --font-sans: 'Space Grotesk', system-ui, sans-serif;
  --font-content: 'Geist', system-ui, sans-serif;
  --font-mono: 'Space Grotesk', system-ui, sans-serif;

  /* spacing (8px-rooted scale) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 100px;
  --space-10: 140px;

  /* radius */
  --radius-none: 0px;
  --radius-full: 9999px;
}