:root {
    --theme-color: #950400;
    --primary-color: var(--theme-color);
    --primary-light: #d04236;
    --primary-dark: #d9361d;
    --error-color: #cf4e06;
    --error-light: #f7763b;
    --error-dark: #b64000;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.card-header-primary-color {
    background-color: var(--primary-color);
    color: #fff;
}

.card-outline-primary-color {
    border-top: 3px solid var(--primary-color) !important;
}

.card-dark-primary-color.card-outline {
    border-top: 3px solid var(--primary-color);
}

.btn-dark-primary-color {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none;
}

    .btn-dark-primary-color:hover {
        background-color: var(--primary-dark);
        border-color: var(--primary-dark);
        color: #fff;
    }

.navbar-primary-color {
    background-color: var(--primary-color);
    color: #fff;
}

.sidebar-dark-primary-color .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary-color .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primary-color);
    color: #fff;
}

.link-dark-primary-color {
    color: var(--primary-light) !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

    .link-dark-primary-color:hover {
        color: var(--primary-dark) !important;
        text-decoration: none !important;
        background-color: transparent !important;
    }

.btn-outline-flame {
    color: var(--error-color);
    border-color: var(--error-color);
}

    .btn-outline-flame:hover {
        color: #fff;
        background-color: var(--error-color);
        border-color: var(--error-color);
    }

.text-flame {
    color: var(--error-color) !important;
}

.text-dark-cornflower-blue {
    color: var(--primary-color) !important;
}