:root {
    --bb-sidebar-width: 270px;
    --bb-sidebar-collapsed-width: 50px;
    --bb-sidebar-gradient-start: #10492e;
    --bb-sidebar-gradient-end: #0a2c18;
    --bb-sidebar-background-color: linear-gradient(180deg, var(--bb-sidebar-gradient-start) 0%, var(--bb-sidebar-gradient-end) 70%);
    --bb-sidebar-top-row-background-color: rgba(0, 0, 0, 0.08);
    --bb-sidebar-top-row-border-color: rgb(194, 192, 192);
    --bb-sidebar-title-text-color: rgba(255, 255, 255, 1);
    --bb-sidebar-brand-icon-color: var(--bb-sidebar-title-text-color);
    --bb-sidebar-brand-image-width: 24px;
    --bb-sidebar-brand-image-height: 24px;
    --bb-sidebar-title-badge-text-color: rgba(255,255,255,1);
    --bb-sidebar-title-badge-background-color: rgba(25, 135, 84, var(--bs-bg-opacity, 1));
    --bb-sidebar-navbar-toggler-icon-color: rgb(0, 0, 0);
    --bb-sidebar-navbar-toggler-background-color: rgba(0, 0, 0, 0.08);
    --bb-sidebar-content-border-color: rgb(194, 192, 192);
    --bb-sidebar-nav-item-text-color: rgba(255, 255, 255, 0.9);
    --bb-sidebar-nav-item-text-active-color-rgb: 255, 255, 255;
    --bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb), 0.9);
    --bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb), 0.9);
    --bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb), 0.08);
    --bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb), 0.08);
    --custom-form-control-bg: #ffffff;
    --custom-form-control-color: #000000;
}

.bb-sidebar {
    background: var(--bb-sidebar-background-color);
}

/* Overrides for light mode */
[data-bs-theme="light"] {
    --bs-body-bg: rgb(252, 252, 252); /* background color */
    --custom-form-control-bg: #ffffff;
    --custom-form-control-color: #000000;
}

/* Overrides for dark mode */
[data-bs-theme="dark"] {
    --bs-body-bg: rgb(35, 35, 35); /* background color */
    --custom-form-control-bg: rgb(65, 65, 65);
    --custom-form-control-color: #ffffff;
}