:root {
  --bg: 17 17 17;
  --surface: 31 31 31 / 0.6;
  --muted: 160 160 160;
  --accent: 37 99 235;
  --accent-contrast: 255 255 255;
  --border: 255 255 255 / 0.1;
  --ring: 37 99 235;
  --shadow: 0 8px 30px rgba(0,0,0,0.25);
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: 243 243 243;
    --surface: 255 255 255 / 0.7;
    --muted: 60 60 60;
    --accent: 37 99 235;
    --accent-contrast: 255 255 255;
    --border: 0 0 0 / 0.1;
    --ring: 37 99 235;
    --shadow: 0 8px 30px rgba(0,0,0,0.1);
  }
}