/* css/theme.css - The Design System (2026 Enterprise Tier) */
:root {
    /* --- CORE TYPOGRAPHY --- */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* --- PALETTE (Unified with AuthForm) --- */
    --accent-color: #64b5f6;
    --accent-hover: #42a5f5;
    --primary-blue: #007bff;
    --secondary-green: #3cba54;
    --error-color: #ef5350;
    --warning-color: #ffca28;

    /* --- GLASSMORPHISM SYSTEM --- */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
    --glass-blur: blur(20px);

    /* --- LAYOUT VARS --- */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 48px;
    --spacing-xxl: 96px;
    
    --border-radius: 16px; /* Increased for modern feel */
    --button-border-radius: 12px;

    /* --- LIGHT MODE --- */
    --background-color: #ffffff;
    --background-gradient: radial-gradient(circle at 50% 0%, #ffffff 0%, #f0f4f8 100%);
    --text-color: #1f1f1f;
    --text-secondary: #5f6368;
    
    --card-bg: rgba(255, 255, 255, 0.6); /* Glassy */
    --card-border: rgba(0, 0, 0, 0.06);
    --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --box-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    --footer-bg: #f8f9fa;
    --footer-text: #4a5568;
    
    /* --- ANIMATION VARS --- */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
html.dark-mode body,
/* --- DARK MODE OVERRIDES (Premium Cyber) --- */
body.dark-mode {
    --background-color: #0f1115; /* Deep rich black/blue */
    --background-gradient: radial-gradient(circle at 50% 0%, #1a1d26 0%, #0f1115 100%);
    --text-color: #f0f0f0;
    --text-secondary: #94a3b8;
    
    --card-bg: rgba(30, 35, 45, 0.6);
    --card-border: rgba(255, 255, 255, 0.08);
    --glass-bg: rgba(30, 30, 30, 0.6);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
    
    --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    
    --footer-bg: #0a0b0e;
    --footer-text: #94a3b8;
}

/* --- CENTRALIZED ANIMATIONS --- */
@keyframes text-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes glass-shimmer {
    0% { left: -150%; }
    15% { left: 150%; }
    100% { left: 150%; }
}

@keyframes float-up {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

/* --- ACCESSIBILITY --- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}