:root {
    --main-bg-body-color: #fff;
    --main-link-color: #3b55e6;
    --main-text-color: #222328;
    --main-second-text-color: #7b7b7b;
    --main-border-color: #ededed;
    --main-border-light-color: #dadada;
    --main-border-dark-color: #9e9e9e;
    --main-shadow-color: #e2e2e2;
    --main-shadow-light-color: #eeeeee63;

    --menu-bg-color: #f7f7f7;
    --menu-bg-hover-color: #e8e8e8;
    --menu-border-color: #ededed;
    --menu-color: #3e3e3e;
    --menu-counter-bg-color: #F44336;
    --menu-counter-color: #fff;
    --menu-submenu-color: #0366d6;
    --menu-icon-color: #3e3e3e;

    --section-border-color: #ededed;
    --section-bg-color: #fff;
    --section-bg-light-color: #f9f9f9;
    --section-bg-dark-color: #e7e7e7;

    --msg-bg-color: #f3f3f3;
    --msg-text-color: #222328;

    --input-bg-color: #f0f2f7;
    --input-border-color: #e3e8f0;

    --dialog-bg-color: #fff;
    --dialog-text-color: #222328;
    --dialog-shadow-color: #0000000f;
    --dialog-border-color: #ededed;

    --slot-hover-bg-color: #fff;
    --premium-bg-color: #ffc10714;
    --premium-border-color: #ffe8ad;
    --scroll-bg-color: #fff;
    --scroll-bar-color: #222328;
    --slot-fav-bg-color: #fff8e0;
    --slot-fav-shadow-color: rgb(137 113 10 / 15%);
}