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

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

/* Glassmorphism styles appended inline */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn-primary {
    @apply inline-flex items-center justify-center;
    @apply font-semibold text-white;
    @apply bg-gradient-to-r from-blue-600 to-indigo-600;
    @apply rounded-xl;
    @apply transition-all duration-300;
    @apply shadow-lg;
    @apply hover:shadow-xl;
    @apply transform;
    @apply hover:-translate-y-0.5;
}

.btn-primary:hover {
    @apply from-blue-700 to-indigo-700;
    @apply shadow-2xl;
}

.glass-button {
    @apply inline-flex items-center justify-center;
    @apply font-medium;
    @apply bg-white/40;
    @apply backdrop-blur-md;
    @apply border border-white/60;
    @apply rounded-xl;
    @apply transition-all duration-300;
    @apply shadow-md;
    @apply text-slate-800;
}

.glass-button:hover {
    @apply bg-white/60;
    @apply shadow-lg;
    @apply text-slate-900;
}

.animate-bounce-slow {
    animation: bounce 3s infinite;
}

/* Improved text contrast for light backgrounds */
.text-slate-700 {
    color: #334155;
}

.text-slate-800 {
    color: #1e293b;
}

/* Focus states for better accessibility */
.focus-ring {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}