@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
    --color-primary: #0056b3;
    --color-secondary: #343a40;
    --color-background-light: #f8fafc;
}

@layer components {
    .glass {
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    
    .hover-lift {
        @apply transition-transform duration-200;
        transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    
    .hover-lift:hover {
        @apply -translate-y-1;
    }
    
    .sidebar-link {
        @apply flex items-center gap-3 px-4 py-3 rounded-xl text-sm font-bold transition-all text-slate-600 hover:bg-slate-100;
    }
    
    .sidebar-link.active {
        @apply bg-primary text-white shadow-lg shadow-primary/30;
    }

    .hero-gradient {
        background: linear-gradient(rgba(0, 86, 179, 0.9), rgba(0, 40, 80, 0.95)), 
                    url('https://images.unsplash.com/photo-1541339907198-e08759dfc02b?auto=format&fit=crop&q=80&w=1000');
        background-size: cover;
        background-position: center;
    }

    body {
        @apply bg-background-light text-slate-900;
        font-family: 'Inter', sans-serif;
    }

    @keyframes pulse-soft {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.7; }
    }
    .pulse-soft { animation: pulse-soft 2s infinite; }
}