:root {
    --cl-primary: #5f8c97;
    --cl-logo: var(--cl-primary);
    --cl-accent-one: #616c97;
    --cl-accent-two: #43656a;
    --cl-accent-three: #5f8c97;
    --cl-accent-four: #436a48;
    --cl-accent-five: #4a476a;
    --cl-accent-light: var(--cl-accent-one);
    --cl-accent-dark: var(--cl-accent-five);
    --cl-secondary: var(--cl-accent-one);
    --cl-brown-light: #97775f;
    --cl-brown-dark: #6a5343;
    --cl-alt-light: var(--cl-brown-light);
    --cl-alt-dark: var(--cl-brown-dark);
    --cl-background-one: var(--cl-accent-one);
    --cl-background-two: var(--cl-accent-two);
    --cl-background-three: var(--cl-accent-three);
    --cl-background-four: var(--cl-accent-four);
    --cl-background-five: var(--cl-accent-five);
    --cl-white: #ffffff;
}

.cl-bg-gradient {
    background-color: var(--cl-background-one);
    background: linear-gradient(36deg,rgb(101 108 149) 39%,rgb(110 162 179) 100%);
}
.cl-bg-gradient2 {
    background-color: var(--cl-background-one);
    background: linear-gradient(49deg,rgb(84 91 132) 55%,rgb(110 162 179) 100%);
    /*background: linear-gradient(284deg,rgb(101 108 149) 39%,rgb(110 162 179) 100%);*/
}
.cl-bg-gradient-mask {
    background-color: var(--cl-background-one);
    background: linear-gradient(317deg,rgb(60 47 132 / 77%) 39%,rgb(122 190 212 / 68%) 100%); 
    opacity: 1!important;
}
.cl-bg-one {
    background-color: var(--cl-background-one);
}
.cl-bg-two {
    background-color: var(--cl-background-two);
}
.cl-bg-three {
    background-color: var(--cl-background-three);
}
.cl-bg-four {
    background-color: var(--cl-background-four);
}
.cl-bg-five {
    background-color: var(--cl-background-five);
}
.cl-text-one {
    color: var(--cl-background-one);
}
.cl-text-two {
    color: var(--cl-background-two);
}
.cl-text-three {
    color: var(--cl-background-three);
}
.cl-text-four {
    color: var(--cl-background-four);
}
.cl-text-five {
    color: var(--cl-background-five);
}