:root {
  --color-bg: #0b0e14;
  --color-bg-grid: #161d29;
  --color-surface: #0f141d;
  --color-border: #2a3547;
  --color-text: #e8eef5;
  --color-text-secondary: #9fb8c9;
  --color-text-label: #5b7a94;
  --color-accent: #4d90c9;
  --color-accent-explorator: #7ba7d9;
  --color-accent-expert: #3fa8b8;

  --font-display: 'Barlow Condensed', Arial, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --radius: 4px;
  --container-width: 1120px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
}