/* Compatibilidade temporaria: alguns templates antigos definem apenas classes dark:* nos campos.
   Este arquivo garante aparencia clara consistente quando o tema atual for light. */
html[data-theme='light'] input[class*="dark:bg-gray-700"]:not([type='checkbox']):not([type='radio']),
html[data-theme='light'] input[class*="dark:bg-gray-800"]:not([type='checkbox']):not([type='radio']),
html[data-theme='light'] select[class*="dark:bg-gray-700"],
html[data-theme='light'] select[class*="dark:bg-gray-800"],
html[data-theme='light'] textarea[class*="dark:bg-gray-700"],
html[data-theme='light'] textarea[class*="dark:bg-gray-800"] {
  background-color: #ffffff;
  color: #111827;
}

html[data-theme='light'] input[class*="dark:border-gray-600"]:not([type='checkbox']):not([type='radio']),
html[data-theme='light'] select[class*="dark:border-gray-600"],
html[data-theme='light'] textarea[class*="dark:border-gray-600"] {
  border-color: #d1d5db;
}

html[data-theme='light'] input[class*="dark:text-gray-200"]:not([type='checkbox']):not([type='radio']),
html[data-theme='light'] select[class*="dark:text-gray-200"],
html[data-theme='light'] textarea[class*="dark:text-gray-200"] {
  color: #111827;
}

html[data-theme='light'] input[class*="dark:bg-gray-700"]::placeholder,
html[data-theme='light'] input[class*="dark:bg-gray-800"]::placeholder,
html[data-theme='light'] textarea[class*="dark:bg-gray-700"]::placeholder,
html[data-theme='light'] textarea[class*="dark:bg-gray-800"]::placeholder {
  color: #6b7280;
}

html[data-theme='light'] a[class*="bg-white"][class*="dark:bg-gray-700"],
html[data-theme='light'] button[class*="bg-white"][class*="dark:bg-gray-700"] {
  background-color: #ffffff;
  color: #374151;
  border-color: #d1d5db;
}

html[data-theme='light'] a[class*="bg-white"][class*="dark:bg-gray-700"]:hover,
html[data-theme='light'] button[class*="bg-white"][class*="dark:bg-gray-700"]:hover {
  background-color: #f9fafb;
}