:root {
    /* Colores Principales */
    --color-primary: #0a1d37;
    --color-primary-light: #142d4c;
    --color-accent: #ff7a00;
    --color-accent-gradient: linear-gradient(135deg, #ff7a00 0%, #e65c00 100%);
    --color-accent-hover: #e66a00;
    --color-accent-rgb: 255, 122, 0;
    --color-primary-rgb: 10, 29, 55;
    
    /* Variaciones de Fondo y Texto */
    --color-dark: #050c1a;
    --color-dark-card: #0b1528;
    --color-text: #1e293b;
    --color-text-muted: #64748b;
    --color-text-light: #cbd5e1;
    --color-bg-light: #f8fafc;
    --color-bg-white: #ffffff;
    
    /* Glassmorphism */
    --color-glass-dark: rgba(5, 12, 26, 0.75);
    --color-glass-light: rgba(255, 255, 255, 0.75);
    --border-glass: rgba(255, 255, 255, 0.08);
    
    /* Tipografía Premium: Sora (títulos, geométrica-técnica) + Manrope (cuerpo, alta legibilidad) */
    --font-primary: 'Manrope', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    --font-title: 'Sora', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    
    /* Sombras (Shadows) */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
    --shadow-accent: 0 8px 25px rgba(255, 122, 0, 0.25);
    
    /* Bordes y Transiciones */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;
    
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-fast: all 0.2s ease;
    --transition-elastic: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-page: all 0.6s cubic-bezier(0.85, 0, 0.15, 1);
    
    /* Layout */
    --header-height: 80px;
    --header-height-mobile: 70px;
    --max-width: 1200px;
}