body {
}
:root {
    --heading-color: #0F0D19;
    --heading-button-color: #2a2733;
    --heading-hover-color: #673ab7;
    --heading-divider-color: #5A5666;
    --footer-color: #0F0D19;
    --content-bg-color: #0b0b0b;
    --headers-bg-color: #292833;
    --primary-color: #673ab7;
    --sidebar-bgcolor: #2a2733;
    --dark1: #0b0b0b;
    --green1: #4E7503;
    --green2: #5F9B00;
    --green3: #52bf52;
    --green4: #A8B294;
    --green5: #F0F9E4;
    --gray-font-color: #828488;
    --middle-page-bg-color: #e4e4e4;
    --middle-headers-bg-color: white;
    --middle-font-color: #211C31;
    /*--middle-line-button-selected-color: #0098E5;*/
    /*--middle-line-button-hover-color: #0098E5;*/
    --line-button-color: #302E39;
    --line-button-selected-color: #fff; /* ? */
    --line-button-hover-color: #194ccd; /*? */
    /*--links-font-color: #fff;*/
    /*--links-font-color_op_40:40%;*/
    --site-wagerning: #E3F2FD; /* ? */
    --black: #302E39;
    --main-font-color: white;
    /*--input-bg-color: #cfcfcf;*/
    /*--input-custom-bg-color : #383352;*/
    --internal-item-content: #383352; /*?*/
    --text-black-color: #999999; /*?*/
    --gray2: #9996A0;
    --gray3: #d8d8d8;
    --gray4: #E9E8EA;
    --dot-colors-color1: #89D5F4;
    --dot-colors-color2: #0098E5;
    --ps1: 8px;
    --ps2: 16px;
    --ps3: 24px;
    --dark2:#2A2B2B;

    --menuTypeScrollableItems-bg-color:#0F0D19;
    --menuScollable-menuTypeItemsWrapper-bg-color: #0b0b0b;
    --menuScollable-menuTypeSubItems-bg-color: white;
    --menuScollable-menuMobileSubItem-bg-color: #292833;
    --menuScollable-menuMobileSubItem-font-color: white;
    --menuScollable-menuMobileSubItem-disabled-font-color: white;
}