:root {
  --bg-primary: #ffffff;
  --bg-secondary: #F3F3F8;
  --text-primary: #000000;
  --text-secondary: #505157;
  --shadow-color: rgba(0, 0, 0, 0.2);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary: #1e1e1e;
    --bg-secondary: #2d2d30;
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --shadow-color: rgba(255, 255, 255, 0.1);
  }
}