/* Zipplyst – Dark Mode Styles */

body.dark-mode {
  background-color: #1e1e1e;
  color: #e5e5e5;
}

body.dark-mode header,
body.dark-mode .container {
  background-color: transparent;
  color: inherit;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background-color: #2b2b2b;
  color: #ffffff;
  border: 1px solid #444;
  transition: background-color 0.2s, color 0.2s;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: #999;
}

body.dark-mode .button-group button,
body.dark-mode button {
  background-color: #333;
  color: #fff;
  border: none;
  transition: background-color 0.3s, color 0.3s;
}

body.dark-mode .button-group button:hover,
body.dark-mode button:hover {
  background-color: #444;
  color: #fff;
}

body.dark-mode .accent {
  background-color: #4ade80;
  color: #111;
}

body.dark-mode .accent:hover {
  background-color: #22c55e;
  color: #fff;
}

body.dark-mode footer {
  background-color: #111;
  color: #aaa;
  border-top: 1px solid #333;
}

body.dark-mode a {
  color: #93c5fd;
}

body.dark-mode a:hover {
  color: #60a5fa;
}