:root {
    --bodyFont: "Poppins", sans-serif;;
    --headingFont: "Playfair Display", serif;;
    --body_font_size: 1.8rem;
    --body_line_height: 3.2rem;
    --body_font_color: #21204a;
    --body_link_color: #4caf50;
    --body_link_hover_color: #000000;

    --image_border_radius: 10px;

    --primary: #001f55;
    --primary_textcolor: #bdbbdd;
    --primary_headingcolor: #ffffff;
    --primary_linkcolor: #94d686;

    --secondary: #4caf50;
    --secondary_textcolor: #ffffff;
    --secondary_headingcolor: #ffffff;
    --secondary_linkcolor: #ffffff;

    --default: #ecece2;
    --default_textcolor: #000000;
    --default_headingcolor: #001f55;
    --default_linkcolor: #000000;
}
.background_primary {
    background: var(--primary);
    color: var(--primary_textcolor);
    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);
    }
    .btn.btn-secondary {
        &:hover,
        &:focus,
        &:active {
            background: #fff!important;
            color: var(--primary)!important;
        }
    }
}
.background_secondary {
    background: var(--secondary);
    color: var(--secondary_textcolor);
    h1, h2, h3, h4, h5, h6 {
        color: var(--secondary_headingcolor);
    }
    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: #21204a;
    h1, h2, h3, h4, h5, h6 {
        color: #21204a;
    }
}
.background_white {
    background: #fff; color: #21204a}
.background_black {
    background: #000; color: #fff;
}
                        .background_extra_1 {
        background: #a4e56d;
        color: ;
        h1, h2, h3, h4, h5, h6 {
            color: !important;
        }
        a:not(.btn) {
            color: ;
            text-decoration: underline;
            &:hover,
            &:focus,
            &:active {
                text-decoration: none;
            ;
            }
        }
    }
                        .background_extra_2 {
        background: #2f6d7c;
        color: ;
        h1, h2, h3, h4, h5, h6 {
            color: !important;
        }
        a:not(.btn) {
            color: ;
            text-decoration: underline;
            &:hover,
            &:focus,
            &:active {
                text-decoration: none;
            ;
            }
        }
    }
                        .background_extra_3 {
        background: #f3eee6;
        color: #001f55;
        h1, h2, h3, h4, h5, h6 {
            color: #001f55!important;
        }
        a:not(.btn) {
            color: #001f55;
            text-decoration: underline;
            &:hover,
            &:focus,
            &:active {
                text-decoration: none;
            ;
            }
        }
    }
                        .background_extra_4 {
        background: #f0f4f5;
        color: #001f55;
        h1, h2, h3, h4, h5, h6 {
            color: #001f55!important;
        }
        a:not(.btn) {
            color: #001f55;
            text-decoration: underline;
            &:hover,
            &:focus,
            &:active {
                text-decoration: none;
            ;
            }
        }
    }