:root {
    /* Brand colors */
    --brand-blue-deep: #0A1F44;
    --brand-blue: #1E5FE0;
    --brand-cyan: #29C1F0;
    --brand-red: #E11D2E;
    --brand-red-deep: #A5111E;
    /* Dark theme (hero, footer) */
    --surface: #0A1F44;
    --surface-card: #101C3A;
    --text-primary: #FFFFFF;
    --text-muted: #A9B4C7;
    --text-on-dark: #FFFFFF;
    --border: rgba(255, 255, 255, 0.08);
    /* Light theme (body pages) */
    --surface-light: #F7F8FB;
    --surface-card-light: #FFFFFF;
    --border-light: #E4E7EE;
    --text-light: #0A1220;
    --text-muted-light: #5C6575;
    /* Typography */
    --font-primary: 'Cairo', system-ui, -apple-system, 'Segoe UI', sans-serif;
    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.4);
    /* Spacing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --space-16: 64px;
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
}