:root {
    /* Color Palette - Premium Professional (Light/Blue Theme) */
    --color-primary: #FFFFFF;
    /* Pure White (Page BG) */
    --color-primary-light: #F4F7FB;
    /* Very Light Blue-Grey (Cards/Sections) */
    --color-brand: #2B2D73;
    /* Official Logo Blue */
    --color-brand-deep: #1A1C50;
    /* Darker Blue */
    --color-secondary: #FFFFFF;
    /* Pure White (Text on Dark) */
    --color-accent: #D4AF37;
    /* Prestige Gold */
    --color-accent-dark: #B59328;
    --color-accent-light: #F2D06B;

    --color-text-main: #333333;
    /* Dark Grey (Body Text) */
    --color-text-heading: #2B2D73;
    /* Brand Blue (Headings) */
    --color-text-muted: #666666;
    /* Medium Grey */
    --color-border: #E0E5EC;
    /* Light Border */

    /* Gradients */
    --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #F2D06B 50%, #C5A028 100%);
    --gradient-dark: linear-gradient(to bottom, #FFFFFF, #F4F7FB);
    --gradient-blue: linear-gradient(135deg, #2B2D73 0%, #1A1C50 100%);

    /* Typography */
    --font-heading: 'Helvetica', 'Arial', sans-serif;
    --font-body: 'Helvetica', 'Arial', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* Layering */
    --z-header: 1000;
    --z-modal: 2000;
}

/* Hardware acceleration hints for mobile smoothness */
.hero-slide, .section-title, .paragraph-text, .mobile-sidebar, .sidebar-overlay, .main-header {
    will-change: transform, opacity, visibility;
}