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

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

.btn-primary {
    @apply bg-yellow-400 text-black px-6 py-3 rounded-lg font-semibold hover:bg-yellow-300 transition;
}

.btn-secondary {
    @apply bg-black text-white px-6 py-3 rounded-lg font-semibold hover:bg-gray-800 transition;
}

.card {
    @apply bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition;
}

.input-field {
    @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-400 focus:border-transparent;
}

.nav-link {
    @apply text-gray-700 hover:text-yellow-400 transition font-medium;
}