:root,
[data-theme=light] {
    --bb-theme-color: #67D270;
    --bb-theme-color-light: #72E97C;
    
    --bb-theme-navigation-link: var(--kt-gray-700);
    --bb-theme-navigation-link-lighter: var(--kt-gray-600);

    --bb-theme-navigation-link-selected: var(--bb-theme-color);

    --bb-theme-navigation-link-hover: var(--kt-gray-900);
    --bb-theme-navigation-link-hover-lighter: var(--kt-gray-800);
    
    --bb-theme-navigation-background: var(--kt-aside-bg-color);
}

[data-theme=dark] {
    --bb-theme-color: #67D270;
    --bb-theme-color-light: #72E97C;
    
    --bb-theme-navigation-link: var(--kt-gray-700);
    --bb-theme-navigation-link-lighter: var(--kt-gray-600);

    --bb-theme-navigation-link-selected: var(--bb-theme-color);

    --bb-theme-navigation-link-hover: var(--kt-gray-900);
    --bb-theme-navigation-link-hover-lighter: var(--kt-gray-800);

    --bb-theme-navigation-background: var(--kt-aside-bg-color);
}

[data-theme=light], [data-theme=dark] {
    --kt-primary: var(--bb-theme-color);
    --kt-primary-active: var(--bb-theme-color-light);
    --bs-link-color: var(--bb-theme-color);
    --bs-link-hover-color: var(--bb-theme-color-light);
    --kt-text-primary: var(--bb-theme-color);
    --kt-form-check-input-checked-bg-color-solid: var(--bb-theme-color);
    --kt-component-active-bg: var(--bb-theme-color);
    --kt-component-hover-color: var(--bb-theme-color);
    --kt-form-check-input-checked-bg-color: var(--bb-theme-color);
    --kt-form-check-input-checked-border-color: var(--bb-theme-color);
    --kt-menu-link-color-active: var(--bb-theme-color);
    --kt-menu-link-color-hover: var(--bb-theme-color);
    --kt-scrolltop-bg-color: var(--bb-theme-color);
    --kt-scrolltop-bg-color-hover: var(--bb-theme-color);
}

.aside {
    background-color: var(--bb-theme-navigation-background) !important;
}

.aside .aside-menu .menu .menu-item .menu-link .menu-title {
    color: var(--bb-theme-navigation-link) !important;
}
.aside .aside-menu .menu .menu-item .menu-link .menu-icon .svg-icon  {
    color: var(--bb-theme-navigation-link-lighter) !important;
}

.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bb-theme-navigation-link-hover) !important;
}

.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon {
    color: var(--bb-theme-navigation-link-hover-lighter) !important;
}

.aside .aside-menu .menu .menu-item.show > .menu-link .menu-title, .aside .aside-menu .menu .menu-item.show > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--bb-theme-navigation-link-selected) !important;
}

.aside .aside-menu .menu .menu-item.show > .menu-link .menu-icon .svg-icon, .aside .aside-menu .menu .menu-item.show > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon {
    color: var(--bb-theme-navigation-link-selected) !important;
}

/* custom css */
.marketing-banner > img {
    max-width: 100%;
    border-radius: 0.85rem;
}

.bb-pink {
    color: #cc00ca;
}

.bb-purple {
    color: #662c91;
}

.bb-pink:hover, .bb-purple:hover, .bb-purple:hover > span  {
    color: var(--bb-theme-color);
}

.bg-front-page {
    background-color: var(--bb-theme-color);
}