/* Extracted from layouts/app.blade.php (root utilities, variables, animations) */
:root {
    --primary: #4F46E5;
    --primary-dark: #4338CA;
    --secondary: #8B5CF6;
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;
    --light: #F9FAFB;
    --dark: #111827;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #1F2937;
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}

/* Utilities */
.gradient-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
}

.text-gradient {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.shadow-lg-custom {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-xl-custom {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}

.animate-fade-in { animation: fadeInUp 0.8s ease-out forwards; }

/* Selection */
::selection {
    background-color: rgba(79, 70, 229, 0.2);
    color: #1F2937;
}