.dark-theme {
    /* background */
    --bg-primary: #181D25;
    --bg-secondary: #252C37;
    --bg-contrast-on-primary: #232730;
    /* text */
    --text-secondary: #FFFFFF;
    --text-primary: #FFFFFF;
    --text-disable: #A8AEBC;
    --text-light: #FFFFFF;
   /*  buttons */
    --btn-secondary: #333D4D;
    --btn-primary: #F4133F;
    --btn-disabled: #1E242D;
    /* border */
    --border-primary: #374253;
    --border-secondary: #475365;
    /* index */
    --color-index-fact-or-low: #6E737F;
    --color-index-deviation: #FFC107;
    --color-index-plan: #2962FF;

    --fixed-header: #2c3543;

    --error: #C90128;
    --icon-filter: invert(100%) brightness(150%);
    --logo-filter: brightness(0) saturate(100%) invert(16%) sepia(85%) saturate(7124%) hue-rotate(344deg) brightness(103%) contrast(91%);
    --shadow: 0px 0px 10px 0px #0c1d30b3;
    --scrollbar-color-track: #20242f;
    --scrollbar-color-thumb: #727689;

    --menu-color: #E0E4EB;
    --bg-menu-color: #2D3443;
    --bg-menu-footer-color: #455168;
    --color-btn-disabled: #727991;

    --bg-pages-color: #212631;
    --bg-content-color: #181D25;
    --content-main-color: #E0E4EB;
    --content-position-color: #97A3BA;
    --comtemt-optional-color: #727689;

    --font-main-color: #FFFFFF;
    --selector-border-color: #20242f;
    --selector-bg-active-color: #212631;
    --selector-shadow-color: rgb(52, 52, 52);

    --search-wrapper-color: #50555f;
}

.light-theme {
    /* background */
    --bg-primary: #F4F6F8;
    --bg-secondary: #FFFFFF;
    --bg-contrast-on-primary: #EBEEF2;
    /* text */
    --text-secondary: #767E8F;
    --text-primary: #1D222D;
    --text-disable: #A8AEBC;
    --text-light: #FFFFFF;
    /* button */
    --btn-secondary: #EFF1F3;
    --btn-primary: #C90128;
    --btn-disabled: #E3E7EB;
    /* border */
    --border-primary: #E2E6EA;
    --border-secondary: #BEC6CE;
    /* index */
    --color-index-fact-or-low: #353E50;
    --color-index-deviation: #FFC107;
    --color-index-plan: #2962FF;

    --fixed-header: #FFFFFF;

    --error: #C90128;
    --icon-filter: contrast(100%);
    --logo-filter: contrast(100%);
    --shadow: 0px 0px 10px 0px #5D759326;
    --scrollbar-color-track: #EAECF1;
    --scrollbar-color-thumb: #97A3BA;


    --menu-color: #455168;
    --bg-menu-color: #FFFFFF;
    --bg-menu-footer-color: #97A3BA;
    --color-btn-disabled: #d5d5d5;

    --bg-pages-color: #FFFFFF;
    --bg-content-color: #F9FAFB;
    --content-main-color: #455168;
    --content-position-color: #667799;

    --font-main-color: #212631;
    --selector-border-color: #EAECF1;
    --selector-bg-active-color: #ececec;
    --selector-shadow-color: rgb(204, 204, 204);

    --search-wrapper-color: #EAECF1;
}