/* Светлая тема (для примера, если включишь) */
body.theme-light {
  --bg: #f5f5f7;
  --bg-side: rgba(240, 240, 245, 0.7);
  --bg-panel: rgba(255, 255, 255, 0.6);
  --bg-hover: rgba(0, 0, 0, 0.05);
  --border: rgba(0, 0, 0, 0.1);
  --text: #1d1d1f;
  --text-dim: #86868b;
}

/* Dracula */
body.theme-dracula {
  --bg: #1e1f29;
  --bg-side: rgba(40, 42, 54, 0.7);
  --bg-panel: rgba(68, 71, 90, 0.4);
  --bg-hover: rgba(255, 255, 255, 0.08);
  --border: rgba(98, 114, 164, 0.4);
  --text: #f8f8f2;
  --text-dim: #6272a4;
  --blue: #8be9fd;
  --purple: #ff79c6;
}