body {
  background-color: #1a202c;
  color: #f7fafc;
}

input,
select,
button {
  background-color: #4a5568;
  color: #f7fafc;
  border-color: #2d3748;
}

input::placeholder,
select::placeholder,
button::placeholder {
  color: #cbd5e0;
}

.form-label {
  color: #a0aec0;
}

.form-label-light {
  color: #718096;
}

.form-submit-btn {
  background-color: #4299e1;
  color: #f7fafc;
  border-color: #2b6cb0;
}

.form-submit-btn:hover {
  background-color: #3182ce;
}

.qr-code-container {
  background-color: #2d3748;
  border-color: #4a5568;
}

.qr-code-img {
  border-color: #2d3748;
}

.theme-toggle-btn {
  background-color: #4299e1;
  color: #f7fafc;
  border-color: #2b6cb0;
}

.theme-toggle-btn:hover {
  background-color: #3182ce;
}

/* Dark theme for the container */
.dark-theme .container {
  background-color: #2d3748;
}