:root {
    --main-h: 219;
    --main-s: 94%;
    --main-l: 61%;
    --main: var(--main-h) var(--main-s) var(--main-l);
}


body a {
    color: hsla(var(--main-h), var(--main-s), var(--main-l), 1);
}

body a:hover {
    color: hsl(var(--main-h), var(--main-s), 40%);
}

.dashboard-main-wrapper {
    background-color: hsla(var(--main-h), var(--main-s), var(--main-l), 0.06);
}