/* Generated Theme CSS - 5 Color HSL Dynamic System */
:root {
    --mn-col1: 222;
    --mn-col2: 47%;
    --mn-col3: 11%;

    --sec-col1: 198;
    --sec-col2: 93%;
    --sec-col3: 60%;

    --th-col1: 189;
    --th-col2: 94%;
    --th-col3: 43%;

    --bg-col1: 224;
    --bg-col2: 49%;
    --bg-col3: 8%;

    --txt-col1: 210;
    --txt-col2: 40%;
    --txt-col3: 98%;

    --main-col: hsl(var(--mn-col1), var(--mn-col2), var(--mn-col3));
    --second-col: hsl(var(--sec-col1), var(--sec-col2), var(--sec-col3));
    --third-col: hsl(var(--th-col1), var(--th-col2), var(--th-col3));
    --bg-col: hsl(var(--bg-col1), var(--bg-col2), var(--bg-col3));
    --text-col: hsl(var(--txt-col1), var(--txt-col2), var(--txt-col3));

    --fourth-col: hsl(var(--th-col1), calc(var(--th-col2) + 15%), calc(var(--th-col3) + 8%));
    --p-color: var(--text-col);
    --below-footer: hsl(var(--mn-col1), var(--mn-col2), calc(var(--mn-col3) - 5%));
}