:root {
    --main-theme-color: linear-gradient(180deg, #2c3e50, #34495e);
    --main-theme-color-hover: linear-gradient(132deg, #223a5e, #1b2838);
    --btn-theme-color: linear-gradient(132deg, #2c3e50, #34495e);
    --bg-theme-color: #2c3e50;
    --font-header-color: linear-gradient(180deg, #859bb1, #6d8094);
    --font-active-color: #ededed;
    --font-theme-color: #aec6cf;
    --nav-theme-color: #0a192f;
    --heander-menu-color: linear-gradient(180deg, #2c3e50, #34495e);
    --heander-menu-active-color: linear-gradient(129deg, #586776, #3b4b57);
    --header-wallet-color: linear-gradient(180deg, #2c3e50, #34495e);
    --bg-left-menu-color: linear-gradient(248deg, #1c2b3a, #101924);
    --btn-left-menu-color: linear-gradient(180deg, #2c3e50, #34495e);
    --btn-left-menu-active-color: linear-gradient(129deg, #596877, #3c4b56);
    --bg-content-color: #0a1825;
    --bg-collapse: linear-gradient(180deg, #2c3e50, #1b2838);
    --bg-collapse-hover: linear-gradient(129deg, #586776, #3b4b57);
    --top-bar: linear-gradient(180deg, #103784, #061738);
    --top-bar-under: #061738;
    --bg-other-color: rgb(0 0 0);
    --icon-color: invert(48%) sepia(79%) saturate(2476%) hue-rotate(164deg) brightness(118%) contrast(119%);
    --btn-theme-color: #005bff;
    --modal-theme-color: linear-gradient(0deg, rgb(5 8 35) -5.86%, rgb(1, 110, 195) 104.05%);

    --text-dif-theme: #fff;
    --btn-left: linear-gradient(0deg, #13326d, #061738);
    --btn-button-left: linear-gradient(to bottom, #6489f1 0%, #0a5cf3 100%);
    --btn-menu-left: linear-gradient(to bottom, #006fff 0%, #020522 100%);
    --btn-border-left: rgb(0 78 255);
    --text-color-btn: #FFFFFF;
    --bg-highlight : #02114d;
    --bg-board-color : #18345e;
    --bg-main-color :  #0d1421;
    --btn-login-color :  linear-gradient(180deg, #56ccf2, #2f80ed);
    --btn-reg-color : linear-gradient(180deg, #fe538b, #851a20);
    --menu-left-color :  #18345e;
    --txt-white : #000000;
}