/* Modo oscuro - Validador de Identidad HUMAI */

body.dark-mode {
  --primary-color: #3498db;
  --primary-dark: #2980b9;
  --secondary-color: #2ecc71;
  --secondary-dark: #27ae60;
  --text-color: #f5f5f5;
  --text-light: #cccccc;
  --background-color: #222222;
  --background-alt: #333333;
  --border-color: #444444;
  --error-color: #e74c3c;
  --success-color: #2ecc71;
  --warning-color: #f39c12;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body.dark-mode .form-container {
  background-color: #2a2a2a;
}

body.dark-mode .step {
  background-color: #333333;
}

body.dark-mode #signature-pad,
body.dark-mode .preview,
body.dark-mode input[type="text"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="email"],
body.dark-mode input[type="date"],
body.dark-mode select,
body.dark-mode textarea {
  background-color: #333333;
  color: var(--text-color);
  border-color: #555555;
}

body.dark-mode .file-upload-button {
  background-color: #333333;
  border-color: #555555;
}

body.dark-mode .summary-container {
  background-color: #333333;
}

body.dark-mode .modal-content {
  background-color: #2a2a2a;
}

body.dark-mode #theme-toggle-btn {
  background-color: #444444;
  color: var(--text-color);
}

body.dark-mode #theme-toggle-btn:hover {
  background-color: #555555;
}

body.dark-mode .btn-secondary {
  background-color: #444444;
  color: var(--text-color);
  border-color: #555555;
}

body.dark-mode .btn-secondary:hover {
  background-color: #555555;
}

body.dark-mode ::placeholder {
  color: #888888;
}