/* ===================================
   VARIABLES GLOBALES - DISEÑO PREMIUM
   =================================== */

:root {
    /* Colores principales - Paleta sofisticada */
    --primary: #6C5CE7;
    --primary-dark: #5849C1;
    --primary-light: #A29BFE;
    --secondary: #00D2D3;
    --accent: #FD79A8;
    --success: #00B894;
    
    /* Colores neutros premium */
    --dark: #0F0F23;
    --dark-secondary: #1A1A2E;
    --dark-tertiary: #16213E;
    --gray-dark: #353A52;
    --gray: #6C7A89;
    --gray-light: #ABB2BF;
    --white: #FFFFFF;
    --light-bg: #F7F9FC;
    --light-secondary: #EEF2F7;
    
    /* Gradientes únicos */
    --gradient-primary: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
    --gradient-secondary: linear-gradient(135deg, #F093FB 0%, #F5576C 100%);
    --gradient-tertiary: linear-gradient(135deg, #4FACFE 0%, #00F2FE 100%);
    --gradient-dark: linear-gradient(135deg, #0F0F23 0%, #1A1A2E 100%);
    --gradient-purple: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
    --gradient-sunset: linear-gradient(135deg, #FA709A 0%, #FEE140 100%);
    
    /* Sombras premium */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.16);
    --shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.24);
    --shadow-color: 0 8px 32px rgba(108, 92, 231, 0.25);
    
    /* Tipografía */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Transiciones suaves */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Espaciado */
    --section-padding: 90px 0;
    --container-max-width: 1320px;
    
    /* Border radius premium */
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
}

@media (max-width: 991px) {
    :root {
        --section-padding: 60px 0;
    }
}