:root {
    --blue-deep: #000354;
    --blue-navy: #051763;
    --blue-primary: #0A328B;
    --blue-royal: #073EAE;
    --blue-vibrant: #0756D9;
    --blue-light: #159BEE;

    --white: #FDFDFE;
    --white-pure: #FFFFFF;
    --surface-light: #F1F5FB;
    --ink: #07163D;

    --text-primary: #FFFFFF;
    --text-secondary: rgba(255, 255, 255, .72);
    --text-dark-secondary: rgba(7, 22, 61, .68);

    --yellow-accent: #FFB719;
    --yellow-accent-hover: #FFC84A;
    --border-light: rgba(255, 255, 255, .16);
    --border-dark: rgba(7, 22, 61, .12);

    --container: 1580px;
    --gutter: clamp(20px, 4vw, 72px);

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 28px;
    --radius-xl: 44px;

    --shadow-soft: 0 20px 70px rgba(0, 3, 84, .16);
    --shadow-dark: 0 28px 80px rgba(0, 0, 35, .3);

    --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
    --font-body: "Inter", Arial, sans-serif;

    --ease-out: cubic-bezier(.2, .7, .2, 1);
    --ease-spring: cubic-bezier(.2, .9, .25, 1.15);

    --topbar-height: 36px;
    --header-height: 92px;
}