@import 'custom.css';

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

@layer components {
    .select-dropdown {
        @apply rounded-lg border border-gray-50 text-gray-900 ring-1 ring-inset ring-gray-200 focus:ring-4 focus:ring-mix-violet-500/20 focus:border-mix-violet-500/50 hover:enabled:border-mix-violet-500/40 text-sm;
    }

    .input-violet {
        @apply rounded-md border border-gray-50 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-4 focus:ring-mix-violet-500/20 focus:border-mix-violet-500/50 hover:enabled:border-mix-violet-500/40 text-sm;
    }
}