:root {
  color-scheme: dark;
  --color-bg: #050817;
  --color-surface: #0d172b;
  --color-surface-raised: #121f38;
  --color-border: #223453;
  --color-border-strong: #314769;
  --color-text: #f4f7ff;
  --color-text-muted: #8d9db9;
  --color-text-subtle: #647494;
  --color-cyan: #23c9dc;
  --color-cyan-soft: rgba(35, 201, 220, .14);
  --color-green: #24d69c;
  --color-green-soft: rgba(36, 214, 156, .14);
  --color-amber: #f1bd58;
  --color-red: #ff6b76;
  --font-sans: 'DM Sans', sans-serif;
  --font-display: 'Space Grotesk', sans-serif;
  --radius-sm: 7px;
  --radius-md: 12px;
  --shadow-card: 0 18px 50px rgba(0, 0, 0, .18);
  --shadow-glow: 0 0 24px rgba(35, 201, 220, .16);
  --ease: 180ms ease;
}