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


@layer components {
    .form-input {
        @apply w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500;
    }
    .btn-primary {
        @apply bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 transition;
    }
    .btn-secondary {
        @apply bg-gray-300 text-gray-700 px-4 py-2 rounded-md hover:bg-gray-400;
    }
    .btn-scan {
        @apply bg-green-600 text-white px-6 py-2 rounded-full shadow hover:bg-green-700;
    }
}