:root {
    --theme-color: #b56a9f;
    --theme-color-light: #ECD9E7;
    --light-bg-color: #b56a9f26;
    --light-color: #F5EAF1;
    --hover-color: #ce89ba;
    --second-color: #85bc8c;
    --text-hover-color: #d7d7d7;
    --solid-color: #555;
    --lightest-color: #B3CF9B33;
    --comp-color: #9f3838;
    --darkblue-color: #1e3953;
    --blue-chart-color: #1dc9b7;
    --grey-chart-color: #909090;
    --dark-shadow: 0px 0px 5px var(--light-color);
    --login-gradient: linear-gradient( 45deg, var(--light-color) 0, var(--dark-color) 50%, var(--main-color) 100%);
    --main-gradient: linear-gradient( 45deg, var(--main-color) 25%, var(--dark-color) 100%);
}