/* Transiciones suaves */
html, body, input, select, div, label, h1, button, .data-table, .data-table th, .data-table td {
  transition: background-color 0.3s ease, color 0.5s ease, border-color 0.5s ease;
}

/* Estilo general para modo oscuro */
html.dark input,
html.dark select,
html.dark textarea {
  background-color: #1f2937; /* gray-800 */
  color: white;
  border-color: #4b5563; /* gray-600 */
}