:root {
  --bg: 10 10 10;
  --surface: 23 23 23;
  --surface-input: 30 30 30;
  --muted: 161 161 161;
  --accent: 59 130 246;
  --accent-hover: 37 99 235;
  --accent-contrast: 255 255 255;
  --border: 38 38 38;
  --ring: 59 130 246;
  --shadow: 0 8px 32px rgba(0,0,0,0.4);
  --text: 250 250 250;
  --text-input: 250 250 250;
  --glow: 59 130 246;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: 250 250 250;
    --surface: 255 255 255;
    --surface-input: 245 245 245;
    --muted: 115 115 115;
    --accent: 59 130 246;
    --accent-hover: 37 99 235;
    --accent-contrast: 255 255 255;
    --border: 237 237 237;
    --ring: 59 130 246;
    --shadow: 0 8px 32px rgba(0,0,0,0.08);
    --text: 23 23 23;
    --text-input: 23 23 23;
    --glow: 59 130 246;
  }
}