:root {
  --color-base: #06060a;
  --color-surface: #0c0c18;
  --color-surface-raised: #10101e;
  --color-border: #181828;
  --color-border-bright: #222238;

  --color-text: #dde8f8;
  --color-text-muted: #90aac8;
  --color-text-dim: #303858;

  --color-blue: #5ab0ff;
  --color-blue-dim: #0e1e40;
  --color-amber: #c4702a;
  --color-red: #8b1a1a;
  --color-teal: #2a7c6e;
  --color-teal-bright: #3eb5a0;

  /* CRT monitor system */
  --color-phosphor: #5ab0ff;
  --color-monitor-glow: rgba(40, 80, 220, 0.18);
  --color-win-title: #00007a;
  --color-win-active: #0000a8;

  --font-mono: ui-monospace, 'Cascadia Mono', SFMono-Regular, Consolas, Menlo, 'Courier New', monospace;
  --font-body: system-ui, -apple-system, sans-serif;

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  --radius: 0px;
  --transition: 0.1s ease;
  --nav-width: 240px;
  --header-height: 88px;
}