@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #6366f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4f46e5;
}

/* Form styling */
.form-input {
    @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition;
}

.form-label {
    @apply block text-gray-700 font-medium mb-2;
}

.btn-primary {
    @apply bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2 rounded-lg font-medium transition;
}

.btn-secondary {
    @apply border border-indigo-600 text-indigo-600 hover:bg-indigo-50 px-6 py-2 rounded-lg font-medium transition;
}

/* Alert styles */
.alert-success {
    @apply bg-green-100 border-l-4 border-green-500 text-green-700 p-4 mb-4;
}

.alert-error {
    @apply bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-4;
}