:root {
    /*нужны для Header*/
    --colorTextOlympEconomy: #001B29;
    --primaryFon: #DFE2EA;
    --secondaryFon: #ffffff;
    --backgroungWhite: #FFFFFF;
    --textBlack: #181E2B;
    --backgroungLight: #DFE2EA;
    --menuHover: #DFE2EA;
    /*//*/

    --laTexImgFilter: none;

    --mainBackground: #E2E4E9;
    --reversedMainBackground: #242A36;
    --secondaryBackground: #FFFFFF;
    --reversedSecondaryBackground: #181E2B;
    --oppositeBackground: #303A4F;
    --middleBackground: #F3F4F7;
    --blueBackground: #E5F4FC;
    --blueBackground-2: #E8F0F7;
    --tooltipBackground: white;
    --yellowBackground: #FCF0DE;

    --mainText: #001B29;
    --reversedMainText: #F3F3F4;
    --secondaryText: #445371;
    --reversedSecondaryText: #80828B;
    --redText: #D91528;
    --grayText: #445371;
    --middleGrayText: #8D96AF;
    --yellowText: #F29100;

    --lightBlue: #0399E9;
    --lightBlue-2: #96D7F9;
    --transparentBlue: rgba(3, 153, 233, 0.1);

    --electricBlue: rgba(35, 184, 230, 1);

    --lightGray: rgba(0, 27, 41, 0.05);
    --gray: rgba(0, 0, 0, 0.2);

    --green-1: #019F3C;
    --green-2: #80CF9E;
    --green-3: #019F3C33;

    --middleOpacityRed: rgba(225, 68, 83, 0.2);
    --red-opacity-2: #EC8A93;
    --middleIcon: white;
    --disabledButtonText: rgba(0, 27, 41, 0.2);
    --redButton: #FAE0E3;
    --grayButton: #E2E4E9;
    --redDarkButton: #B81222;
}

html {
    background-color: var(--mainBackground);
    #modalPortals {
        position: relative;
    }
}