/* text of active navbar tab */
:root {
    --primary-color: #c71
}
/* color for the header */
.bs-docs-home, .bs-header {
    color: #fff;
    background: transparent linear-gradient(to top, #c71 0%, #e71 100%) repeat scroll 0% 0%;
}

@media (prefers-color-scheme: light) {
.bs-docs-nav .navbar-nav > .active > a {
    color: #c71;
}
.bs-docs-nav .navbar-nav > .active > a:hover {
    color: #c71;
    text-shadow: 0px 0px 2px #c71;
}
/* All levels of nav */
.bs-sidebar .nav > li > a {
    display: block;
    color: #c71;
    padding: 5px 20px;
}
.bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
    border-right: 2px solid #c71;
    border-left: 2px solid #c71;
}
.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
    font-weight: bold;
    color: #c71;
    background-color: #ddd;
    border-right: 4px solid #c71;
    border-left: 4px solid #c71;
}
}