:root {
    --color-primary: #e52229 !important;
    --color-secondary: #212121 !important;
}

<!-- /* Force overrides for common Bootstrap/Theme classes if variables aren't used everywhere */
.text-primary {
    color: var(--skin-primary) !important;
}
.bg-primary {
    background-color: var(--skin-primary) !important;
}
.btn-primary {
    background-color: var(--skin-primary) !important;
    border-color: var(--skin-primary) !important;
}
.btn-primary:hover {
    background-color: var(--skin-secondary) !important;
    border-color: var(--skin-secondary) !important;
}

/* Specific theme overrides usually found in validnavs/style.css */
nav.navbar.validnavs ul.nav > li > a.active, 
nav.navbar.validnavs ul.nav > li:hover > a {
    color: var(--skin-primary) !important;
}

.site-heading h4 {
    color: var(--skin-primary) !important;
}

footer .footer-bottom {
    background-color: var(--skin-secondary) !important;
} -->