:root {
    --bodyFont: "Sofia Sans", sans-serif;;
    --headingFont: "Quicksand", sans-serif;;
    --body_font_size: 2.1rem;
    --body_line_height: 3.5rem;
    --body_font_color: #000000;
    --body_link_color: #b11225;
    --body_link_hover_color: #000000;

    --image_border_radius: 10px;

    --primary: #8a0e18;
    --primary_textcolor: #ffffff;
    --primary_headingcolor: #ffffff;
    --primary_linkcolor: #b11225;

    --secondary: #a0101e;
    --secondary_textcolor: #ffffff;
    --secondary_headingcolor: #ffffff;
    --secondary_linkcolor: #b11225;

    --default: #be111d;
    --default_textcolor: #f4f4f4;
    --default_headingcolor: #f4f4f4;
    --default_linkcolor: #b11225;

    --button_primary: #8a0e18;
    --button_primary_text: #ffffff;
    --button_primary_hover: #b11225;
    --button_primary_hover_text: #ffffff;

    --button_secondary: #a0101e;
    --button_secondary_text: #ffffff;
    --button_secondary_hover: #b11225;
    --button_secondary_hover_text: #ffffff;

    --button_default: #be111d;
    --button_default_text: #f4f4f4;
    --button_default_hover: #b11225;
    --button_default_hover_text: #ffffff;
}
.background_ {
    h1, h2, h3, h4, h5, h6 {
        color: #000;
    }
}
.background_primary {
    background: var(--primary);
    color: var(--primary_textcolor);
}
.background_primary h1,
.background_primary h2,
.background_primary h3,
.background_primary h4,
.background_primary h5,
.background_primary h6 {
    color: var(--primary_headingcolor);
}
.background_primary a:not(.btn) {
    color: var(--primary_linkcolor);
    text-decoration: underline;
}
.background_primary a:not(.btn):hover,
.background_primary a:not(.btn):focus,
.background_primary a:not(.btn):active {
    text-decoration: none;
}

/* SECONDARY */
.background_secondary {
    background: var(--secondary);
    color: var(--secondary_textcolor);
}
.background_secondary h1,
.background_secondary h2,
.background_secondary h3,
.background_secondary h4,
.background_secondary h5,
.background_secondary h6 {
    color: var(--secondary_headingcolor);
}
.background_secondary a:not(.btn) {
    color: var(--secondary_linkcolor);
    text-decoration: underline;
}
.background_secondary a:not(.btn):hover,
.background_secondary a:not(.btn):focus,
.background_secondary a:not(.btn):active {
    text-decoration: none;
}
.background_secondary .btn.btn-secondary {
    filter: brightness(0.85);
}

/* DEFAULT */
.background_default {
    background: var(--default);
    color: var(--default_textcolor);
}
.background_default h1,
.background_default h2,
.background_default h3,
.background_default h4,
.background_default h5,
.background_default h6 {
    color: var(--default_headingcolor);
}
.background_default a:not(.btn) {
    color: var(--default_linkcolor);
    text-decoration: underline;
}
.background_default a:not(.btn):hover,
.background_default a:not(.btn):focus,
.background_default a:not(.btn):active {
    text-decoration: none;
}
.background_default .btn.btn-default {
    filter: brightness(0.85);
}

/* WHITE / BLACK */
.background_white {
    background: #fff;
    color: #000;
}
.background_white h1,
.background_white h2,
.background_white h3,
.background_white h4,
.background_white h5,
.background_white h6 {
    color: #000;
}
.background_black {
    background: #000;
    color: #fff;
}
.background_black h1,
.background_black h2,
.background_black h3,
.background_black h4,
.background_black h5,
.background_black h6 {
    color: #fff;
}
                    
            
    .background_extra_1 {
        background: #be111d;
        color: #020202;
    }
    .background_extra_1 h1,
    .background_extra_1 h2,
    .background_extra_1 h3,
    .background_extra_1 h4,
    .background_extra_1 h5,
    .background_extra_1 h6 {
        color:  !important;
    }
    .background_extra_1 a:not(.btn) {
        color: ;
        text-decoration: underline;
    }
    .background_extra_1 a:not(.btn):hover,
    .background_extra_1 a:not(.btn):focus,
    .background_extra_1 a:not(.btn):active {
        text-decoration: none;
        color: ;
    }
                    
            
    .background_extra_2 {
        background: #f5f5f5;
        color: ;
    }
    .background_extra_2 h1,
    .background_extra_2 h2,
    .background_extra_2 h3,
    .background_extra_2 h4,
    .background_extra_2 h5,
    .background_extra_2 h6 {
        color:  !important;
    }
    .background_extra_2 a:not(.btn) {
        color: ;
        text-decoration: underline;
    }
    .background_extra_2 a:not(.btn):hover,
    .background_extra_2 a:not(.btn):focus,
    .background_extra_2 a:not(.btn):active {
        text-decoration: none;
        color: ;
    }
                    
            
    .background_extra_3 {
        background: #ffffff;
        color: ;
    }
    .background_extra_3 h1,
    .background_extra_3 h2,
    .background_extra_3 h3,
    .background_extra_3 h4,
    .background_extra_3 h5,
    .background_extra_3 h6 {
        color:  !important;
    }
    .background_extra_3 a:not(.btn) {
        color: ;
        text-decoration: underline;
    }
    .background_extra_3 a:not(.btn):hover,
    .background_extra_3 a:not(.btn):focus,
    .background_extra_3 a:not(.btn):active {
        text-decoration: none;
        color: ;
    }