:root {
    --bodyFont: "Manrope", sans-serif;
    --headingFont: "Manrope", sans-serif;
    --body_font_size: 1.7rem;
    --body_line_height: 3rem;
    --body_font_color: #232323;
    --body_link_color: #6b982c;
    --body_link_hover_color: #000000;

    --image_border_radius: 10px;

    --primary: #6b982c;
    --primary_textcolor: #ebf4dc;
    --primary_headingcolor: #ffffff;
    --primary_linkcolor: #d5e0c7;

    --secondary: #b1d68f;
    --secondary_textcolor: #000000;
    --secondary_headingcolor: #000000;
    --secondary_linkcolor: #000000;

    --default: #8d2c90;
    --default_textcolor: #ffffff;
    --default_headingcolor: #ffffff;
    --default_linkcolor: #000000;
}
.background_primary {
    background: var(--primary);
    color: var(--primary_textcolor)!important;
    h1, h2, h3, h4, h5, h6 {
        color: var(--primary_headingcolor)!important;
    }
    a:not(.btn) {
        color: var(--primary_linkcolor);
        text-decoration: underline;
        &:hover,
        &:focus,
        &:active {
            text-decoration: none;
        }
    }
    .btn.btn-primary {
        filter: brightness(0.85);
    }
}
.background_secondary {
    background: var(--secondary);
    color: var(--secondary_textcolor)!important;
    h1, h2, h3, h4, h5, h6 {
        color: var(--secondary_headingcolor)!important;
    }
    a:not(.btn) {
        color: var(--secondary_linkcolor);
        text-decoration: underline;
        &:hover,
        &:focus,
        &:active {
            text-decoration: none;
        }
    }
    .btn.btn-secondary {
        filter: brightness(0.85);
    }
}
.background_default {
    background: var(--default);
    color: var(--default_textcolor);
    h1, h2, h3, h4, h5, h6 {
        color: var(--default_headingcolor);
    }
    a:not(.btn) {
        color: var(--default_linkcolor);
        text-decoration: underline;
        &:hover,
        &:focus,
        &:active {
            text-decoration: none;
        }
    }
    .btn.btn-default {
        filter: brightness(0.85);
    }
}
.background_ {
    color: #192903;
    h1, h2, h3, h4, h5, h6 {
        color: #192903;
    }
}
.background_white {
    background: #fff; color: #000;
}
.background_black {
    background: #000; color: #fff;
}
                        .background_extra_1 {
        background: #ebf4dc;
        color: #050505;
        h1, h2, h3, h4, h5, h6 {
            color: #000000!important;
        }
        a:not(.btn) {
            color: #000000;
            text-decoration: underline;
            &:hover,
            &:focus,
            &:active {
                text-decoration: none;
            ;
            }
        }
    }