:root {
    color-scheme: dark;
    --bs-body-color: #{$body-color-dark};
    --bs-body-bg: #{$body-bg-dark};
    --bs-body-color-rgb: #{red($body-color-dark)}, #{green($body-color-dark)}, #{blue($body-color-dark)};
    --bs-text-color: #cbd0d4;
    --bs-gray-1000: #1a1d20;
    --bs-gray-1100: #111315;
    --bs-gray-1100-rgb: 17, 19, 21;
    --bs-emphasis-color: var(--bs-gray-1100);
    --bs-emphasis-color-rgb: var(--bs-gray-1100-rgb);
    --bs-secondary-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), 0.75);
    --bs-secondary-color-rgb: rgba(--bs-gray-300-rgb, 222, 226, 230);
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), 0.5);
    --bs-tertiary-color-rgb: rgba(--bs-gray-300-rgb, 222, 226, 230);
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #{$primary-text-emphasis-dark};
    --bs-secondary-text-emphasis: #{$secondary-text-emphasis-dark};
    --bs-success-text-emphasis: #{$success-text-emphasis-dark};
    --bs-info-text-emphasis: #{$info-text-emphasis-dark};
    --bs-warning-text-emphasis: #{$warning-text-emphasis-dark};
    --bs-danger-text-emphasis: #{$danger-text-emphasis-dark};
    --bs-light-text-emphasis: #{$light-text-emphasis-dark};
    --bs-dark-text-emphasis: #{$dark-text-emphasis-dark};
    --bs-secondary-bg-subtle: #{$secondary-bg-subtle-dark};
    --bs-success-bg-subtle: #{$success-bg-subtle-dark};
    --bs-info-bg-subtle: #{$info-bg-subtle-dark};
    --bs-warning-bg-subtle: #{$warning-bg-subtle-dark};
    --bs-danger-bg-subtle: #{$danger-bg-subtle-dark};
    --bs-light-bg-subtle: #{$light-bg-subtle-dark};
    --bs-dark-bg-subtle: #{$dark-bg-subtle-dark};
    --bs-secondary-border-subtle: #{$secondary-border-subtle-dark};
    --bs-primary-border-subtle: #{$primary-border-subtle-dark};
    --bs-success-border-subtle: #{$success-border-subtle-dark};
    --bs-info-border-subtle: #{$info-border-subtle-dark};
    --bs-warning-border-subtle: #{$warning-border-subtle-dark};
    --bs-danger-border-subtle: #{$danger-border-subtle-dark};
    --bs-light-border-subtle: #{$light-border-subtle-dark};
    --bs-dark-border-subtle: #{$dark-border-subtle-dark};
    --bs-heading-color: inherit;
    --bs-link-color: #{$link-color-dark};
    --bs-link-color-rgb: #{red($link-color-dark)}, #{green($link-color-dark)}, #{blue($link-color-dark)};
    --bs-link-hover-color: #{$primary};
    --bs-link-hover-color-rgb: #{red($primary)}, #{green($primary)}, #{blue($primary)};
    --bs-primary-bg-subtle: #{$primary-bg-subtle};
    --bs-code-color: #{$code-color-dark};
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #{$border-color-dark};
    --bs-border-color-translucent: #{$border-color-translucent-dark};
    --bs-form-valid-color: #{$form-valid-color-dark};
    --bs-form-valid-border-color: #{$form-valid-border-color-dark};
    --bs-form-invalid-color: #{$form-invalid-color-dark};
    --bs-form-invalid-border-color: #{$form-invalid-border-color-dark};
}

