:root {
  /* Light mode color variables */
  --bg-primary: #f4f4f4;
  --bg-secondary: #ffffff;
  --text-primary: #1a1a1a;
}

:root.dark-mode {
  /* Dark mode color variables */
  --bg-primary: #121212;
  --bg-secondary: #1e1e1e;
  --text-primary: #e0e0e0;
}

const applyDarkMode = (isDark) => {
  document.documentElement.classList.toggle('dark-mode', isDark);
  localStorage.setItem('theme', isDark ? 'dark' : 'light');
};

themeToggle.addEventListener('click', () => {
  const isDarkMode = document.documentElement.classList.contains('dark-mode');
  applyDarkMode(!isDarkMode);
});