:root {
  --bg-primary: #2f2f2f;
  --bg-secondary: #3a3a3a;
  --bg-tertiary: #4b4b4b;
  --bg-accent: #2664c8;
  --bg-card: #3f4854;
  --text-primary: #f5f5f5;
  --text-secondary: #cfcfcf;
  --text-muted: #9a9a9a;
  --shadow: rgba(0, 0, 0, 0.4);
  --scroll-track: #2b2b2b;
  --scroll-thumb: #5a5a5a;
  --scroll-thumb-hover: #7a7a7a;
  --popup-bg: #404040;
}

.light-theme {
  --bg-primary: #f9fafb;
  --bg-secondary: #b8bbc0;
  --bg-tertiary: #a3a6ab;
  --bg-accent: #5b98f9;
  --bg-card: #d4d6d8;
  --text-primary: #000000;
  --text-secondary: #000000;
  --text-muted: #000000;
  --shadow: rgba(0, 0, 0, 0.08);
  --scroll-track: #d0d3d8;
  --scroll-thumb: #aeb4bb;
  --scroll-thumb-hover: #8c939b;
  --popup-bg: #e6e9ed;
}