.dark-animation,
.dark-animation *,
.dark-animation *::before,
.dark-animation *::after {
    transition: all .4s ease !important;
}
// scrollbar
::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-track {
    background: var(--bs-gray-1000, #1e1e25);
    border-radius: 20px;
}
::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 0;
    background-color: var(--bs-gray-600, #6c757d);
    &:hover {
        background-color: var(--bs-gray-700, #495057);
    }
}
@keyframes bg-pulse-grey {
    0% {
        background-color: var(--bs-gray-1100, #00031c);
    }
    50% {
        background-color: var(--bs-gray-900, #2e3134);
    }
    100% {
        background-color: var(--bs-gray-700, #495057);
    }
}
a {
    color: var(--bs-link-color, #98b6d9);
    &:hover {
        color: var(--bs-link-hover-color, #aacbf2);
    }
    &:focus,
    &:not([class]):focus {
        color: var(--bs-link-focus-color, #b3c0e8);
    }
}
.aalink.focus,
a.focus.autolink,
.aalink:focus,
a.autolink:focus,
#page-footer a:not([class]).focus,
#page-footer a:not([class]):focus,
.arrow_link.focus,
.arrow_link:focus,
a:not([class]).focus,
a:not([class]):focus,
.activityinstance > a.focus,
.activityinstance > a:focus {
    background-color: rgba(var(--bs-white-rgb, 255, 255, 255), .12);
    box-shadow: 0 -0.2rem rgba(var(--bs-white-rgb, 255, 255, 255), .12), 0 0.2rem var(--bs-gray-800, #393e4f);
}
.bg-secondary {
    background: var(--bs-gray-700, #495057) !important;
    background-color: var(--bs-gray-700, #495057) !important;
}
pre {
    color: var(--bs-gray-600, #6c757d);
}
.activity-item.hiddenactivity .activityiconcontainer,
.activity-item.hiddenactivity .badge {
    mix-blend-mode: initial;
}
html, body,
#page.drawers .main-inner,
#region-main {
    color: var(--bs-text-color, #cbd0d4) !important;
    background: var(--bs-gray-1100, #00031c) !important;
    background-color: var(--bs-gray-1100, #00031c) !important;
    div[role="main"] {
        background: var(--bs-gray-1000);
        box-shadow:
                0 4px 6px rgba(0, 0, 0, 0.3),  /* sombra suave próxima */
                0 10px 20px rgba(0, 0, 0, 0.2), /* sombra média */
                0 20px 40px rgba(0, 0, 0, 0.15); /* sombra mais distante */
    }
}
.header-main,
#header,
#nav-drawer .list-group-item.active > div,
#nav-drawer .list-group-item.active:hover {
    background-color: var(--bs-gray-1100, #00031c);
    color: var(--bs-nav-drawer, #e8eaed);
    border-color: var(--bs-gray-900, var(--bs-gray-900, #2e3134));
    &.fixed-top {
        background-color: var(--bs-gray-1100, #00031c) !important;
        color: var(--bs-nav-drawer, #e8eaed);
        border-color: var(--bs-gray-900, var(--bs-gray-900, #2e3134));
    }
}
.card {
    background-color: #1e1e2f;
    color: #e0e0e0;
    border: 1px solid rgba(255, 255, 255, .05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .4);
    transition: all .3s ease;
    .card-header {
        background-color: rgba(255, 255, 255, .02);
        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, .05);
    }
}
.nav-tabs.nav-pills {
    .nav-link {
        color: #cccccc;
        background-color: transparent;
        border: none;
        margin-right: 0.25rem;
        border-radius: 0.5rem;
        transition: background-color 0.3s ease, color 0.3s ease;
        &:hover {
            background-color: #2c2c3d;
            color: #ffffff;
        }
        &.active,
        &.active:focus,
        &.active:hover {
            background-color: var(--bs-primary);
            color: #ffffff;
        }
    }
}
#header {
    a {
        color: var(--bs-white, #ffffff) !important;
        &:hover {
            color: var(--bs-gray-200, #e9ecef) !important;
        }
        &:focus,
        &:not([class]):focus {
            color: var(--bs-gray-300, #dee2e6) !important;
        }
    }
}
#footer .footer-main {
    background-color: var(--bs-gray-1000, #1e1e25);
    color: var(--bs-nav-drawer, #e8eaed);
    border-color: var(--bs-gray-1000, #1e1e25);
}
#page-wrapper .block-region .block,
#page .block-region .block {
    //background-color: var(--bs-gray-1000, #1e1e25) !important;
    //color: var(--bs-nav-drawer, #e8eaed);
    //border-color: var(--bs-gray-900, var(--bs-gray-900, #2e3134));
}
.block-my-links .ff_one,
.frontpage-course-box {
    background-color: var(--bs-gray-1000, #1e1e25) !important;
    border-color: var(--bs-gray-900, var(--bs-gray-900, #2e3134));
    .course-item {
        background-color: var(--bs-gray-1000, #1e1e25) !important;
    }
    * {
        color: var(--bs-nav-drawer, #e8eaed);
    }
}
.block .block-cards span.categoryname,
.block .block-cards .btn-link,
.block .block-controls .dropdown-toggle {
    color: var(--bs-gray-500, #adb5bd);
}
.border {
    border-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), .3) !important;
}
.border-top {
    border-top-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), .39) !important;
}
.border-bottom {
    border-bottom-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), .39) !important;
}
.border-left,
.border-start {
    border-left: 1px solid rgba(var(--bs-gray-300-rgb, 222, 226, 230), .39) !important;
}
.border-bottom {
    border-bottom: 1px solid rgba(var(--bs-gray-300-rgb, 222, 226, 230), .39) !important;
}
.border-right, .border-end {
    border-right: 1px solid rgba(var(--bs-gray-300-rgb, 222, 226, 230), .39) !important;
}
.bg-light,
.bg-white {
    background-color: var(--bs-black, #000000) !important;
}
.bg-primary-light {
    background-color: #f3f8f217 !important;
}
.text-dark {
    color: var(--bs-white, #ffffff) !important;
}
.modchoosercontainer .bg-white {
    background-color: var(--bs-white, #ffffff) !important;
}
.page-link {
    color: var(--bs-link-color, #98b6d9) !important;
    background-color: var(--bs-black, #000000) !important;
    border: 1px solid rgba(var(--bs-white-rgb, 255, 255, 255), .26) !important;
}
.page-item.active .page-link {
    color: var(--bs-white, #ffffff) !important;
    background-color: rgb(var(--color_primary)) !important;
    border-color: rgb(var(--color_primary)) !important;
}
.btn {
    color: var(--bs-gray-200, #e9ecef);
    &.btn-icon:hover,
    &.btn-icon:focus {
        background-color: rgba(var(--bs-gray-200-rgb, 233, 236, 239), .4);
    }
    &.add-content {
        background-color: var(--bs-gray-1000, #1e1e25);
    }
    &:hover {
        color: var(--bs-gray-400, #ced4da);
    }
}
.btn.add-section {
    border: 2px dashed rgba(var(--bs-white-rgb, 255, 255, 255), .53);
    color: #7d8389;
    background: rgba(var(--bs-white-rgb, 255, 255, 255), .12);
}
.block-add {
    background-color: rgba(var(--bs-gray-200-rgb, 233, 236, 239), .21);
    &:hover {
        background-color: rgba(var(--bs-gray-200-rgb, 233, 236, 239), .36);
    }
}
.nav-link:focus {
    box-shadow: none !important;
}
[data-action=closedrawer] i {
    color: var(--bs-white, #ffffff);
}
.text-muted {
    color: var(--bs-gray-400, #ced4da) !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--bs-gray-100, #f8f9fa) !important;
}
h5, h6,
.h5, .h6 {
    color: var(--bs-gray-100, #f8f9fa);
}
hr {
    border-top: 1px solid rgba(255, 255, 255, .27);
}
table {
    --base02: #3e4451;
    --base03: #868e96;
    --base04: #868e96;
    --base05: #abb2bf;
    --base06: #b6bdca;
    --base07: #feb272;
    --base08: #6edff6;
    --base09: #feb272;
    --base0A: #ffe69c;
    --base0B: #79dfc1;
    --base0C: #79dfc1;
    --base0D: #6ea8fe;
    --base0E: #c29ffa;
    --base0F: #ea868f;
    & {
        color: var(--bs-text-color, #cbd0d4);
        th,
        td {
            border-color: var(--bs-gray-900, var(--bs-gray-900, #2e3134)) !important;
            color: #c8c8c8;
        }
        th {
            background: #616161 !important;
            border-color: var(--bs-gray-900, #2e3134);
            color: var(--bs-gray-500, #adb5bd);
        }
        tr {
            border-color: var(--bs-gray-900, #2e3134);
            &:hover {
                background-color: var(--bs-gray-1000, #1e1e25);
                color: #bec6cd;
            }
            th,
            td {
                background: var(--bs-gray-800, #393e4f) !important;
            }
            tr:nth-child(odd) > th,
            tr:nth-child(odd) > td {
                background: var(--bs-gray-900, #2e3134);
            }
        }
        .icon.sorticon {
            background-color: var(--bs-gray-900, #2e3134);
            color: var(--bs-nav-drawer, #e8eaed);
            &:hover {
                background-color: var(--bs-gray-700, #495057);
                color: var(--bs-gray-200, #e9ecef) !important;
            }
        }
        a:not(.dropdown-item) .icon {
            background-color: transparent;
            color: var(--bs-nav-drawer, #e8eaed);
        }
        a:not(.dropdown-item):hover .icon {
            background-color: var(--bs-gray-700, #495057) !important;
            color: var(--bs-gray-200, #e9ecef) !important;
        }
        .dropdown-btn {
            background-color: var(--bs-gray-900, #2e3134);
        }
        .c1,
        .c3 {
            color: var(--bs-gray-500, #adb5bd);
        }
        .c2 {
            color: var(--bs-gray-500, #adb5bd);
        }
        .c4 a .icon,
        .c5 a .icon,
        .c0 a:hover .icon,
        .c3 a:hover .icon,
        .c4 a:hover .icon,
        .c5 a:hover .icon,
        td a .icon,
        td a .icon:not(.noicon),
        td a .icon,
        td a .icon:not(.noicon) {
            background-color: transparent;
            color: var(--bs-nav-drawer, #e8eaed);
            &:hover {
                background-color: transparent !important;
            }
        }
    }
}
.moremenu .nav-tabs {
    background-color: var(--bs-gray-1000, #1e1e25);
}
.primary-navigation .navigation .nav-link {
    [aria-expanded="true"] {
        background-color: var(--bs-gray-900, #2e3134) !important;
        color: var(--bs-gray-500, #adb5bd) !important;
    }
    color: var(--bs-text-color, #cbd0d4) !important;
}
.header-maxwidth .navigation .nav-tabs,
.secondary-navigation .navigation .nav-tabs {
    background-color: rgba(var(--bs-white-rgb, 255, 255, 255), .09);
    .nav-item {
        background: transparent !important;
        .nav-link {
            background: transparent !important;
            border-width: 0 !important;
            border-radius: 0 !important;
            color: var(--bs-gray-200, #e9ecef) !important;
            &:hover {
                background-color: $primary !important;
                color: var(--bs-gray-100, #f8f9fa) !important;
            }
            &.active {
                background-color: $primary!important;
                color: var(--bs-white, #ffffff) !important;
            }
        }
    }
}
.list-group-item-action {
    color: var(--bs-gray-500, #adb5bd);
    &:hover,
    &:focus {
        color: var(--bs-gray-500, #adb5bd);
        border-bottom: 1px solid var(--bs-link-focus-color, #b3c0e8);
    }
    &:active {
        color: var(--bs-text-color, #cbd0d4);
        background-color: var(--bs-gray-1000, #1e1e25);
    }
}
.list-group-item {
    background-color: var(--bs-gray-1000, #1e1e25);
    --bs-list-group-border-color: rgba(255, 255, 255, .27);
    &.disabled,
    &:disabled {
        background-color: var(--bs-gray-1100, #00031c);
    }
    &.active {
        background-color: var(--bs-black, #000000);
    }
}
.custom-select,
select.quickgrade {
    color: var(--bs-gray-500, #adb5bd);
    background: var(--bs-gray-1000, #1e1e25) url('[[pix:theme|dark/custom-select]]') right 10px center / 8px 10px no-repeat;
    border-color: var(--bs-gray-900, #2e3134);
    &:disabled {
        color: var(--bs-gray-1000, #1e1e25);
        background-color: var(--bs-gray-600, #adb5bd);
    }
}
.form-control,
select,
textarea,
[type=text] {
    color: var(--bs-gray-500, #adb5bd) !important;
    background-color: var(--bs-gray-1000, #1e1e25);
    border: 1px solid var(--bs-gray-900, #2e3134);
}
.form-control:disabled, .form-control[readonly] {
    background-color: var(--bs-gray-1000, #1e1e25);
    opacity: .7;
}
.form-control:focus {
    color: var(--bs-gray-400, #ced4da) !important;
    background-color: var(--bs-gray-800, #393e4f);
    border-color: transparent;
}
.btn-primary,
.addtagcoll a,
.path-admin-tag .addstandardtags a,
.gradereport_history_usp .usp-finish input,
.forum-post-footer a,
.mod_quiz-next-nav,
.addbloglink a,
.last-add-menu .dropdown-btn,
#siteconfiglink a,
#enterlink p:nth-of-type(1) a,
#enterlink p:nth-of-type(2) a,
#addcontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-view .subscription .helplink a {
    background-color: $primary;
    color: #e6eaf7;
    border-color: transparent;
}
.btn-secondary {
    color: var(--bs-gray-1000, #1e1e25) !important;
    background-color: var(--bs-secondary-color) !important;
    border-color: var(--bs-secondary-color) !important;
}
.dropdown-menu,
.form-autocomplete-suggestions {
    color: var(--bs-text-color, #cbd0d4) !important;
    background-color: var(--bs-gray-1000, #1e1e25) !important;
    border: 1px solid var(--bs-gray-900, #2e3134) !important;
    a,
    li,
    .dropdown-item {
        color: var(--bs-text-color, #cbd0d4) !important;
        background: transparent !important;
        &.active,
        &:active,
        &:hover,
        &:focus,
        &:focus-within {
            background: rgba(var(--bs-white-rgb, 255, 255, 255), .1) !important;
        }
    }
    li[aria-selected=true],
    a.active,
    a:hover,
    .dropdown-item.active,
    .dropdown-item:hover {
        background-color: var(--bs-gray-900, #2e3134) !important;
        * {
            color: var(--bs-nav-drawer, #e8eaed) !important;
            background-color: transparent !important;
        }
    }
    a[aria-current="true"],
    .dropdown-item[aria-current="true"] {
        color: var(--bs-nav-drawer, #e8eaed) !important;
        background-color: var(--bs-gray-900, #2e3134) !important;
    }
    a.disabled a,
    a:disabled a,
    .dropdown-item.disabled a,
    .dropdown-item:disabled a {
        color: var(--bs-gray-500, #adb5bd) !important;
    }
}
.header-menubar .primary-navigation ul.navbar-nav .dropdown:hover > ul .dropdown a,
.header-menubar #usernavigation ul.navbar-nav .dropdown:hover > ul .dropdown a {
    background: #0a0a0a !important;
}
.moremenu .show > .nav-link,
.moremenu .active > .nav-link,
.moremenu .nav-link.show {
    background: transparent !important;
}
.dropdown-divider {
    height: 0;
    margin: .35rem -.35rem;
    overflow: hidden;
    border-top: 1px solid #202124;
}
.dropdown-header {
    color: var(--bs-gray-500, #adb5bd);
    border-bottom: 1px solid #202124;
}
.dropdown-btn {
    color: var(--bs-nav-drawer, #e8eaed);
    &:hover {
        background-color: var(--bs-gray-900, #2e3134);
        color: var(--bs-text-color, #cbd0d4);
    }
}
.nav-tabs {
    border-bottom: 1px solid rgba(var(--bs-gray-300-rgb, 222, 226, 230), .22);
    &:not(.more-nav) .nav-link {
        &.active,
        &:hover {
            border: none;
            color: var(--bs-white, #ffffff);
            background: rgb(var(--color_primary));
        }
    }
}
.custom-control-label,
.custom-control-input:not(:checked) ~ span.custom-control-label {
    &::before {
        border-color: var(--bs-gray-900, #2e3134);
        background-color: #050505;
    }
}
#page-header .crumbs li a,
#page-header .crumbs li span {
    background: var(--bs-gray-900, #2e3134);
    color: var(--bs-white, #ffffff);
}
.btn.btn-icon.icons-collapse-expand {
    border: 1px solid #2c2e3a;
    background-color: transparent;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    i {
        margin-left: 3px;
    }
    + h3 {
        a {
            color: #acbdd9;
        }
    }
}
.drawer-toggles .drawer-toggler .btn {
    background-color: var(--bs-gray-900, #2e3134);
}
// Tiny Editor
.tox {
    &.tox-tinymce {
        border: 2px solid #2b2b2b !important;
    }
    .tox-mbtn {
        background: transparent !important;
        color: var(--bs-white, #ffffff) !important;
    }
    .tox-menubar,
    .tox-toolbar,
    .tox-toolbar__primary,
    .tox-toolbar__overflow,
    .tox-toolbar-overlord,
    .tox-anchorbar {
        background-color: transparent !important;
    }
    .tox-editor-header {
        background-color: var(--bs-gray-1100, #00031c) !important;
        border-bottom: 1px solid rgba(var(--bs-white-rgb, 255, 255, 255), .15) !important;
    }
    .tox-tbtn {
        background-color: var(--bs-gray-1000, #1e1e25) !important;
        &.tox .tox-tbtn:hover {
            background: var(--bs-gray-700, #495057);
        }
        svg {
            fill: var(--bs-black, #000000) !important;
            filter: invert(1) !important;
        }
    }
    .tox-tbtn--disabled {
        background-color: var(--bs-gray-700, #495057) !important;
        svg {
            filter: invert(1) !important;
        }
    }
    .tox-statusbar {
        background-color: var(--bs-gray-700, #495057) !important;
        border-top: 1px solid rgba(var(--bs-white-rgb, 255, 255, 255), .15) !important;
        &, * {
            color: rgba(var(--bs-white-rgb, 255, 255, 255), .75) !important;
        }
    }
    .tox-menu {
        background-color: var(--bs-gray-700, #495057);
        border: 1px solid transparent;
        &, * {
            color: var(--bs-gray-200, #e9ecef) !important;
        }
        svg {
            fill: var(--bs-black, #000000) !important;
            filter: invert(1) !important;
        }
        .tox-collection__item--active {
            background-color: var(--bs-gray-1100, #00031c);
        }
        .tox-collection__item--enabled {
            background-color: rgba(var(--bs-white-rgb, 255, 255, 255), .22) !important;
        }
    }
}
// Course content
.course-content {
    ul li.section.main {
        border-bottom-color: transparent !important;
    }
    .activity {
        border-top-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), .35);
    }
    .activity-item.hiddenactivity {
        background-color: rgba(var(--bs-gray-100-rgb, 248, 249, 250), .17);
    }
}
.course-section {
    .section-item {
        border-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), .35);
    }
    &.hidden .section-item,
    &.orphaned .section-item {
        background-color: rgba(var(--bs-gray-100-rgb, 248, 249, 250), .3);
    }
}
.path-mod .activity-header:not(:empty) {
    background-color: var(--bs-main-navbar-background, #393e4f);
}
.checklist-extendedit .checklist-edititem {
    border-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), .35);
}
// remuiformat
body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label) {
    background: var(--bs-main-navbar-background, #393e4f);
    border-color: var(--bs-black, #000000);
    a {
        color: var(--bs-gray-700, #495057);
    }
}
// format-timeline
.format-timeline {
    div.timeline ul.section .coursemodule {
        border-color: rgba(var(--bs-gray-300-rgb, 222, 226, 230), .35);
    }
    .discuss {
        .post .entry .entry-content {
            background-color: var(--bs-main-navbar-background, #393e4f);
        }
        .add-comment .post-comment-input {
            color: var(--bs-gray-700, #495057);
            background-color: var(--bs-main-navbar-background, #393e4f);
            border-color: var(--bs-black, #000000);
        }
    }
}
// format-tiles
.format-tiles {
    a.cm-link:focus,
    a.tile-link:focus {
        box-shadow: 2px 4px 5px 0 #706e6e36;
    }
    .course-content {
        ul {
            &.tiles .tile {
                background-color: var(--bs-main-navbar-background, #393e4f);
                box-shadow: 3px 4px 8px 0 #424242a1;
                h3 {
                    color: var(--bs-gray-700, #495057);
                }
            }
            li.section.main:not(.delegated-section) {
                background-color: rgba(var(--bs-gray-900-rgb, 46, 49, 52), .61);
            }
        }
        li.activity.subtile {
            background-color: #fafafa2b;
            box-shadow: 2px 4px 5px 0 #bdbdbd3d;
            .activityname {
                background-color: var(--bs-transparent, #00000000);
            }
        }
    }
    .sectionbutton {
        background-color: var(--bs-black, #000000);
    }
}
// format-masonry
.format-masonry {
    #section-0,
    #section-1,
    #section-2,
    #section-3,
    #section-4,
    #section-5,
    #section-6,
    #section-7,
    #section-8,
    #section-9 {
        background-color: rgba(var(--bs-gray-200-rgb, 233, 236, 239), .16) !important;
    }
}
// mod checklist
.checklist_progress_outer {
    border-color: rgba(var(--bs-black-rgb, 0, 0, 0), .15);
    background-color: rgba(var(--bs-white-rgb, 255, 255, 255), .29);
    box-shadow: 2px 2px 3px rgba(var(--bs-gray-400-rgb, 206, 212, 218), .46);
}
ol.checklist {
    .itemblack {
        color: var(--bs-gray-700, #495057);
    }
    .studentcomment {
        color: var(--bs-gray-700, #495057);
        background-color: var(--bs-gray-900, #2e3134);
        border-color: var(--bs-gray-900, #2e3134);
    }
}
// mod_quiz
.jschooser .choosercontainer #chooseform .instruction,
.jschooser .choosercontainer #chooseform .typesummary,
#page-mod-quiz-edit ul.slots li.section .content,
.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
    background-color: var(--bs-gray-800, #393e4f);
    background: var(--bs-gray-800, #393e4f);
    legend {
        color: var(--bs-gray-300, #dee2e6);
    }
}
.choosercontainer #chooseform .selected {
    background-color: var(--bs-gray-600, #6c757d);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton,
.que .info {
    background-color: var(--bs-gray-800, #393e4f);
}
.que .info,
.path-mod-quiz .qnbutton.thispage .thispageholder {
    border-color: var(--bs-gray-700, #495057);
}
.que .questionflagimage {
    filter: invert(1);
}
// alert
.alert {
    .btn-close {
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    }
    &.alert-info * {
        color: var(--bs-gray-700, #495057) !important;
    }
    &.alert-warning * {
        color: #684b22 !important;
    }
}
#plugins-check-page .pluginupdateinfo,
#plugins-control-panel .pluginupdateinfo {
    color: var(--bs-gray-800, #393e4f);
    a {
        color: #4b6f9a;
    }
}
// popower
.popover-region-container,
.popover-region-footer-container {
    border-color: #deeddd30;
    background-color: rgba(var(--bs-black-rgb, 0, 0, 0), .96);
}
.content-item-container.unread {
    background-color: rgba(var(--bs-black-rgb, 0, 0, 0), .96);
}
.content-item-container {
    border-bottom-color: #deeddd30;
}
// notification-area
.content-item-container.unread {
    background-color: #f4f4f41f;
}
// file-picker
.file-picker .fp-content {
    background: var(--bs-transparent, #00000000);
}
.fp-iconview {
    .fp-thumbnail {
        border-color: rgba(var(--bs-white-rgb, 255, 255, 255), .11);
        img {
            border-color: transparent;
        }
    }
    .fp-filename-field .fp-filename {
        background: transparent;
    }
}
.fp-pathbar .fp-path-folder {
    background: url('[[pix:theme|dark/path_folder]]') left 3px no-repeat;
}
// message-app
.message-app {
    background-color: var(--bs-gray-900, #2e3134);
}
.simplesearchform .collapse.show,
.simplesearchform .collapsing {
    background-color: rgba(var(--bs-gray-900-rgb, 46, 49, 52), .87);
    .btn-submit {
        background-color: var(--bs-gray-900, #2e3134);
        border-color: var(--bs-gray-900, #2e3134);
    }
}
// maintenance
.pagelayout-maintenance .page-header-headings,
.pagelayout-secure .page-header-headings {
    background-color: var(--bs-transparent, #00000000);
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: rgba(var(--bs-gray-100-rgb, 248, 249, 250), .1);
}
// activity-item
.activity-item {
    background-color: var(--bs-transparent, #00000000);
    .activity-completion button.btn,
    .activity-completion a[role=button].btn {
        color: var(--bs-link-hover-color, #aacbf2);
        background-color: var(--bs-black, #000000);
        border-color: transparent;
        &:hover {
            color: var(--bs-link-hover-color, #aacbf2);
            background-color: var(--bs-gray-1000, #1e1e25);
            border-color: transparent;
        }
    }
    .activity-dates {
        color: var(--bs-gray-300, #dee2e6);
    }
    .activity-availability {
        background-color: var(--bs-gray-1000, #1e1e25);
    }
}
.availability-field img {
    filter: invert(1);
}
// yui3
.yui3-skin-sam {
    .yui3-calendar-content {
        color: var(--bs-gray-200, #e9ecef);
        border-color: var(--bs-black, #000000);
        background: var(--bs-black, #000000) !important;
    }
    .yui3-calendar-day-selected {
        color: var(--bs-white, #ffffff);
    }
}
.icon-no-margin .icon {
    i {
        color: var(--bs-gray-1000, #1e1e25);
    }
}
// Icons
img.icon {
    // filter: invert(1);
}
.subcategories .coursebox > .info > .coursename a,
#frontpage-category-names .coursebox > .info > .coursename a,
#frontpage-category-combo .coursebox > .info > .coursename a {
    background-image: url([[pix:theme_boost_magnific|dark/i/course]]);
}
.path-tag {
    .tag-management-box li {
        a.edittag {
            background-image: url([[pix:theme_boost_magnific|dark/i/settings]]);
        }
        a.flagasinappropriate {
            background-image: url([[pix:theme_boost_magnific|dark/i/flagged]]);
        }
        a.removefrommyinterests {
            background-image: url([[pix:theme_boost_magnific|dark/t/delete]]);
        }
        a.addtomyinterests {
            background-image: url([[pix:theme_boost_magnific|dark/t/add]]);
        }
    }
}
.course_category_tree .category.with_children > .info > .categoryname {
    background-image: url([[pix:theme_boost_magnific|dark/t/expanded);
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
    background-image: url([[pix:theme_boost_magnific|dark/t/collapsed]]);
}
.action-menu .dropdown-subpanel.content-displayed {
    background-color: rgba(var(--bs-gray-200-rgb, 233, 236, 239), .12);
    .bg-primary-light {
        background-color: rgba(var(--bs-gray-200-rgb, 233, 236, 239), .12);
        a:hover {
            background-color: var(--bs-transparent, #00000000) !important;
        }
    }
}
#header.fixed-top .header-menubar .navbar-nav .simplesearchform .btn-open,
#header.fixed-top .popover-region .popover-region-toggle i.icon,
#header.fixed-top .header-menubar .navbar-nav .usermenu .dropdown a#user-menu-toggle,
#header.fixed-top .header-menubar .navbar-nav .editmode-switch-form .input-group label,
#header.fixed-top .usermenu .moodle-actionmenu a.dropdown-toggle,
#header.fixed-top .header-logo a.navbar-brand img,
#header.fixed-top .header-logo a.navbar-brand span,
#header.fixed-top .header-menubar .primary-navigation ul.navbar-nav > li > a,
#header .popover-region .popover-region-toggle i.icon,
.navbar-light.fixed-top .navbar-nav .show > .nav-link,
.navbar-light.fixed-top .navbar-nav .active > .nav-link,
.navbar-light.fixed-top .navbar-nav .nav-link.show,
.navbar-light.fixed-top .navbar-nav .nav-link.active,
.header-menubar .navbar-nav .editmode-switch-form .input-group label,
.header-menubar .navbar-nav .usermenu .dropdown a#user-menu-toggle {
    color: #{mix(black, $primary, 15%)};
}
.form-select,
:not(.form-select) > select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
    background-color: var(--bs-gray-900);
    border: var(--bs-border-width) solid var(--bs-gray-1100);
}
.tooltip {
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
}
.breadcrumb {
    .breadcrumb-item {
        a {
            color: var(--bs-white);
            font-size: 1.2em;
        }
    }
}
