:root {
  /* Light Theme Defaults */
  --bg-color: #ffffff;
  --text-color: #000000;
  --sidebar-bg: #f8f9fa; /* Lighter sidebar */
  --sidebar-text: #202124;
  --sidebar-border: #dadce0;
  --accent-color: #1a73e8; /* Blue accent as seen in the toggle screenshot */
  --hover-bg: #e8eaed;
  --separator-color: #dadce0;
  --editor-bg: #ffffff;
  --editor-text: #000000;
}

[data-theme="dark"] {
  --bg-color: #272822;
  --text-color: #f8f8f2;
  --sidebar-bg: #202124;
  --sidebar-text: #bdc1c6;
  --sidebar-border: #3c4043;
  --accent-color: #8ab4f8; /* Light blue */
  --hover-bg: #3c4043;
  --separator-color: #3c4043;
  --editor-bg: #272822; /* Monokai bg */
  --editor-text: #f8f8f2;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}