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

/* Custom styles for cashier app */
.btn-primary {
    @apply bg-primary text-white px-4 py-2 rounded-lg shadow hover:bg-blue-700 transition-colors;
}

.btn-secondary {
    @apply bg-secondary text-white px-4 py-2 rounded-lg shadow hover:bg-green-700 transition-colors;
}

.btn-danger {
    @apply bg-danger text-white px-4 py-2 rounded-lg shadow hover:bg-red-700 transition-colors;
}

.card {
    @apply bg-white rounded-lg shadow-md p-6;
}

.input-field {
    @apply w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent;
}