/* CSS Variables */
:root {
  --bg-color: #1e1e2e;
  --text-color: #ffffff;
  --accent-color: #89b4fa;
  --panel-bg: #2b2b3b;
  --ad-bg: #181825;
  --input-bg: #181825;
  --input-border: #444;
  --category-bg: #1e1e2e;
  --category-hover: #2a2a3a;
}

body.light-mode {
  --bg-color: #f5f5f5;
  --text-color: #1e1e2e;
  --accent-color: #5b7fd4;
  --panel-bg: #ffffff;
  --ad-bg: #e8e8e8;
  --input-bg: #f0f0f0;
  --input-border: #ccc;
  --category-bg: #e8e8e8;
  --category-hover: #d8d8d8;
}