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

:root {
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    --primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);

    /* Light Mode Defaults */
    --bg-body: #f3f4f6;
    --text-main: #1f2937;
    --text-muted: #6b7280;
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    --card-bg: #ffffff;
    --header-bg: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] {
    --bg-body: #111827;
    --text-main: #f9fafb;
    --text-muted: #9ca3af;
    --glass-bg: rgba(17, 24, 39, 0.7);
    --glass-border: rgba(55, 65, 81, 0.5);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    --card-bg: #1f2937;
    --header-bg: rgba(17, 24, 39, 0.85);
}

body {
    font-family: var(--font-body);
    background-color: var(--bg-body);
    color: var(--text-main);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Dark Mode Overrides for Tailwind Utilities if needed (or stick to vars) */
[data-theme="dark"] .bg-white {
    background-color: var(--card-bg) !important;
}

[data-theme="dark"] .bg-gray-50 {
    background-color: #1f2937 !important;
}

[data-theme="dark"] .bg-gray-100 {
    background-color: #374151 !important;
}

[data-theme="dark"] .text-gray-800 {
    color: var(--text-main) !important;
}

[data-theme="dark"] .text-gray-700 {
    color: var(--text-main) !important;
}

[data-theme="dark"] .text-gray-600 {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .text-gray-500 {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .border-gray-200 {
    border-color: #374151 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
}

/* Glassmorphism Utilities */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}

.glass-header {
    background: var(--header-bg);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--glass-border);
}

/* Animation Utilities */
.animate-enter {
    animation: slideUpFade 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideUpFade {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Custom Component Overrides */
.btn-primary {
    background: var(--primary-gradient);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.4);
    transform: translateY(-2px);
}