:root {
  color-scheme: dark;
  --font-main: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-display: 'Manrope', 'Inter', sans-serif;
  --space-1: .5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2rem; --space-5: 3rem; --space-6: 4.5rem;
  --bg: #0f172a; --bg-elevated: #141e33; --surface: rgba(25, 37, 59, .74); --surface-solid: #17233a;
  --text: #f1f5fb; --muted: #9aa9bf; --subtle: #71819a; --line: rgba(148, 163, 184, .15);
  --accent: #5685ff; --accent-2: #9b72ff; --accent-soft: rgba(86, 133, 255, .13); --green: #4adea1;
  --shadow: 0 24px 70px rgba(0, 0, 0, .25); --radius: 16px; --radius-sm: 12px;
  --container: 1160px; --header-height: 76px;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f7fc; --bg-elevated: #edf2fa; --surface: rgba(255, 255, 255, .76); --surface-solid: #fff;
  --text: #132039; --muted: #53627a; --subtle: #7c8aa1; --line: rgba(40, 59, 90, .12);
  --accent: #356df2; --accent-2: #7952e8; --accent-soft: rgba(53, 109, 242, .1); --green: #149663;
  --shadow: 0 24px 60px rgba(40, 64, 105, .12);
}