:root {
    /* Colors */
    --color-primary: #004273;
    --color-primary-dark: #003359;
    --color-accent: #7FCEF4;
    --color-accent-dark: #5eb6df;
    --color-bg-white: #FFFFFF;
    --color-bg-ice: #F2FAFE;
    --color-text-main: #333333;
    --color-text-muted: #6B7280;
    --color-text-white: #FFFFFF;
    --color-error: #EF4444;
    --color-success: #10B981;

    /* Fonts */
    --font-header: 'Source Sans Pro', sans-serif;
    --font-body: 'Open Sans', sans-serif;

    /* Spacing */
    --spacing-container: 1280px;
    --spacing-section-desktop: 80px;
    --spacing-section-mobile: 48px;
    --gutter: 24px;
    --gutter-mobile: 16px;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 66, 115, 0.1), 0 4px 6px -2px rgba(0, 66, 115, 0.05);
    --shadow-xl: 0 20px 40px -8px rgba(0, 66, 115, 0.15), 0 8px 16px -4px rgba(0, 66, 115, 0.08);

    /* Transitions */
    --transition-fast: 200ms ease;
    --transition-normal: 300ms ease;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 12px;
}