:root {
    /* Colors */
    --brand-cyan: #00B5F0;
    --brand-blue: #2E6BB8;
    --brand-navy: #0A3D7A;
    --brand-slate: #5B7BA8;
    --brand-navy-dark: #061F3D;

    --bg-soft: #F0F7FF;
    --bg-medium: #E6F3FF;
    --bg-deep: #D9EBFF;

    --border-soft: #D6E4F5;
    --border-cyan-soft: #C4DFFC;
    --border-slate-soft: #C5D2E0;

    --text-heading: #0A3D7A;
    --text-body: #4A6792;
    --text-muted: #6B8BB5;
    --text-on-dark: #D6E8FF;
    --text-on-dark-muted: #A8C5EC;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #0A3D7A 0%, #2E6BB8 100%);
    --gradient-cta: linear-gradient(135deg, #0A3D7A 0%, #1D5293 50%, #2E6BB8 100%);
    --gradient-hero-bg: linear-gradient(135deg, #F0F7FF 0%, #E6F3FF 50%, #D9EBFF 100%);
    --gradient-cyan-blue: linear-gradient(135deg, #00B5F0 0%, #2E6BB8 100%);
    --gradient-blue-navy: linear-gradient(135deg, #2E6BB8 0%, #0A3D7A 100%);
    --gradient-slate-navy: linear-gradient(135deg, #5B7BA8 0%, #0A3D7A 100%);

    /* Spacing scale */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 64px;
    --space-2xl: 100px;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 14px;
    --radius-pill: 24px;

    /* Shadows */
    --shadow-sm: 0 2px 6px rgba(10, 61, 122, 0.08);
    --shadow-md: 0 4px 14px rgba(10, 61, 122, 0.15);
    --shadow-lg: 0 4px 20px rgba(10, 61, 122, 0.06);
    --shadow-cta: 0 6px 20px rgba(0, 0, 0, 0.2);

    /* Typography */
    --font-stack: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}