/**
 * MedMentor Design Tokens - Missing File Fix
 * Created: October 14, 2025
 * Purpose: Fix 404 error and ensure gradient backgrounds load
 */

:root {
    /* Aiero Colors */
    --mm-primary: #5B51FF;
    --mm-primary-hover: #4940CC;
    --mm-accent: #00D4FF;
    --mm-secondary: #B24BFF;
    --mm-success: #10B981;
    --mm-warning: #F59E0B;
    
    /* Text */
    --mm-text: #0A0E27;
    --mm-text-muted: #6B7280;
    --mm-text-light: #9CA3AF;
    
    /* Surfaces */
    --mm-surface-1: #FFFFFF;
    --mm-surface-2: #F7F9FC;
    --mm-surface-3: #F3F4F6;
    
    /* Borders */
    --mm-border: #E5E7EB;
    --mm-border-light: #F3F4F6;
    
    /* Shadows */
    --mm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --mm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --mm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --mm-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    
    /* Gradients - Aiero (CRITICAL FOR HERO) */
    --mm-grad-hero: linear-gradient(135deg, #5B51FF 0%, #00D4FF 50%, #B24BFF 100%);
    --mm-grad-primary: linear-gradient(135deg, #5B51FF 0%, #00D4FF 100%);
    --mm-grad-accent: linear-gradient(135deg, #00D4FF 0%, #5B51FF 100%);
    
    /* Fonts */
    --mm-font-heading: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --mm-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Spacing */
    --mm-space-1: 4px;
    --mm-space-2: 8px;
    --mm-space-3: 12px;
    --mm-space-4: 16px;
    --mm-space-5: 20px;
    --mm-space-6: 24px;
    --mm-space-8: 32px;
    --mm-space-10: 40px;
    --mm-space-12: 48px;
    --mm-space-16: 64px;
    --mm-space-20: 80px;
    
    /* Radius */
    --mm-radius-sm: 8px;
    --mm-radius-md: 12px;
    --mm-radius-lg: 16px;
    --mm-radius-xl: 24px;
    --mm-radius-2xl: 28px;
    --mm-radius-3xl: 32px;
    --mm-radius-pill: 999px;
}

/* CRITICAL: Gradient Mesh for Hero - ENSURE IT LOADS */
.gradient-mesh {
    background: linear-gradient(-45deg, #5B51FF, #00D4FF, #B24BFF, #5B51FF) !important;
    background-size: 400% 400% !important;
    animation: gradient-shift 15s ease infinite !important;
}

@keyframes gradient-shift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Glass Effect */
.glass {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15) !important;
}