:root {
    --main-bg-color: #210D47;
    --main-navbar-color: #1A0A39;
    --main-wrapper-color: #120331;
    --main-btn-color: #A761FF;
    --main-disabled-color: #625086;
    --main-active-color: #341279;
    --main-border-color: #8400FF;
    --main-hover-color: #311764;
    --main-overlap-color: #210D47;
    --main-input-color: #291255;
    --main-modal-color: var(--main-overlap-color);
    --main-input-disabled-color: var(--main-disabled-color);
    --main-active-shadow: 0 0 0 .2rem #341279;
}

html[data-theme='light'] {
    /*--rgb-ui-btn-background: 30,3,71;*/
    --rgb-ui-btn-background: 107,28,186;
    --rgb-ui-btn-background-hover: 134,78,203;
    --rgb-ui-active-fill: 77,15,148;
    --rgb-ui-icon-primary-active: 255,255,255 !important;
    --rgb-graph-power-action: 167, 97, 254;
    --rgb-graph-power-fill-hover: 134,78,203;
    --rgb-dashboard-bar-accent: 228, 214, 255;
    --rgb-dashboard-bar-bg: 146, 109, 215;
    --color-typo-btn-primary: #fff !important;
    --color-typo-btn-primary-active: #fff !important;
    /*--color-typo-btn-action: #101010 !important;*/
}