:root {
    /* Branding Colors */
    --brand-navbar-bg: #32343f; /* Dark Gray */
    --brand-navbar-text: #d3ac44; /* Gold */
    --brand-navbar-hover: #b38e36; /* Hover Gold */
    --brand-navbar-border: #51511F; /* Subtle Border */
    --brand-navbar-active: #d3ac44; /* Active Gold */
}

html[data-bs-theme="dark"] {
    --bs-body-bg: #1e2027 !important;
    --bs-heading-color: #d3ac44 !important;
    --bs-navbar-color: #32343f !important;
}
html[data-bs-theme="dark"] .navbar {
    background-color: #32343f !important;
    color: #d3ac44 !important;
}
html[data-bs-theme="dark"] .navbar a {
    color: var(--brand-navbar-text) !important;
    text-decoration: none;
}

html[data-bs-theme="dark"] .navbar a:hover {
    color: var(--brand-navbar-hover) !important;
}

html[data-bs-theme="dark"] a:active {
    color: var(--brand-navbar-active) !important;
}
html[data-bs-theme="dark"] #toc > div.flex-fill.overflow-y-auto > ul > li.expander.expanded.active > ul > li.active > a{
    color: var(--brand-navbar-active) !important;
}
html[data-bs-theme="dark"] #toc > div.flex-fill.overflow-y-auto > ul > li.expander.expanded.active > a{
    color: var(--brand-navbar-active) !important;
}
html[data-bs-theme="dark"] #breadcrumb > ol > li > a {
    color: var(--brand-navbar-active) !important;
}
html[data-bs-theme="dark"] .anchorjs-link {
    color: var(--brand-navbar-text) !important;
}

html[data-bs-theme="dark"] body > main > div.content > article > ul > li > a{
    color: var(--brand-navbar-text) !important;
}
#logo{
    display: none;
}
li.active{
    color: var(--brand-navbar-text) !important;
}
#toc > div > ul > li.active > a{
    color: var(--brand-navbar-text) !important;
}