/* ==========================================================================
   Global Variables (Premium Editorial System)
   ========================================================================== */
:root {
    /* Brand System */
    --ge-bg: #F4F1EA;
    --ge-surface: #FFFFFF;
    --ge-text: #111827;
    --ge-text-muted: #64748B;
    --ge-border: #E2E8F0;
    --ge-blue: #576F7C;
    --ge-blue-hover: #465963;
    --ge-blue-light: #E2E8EB;
    --ge-navy: #0B132B;

    /* Semantic Aliases */
    --color-bg-primary: var(--ge-bg);
    --color-bg-secondary: var(--ge-surface);
    --color-text-primary: var(--ge-text);
    --color-text-secondary: var(--ge-text-muted);
    --ge-text-secondary: var(--ge-text-muted);
    --color-border: var(--ge-border);
    --color-border-hover: #CBD5E1;
    --color-pure-white: #ffffff;
    
    /* Footer Specific */
    --color-footer-bg: var(--ge-navy);

    /* Glassmorphism Variables */
    --glass-bg: rgba(255, 255, 255, 0.65);
    --glass-blur: blur(20px);
    --glass-border: rgba(17, 17, 17, 0.05);
    --glass-shadow: 0 10px 40px rgba(17, 17, 17, 0.04);

    /* Typography */
    --font-primary: 'Inter', sans-serif;
    --font-heading: 'Outfit', sans-serif;

    /* Spacing System */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 8rem;
    --space-xxl: 12rem;
    
    /* Animation Easing */
    --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out: cubic-bezier(0.25, 0.8, 0.25, 1);
    --transition-fast: 0.2s var(--ease-smooth);
    --transition-normal: 0.4s var(--ease-smooth);
    --transition-slow: 0.8s var(--ease-smooth);
    
    /* Z-indexes */
    --z-negative: -1;
    --z-normal: 1;
    --z-header: 1000;
    --z-mobile-nav: 1020;
    --z-dropdown: 1050;
    --z-loader: 9999;
}