/* Dark Mode Toggle Styles */
#dark-mode-toggle {
  transition: all 0.3s ease;
}

#dark-mode-toggle.light-mode {
  color: #f39c12 !important;
}

#dark-mode-toggle.dark-mode {
  color: #3498db !important;
}

#dark-mode-toggle.auto-mode {
  color: #95a5a6 !important;
}

#dark-mode-toggle:hover {
  transform: scale(1.1);
}

/* Dark mode styles for the toggle */
body.dark #dark-mode-toggle.light-mode {
  color: #f39c12 !important;
}

body.dark #dark-mode-toggle.dark-mode {
  color: #3498db !important;
}

body.dark #dark-mode-toggle.auto-mode {
  color: #95a5a6 !important;
}
