:root {
    --body-background: #F9F9FA;

    --purple: #6046FF;
    --purple-light: #7661ff;

    --gray: #5D697C;
    --gray-light: #D7DADE;
    --gainsboro : #F9F9FA;
    --silver: #AEB4BD;
    --silver-light: #868F9D;

    --lilac-light: #EBECEF;
    --lilac: #DFDAFF;

    --black: #35445B;

    --green: #27AE60;
    --red: #EB5757;

    --header-menu-color: var(--black);
    --header-menu-hover-color: var(--purple);

    --footer-menu-color: #FFF;
    --footer-menu-hover-color: var(--lilac);
    --footer-background-color: #000;
    --button-background-color: var(--purple);

    --button-background-hover-color: var(--purple-light);
    --button-color: #FFFFFF;

    --button-light-background-color: var(--lilac);
    --button-light-background-hover-color: var(--purple-light);
    --button-light-color: var(--purple);

    --background-banner: linear-gradient(102deg, #E8F6F9 28.23%, #D4DEFF 59.5%);

    --star-color: #F3BA2F;

    --navigation-menu-active: #EFEDFF;

}