/* Theme: Dark (default) - already in :root in global.css */

/* Theme: Light */
[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f3f3f3;
  --bg-tertiary: #e8e8e8;
  --bg-hover: #e0e0e0;
  --border: #d4d4d4;
  --text: #333333;
  --text-muted: #6e6e6e;
  --accent: #006ab1;
  --accent-hover: #005a9e;
  --scrollbar-thumb: rgba(0, 0, 0, 0.2);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.35);
  --success: #16825d;
  --error: #c72e0f;
  --warning: #8a6d00;
}

/* Theme: One Dark (popular VS theme) */
[data-theme="one-dark"] {
  --bg-primary: #282c34;
  --bg-secondary: #21252b;
  --bg-tertiary: #2c323c;
  --bg-hover: #2c323c;
  --border: #3e4451;
  --text: #abb2bf;
  --text-muted: #5c6370;
  --accent: #61afef;
  --accent-hover: #528bcc;
  --scrollbar-thumb: rgba(255, 255, 255, 0.15);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.28);
  --success: #98c379;
  --error: #e06c75;
  --warning: #e5c07b;
}