@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles for dark mode form inputs,
as requested for better readability in modals and profile sections.
*/
@layer base {
    .dark .form-input,
    .dark input:not([type="checkbox"]):not([type="radio"]),
    .dark select,
    .dark textarea {
        @apply bg-gray-700 text-gray-100 border-gray-500 placeholder-gray-400;
    }

    .dark label {
         @apply text-gray-200;
    }
}