:root {
--main-bg: #e6dede;
--header-text: #0a0a0a;
--navbar-bg: #4003b0;
--nav-profile-bg: #7c00ff;
--nav-text: #ffffff;
--login-bg: #2c0a6c;
--icon-color: #ebff66;
}


/* Background for main page */
.main {
background: var(--main-bg) !important;
}


/* Color for Main page Header Text */
.container-fluid h1 {
color: var(--header-text) !important;
}


/* Background for Navbar */
.sidebar,
.sidebar-content {
background: var(--navbar-bg) !important;
}


/* Activate Navbar item */

.sidebar-item.active .sidebar-link:hover,
.sidebar-item.active>.sidebar-link {
  background: linear-gradient(90deg, rgb(221 221 59 / 10%), rgb(216 221 59 / 9%) 50%, transparent);
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}


/* Background for Navbar Profile */
.sidebar-cta-content {
background: var(--nav-profile-bg) !important;
}

#login_theme label,
#login_theme span {
color: #000000 !important;
}


/* Color for Navbar Text */
.sidebar-nav,
.align-middle {
color: var(--nav-text) !important;
}


/* Background for Login */
#login_theme {
background: var(--login-bg) !important;
}


/* Icon Color */
.sidebar-link i,
.sidebar-link svg,
a.sidebar-link i,
a.sidebar-link svg {
color: var(--icon-color) !important;
}