:root {
    --brand-color: #1d4697;
    --header-height: 72px;

    --color-white: #ffffff;
    --color-black: #0e1420;

    --main-background : linear-gradient(180deg, #ffffff, #E4ECFD);

    --header-bg: var(--color-white);
    --header-bg-fixed: rgba(255, 255, 255, 0.98);
    --header-border: #b0d2fd;
    --header-shadow: rgba(13, 29, 64, 0.08);
    --menu-mobile-bg: var(--brand-color);
    --menu-mobile-link: var(--color-white);
    --menu-mobile-border: var(--color-white);

    --button-bg: #fce15b;
    --button-border: #efcf3d;
    --button-text: var(--brand-color);

    --surface-soft: #eef4fc;
    --surface-border: #d7e8fb;
    --text-primary: var(--brand-color);
    --text-body: var(--color-black);

    --landing-overlay-start: rgba(255, 255, 255, 0.86);
    --landing-overlay-middle: rgba(255, 255, 255, 0.7);
    --landing-overlay-end: rgba(255, 255, 255, 0.25);
    --landing-overlay-mobile-start: rgba(255, 255, 255, 0.9);
    --landing-overlay-mobile-end: rgba(255, 255, 255, 0.82);

    --footer-bg: #264d9c;
    --footer-text: var(--color-white);
    --footer-separator: rgba(255, 255, 255, 0.8);
    --footer-separator-mobile: rgba(255, 255, 255, 0.45);
    --footer-social-border: rgba(255, 255, 255, 0.7);

    --subfooter-bg: #0f1115;
    --subfooter-text: var(--color-white);
    --subfooter-link: var(--color-white);
}