/* ═══════════════════════════════════════════════════════════════
   BRAIN STEM AI — Design System Variables
   ═══════════════════════════════════════════════════════════════ */

:root {
  --void: #060a0d;
  --surface: #0a1018;
  --surface-raised: #0f1923;
  --surface-hover: #142231;
  --border: #1a2d3d;
  --border-subtle: #122030;

  --cyan-100: #e0faf5;
  --cyan-200: #a0f0e0;
  --cyan-300: #4de8d0;
  --cyan-400: #00d4aa;
  --cyan-500: #00bfa5;
  --cyan-600: #009e88;
  --cyan-glow: rgba(0, 212, 170, 0.15);
  --cyan-glow-strong: rgba(0, 212, 170, 0.3);

  --text-primary: #f0ebe3;
  --text-secondary: #a8a095;
  --text-dim: #6b6560;

  --gold: #c8a96e;
  --gold-light: #dfc99a;

  --font-display: 'Instrument Serif', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;
  --space-3xl: 12rem;
}