/* Default Light Mode */
body {
  background: #ffffff;
  color: #222;
  transition: background 0.3s, color 0.3s;
}

/* Dark Mode */
body.dark-mode {
  background: #121212;
  color: #eee;
}

.wp-dark-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

#darkModeToggle {
  background: #333;
  color: #fff;
  border: none;
  padding: 10px 14px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s;
}

#darkModeToggle:hover {
  background: #555;
}