:root {
  --hsl_main_fg: 355;
  --hsl_main_bg: 50;
  --hsl_main_xx: 220;
  --hsl_white: hsl(355,0%,100%);
  --hsl_silver: hsl(355,0%,75%);
  --hsl_gray: hsl(355,0%,50%);
  --hsl_darkgray: hsl(355,0%,25%);
  --hsl_darkgray_1: hsl(355,0%,17.5%);
  --hsl_darkgray_2: hsl(355,0%,12.5%);
  --hsl_black: hsl(355,0%,0%);
  --hsl_red: hsl(355,100%, 40%);
  --hsl_yellow: hsl(45, 100%, 50%);
  --hsl_blue: hsl(205,100%,45%);
}

body.default {
  background-color: hsla(var(--hsl_main_fg),0%,90%,1);
}
.default .main-background {
  color: hsla(0,0%,25%,1);
  background-color: hsla(0,0%,90%,1);
}
.default .main-header, 
.default .main-header .nav-item {
  color: var(--hsl_white);
  background-color: var(--hsl_gray);
}
.default .main-header .nav-item .nav-link,
.default .main-header .nav-item .nav-link:active {
  color: var(--hsl_white);
}

.default .main-header .nav-item a.nav-link:hover {
  color: var(--hsl_yellow);
} 

.default .sidebar {
  background-color: var(--hsl_darkgray);
}
.default .sidebar-header {
  color: hsl(var(--hsl_main_bg), 50%, 97.5%);
  background-color: var(--hsl_yellow);
  color: var(--hsl_silver);
  background-color: var(--hsl_darkgray_1);
}
  .default .sidebar-header .brand-text {
    text-shadow: 0px 5px 7px hsl(var(--hsl_main_fg), 0%, 12.5%);
  }
    .default .sidebar-header:hover .brand-text {
      /*
      color: var(--hsl_black);
      */
      text-shadow: 0px 5px 7px hsl(var(--hsl_main_fg), 0%, 0%);
    }
  .default .sidebar-header .brand-link {
    /*
    color: hsl(var(--hsl_main_fg), 0%, 0%);
    background-color: hsla(var(--hsl_main_bg), 80%, 50%,1);
    */
    color: var(--hsl_silver);
  }
  .default .sidebar-header .brand-link img {
    background-color: hsla(var(--hsl_main_bg),0%,95%,1);
    box-shadow: 0px 5px 7px hsla(var(--hsl_main_fg),0%,12.5%,0.8);
  }
    .default .sidebar-header:hover .brand-link img {
      background-color: hsla(var(--hsl_main_bg),0%,100%,1);
      box-shadow: 0px 5px 7px hsla(var(--hsl_main_fg),0%,0%,1);
    }

.default .main-content {
  color: hsla(var(--hsl_main_fg),0%,35%,1);
  background-color: hsla(var(--hsl_main_fg),0%,95%,1);
}
.default .main-footer {
  color: hsla(var(--hsl_main_fg),0%,25%,1);
  background-color: hsla(50,100%,50%,1);
  color: var(--hsl_white);
  background-color: var(--hsl_gray);
}
.default .main-footer a {
  padding-left: 8px;
  padding-right: 8px;
  color: hsla(var(--hsl_main_fg),50%,25%,1);
}
.default .sidebar li.nav-item {
  background-color: var(--hsl_darkgray);
}
.default .sidebar li.nav-item i {
  color: var(--hsl_yellow);
}
.default .sidebar li.nav-item:hover {
  /*
  background-color: hsla(var(--hsl_main_fg),100%,50%,0.25);
  */
  background-color: var(--hsl_darkgray);
}
.default .sidebar li.nav-item ul.nav-treeview,
.default .sidebar li.nav-item ul.nav-treeview li {
  background-color: var(--hsl_darkgray_1);
}
.default .sidebar li.nav-item:hover ul.nav-treeview {
  background-color: var(--hsl_darkgray_1);
}
.default .supported-team a {
  font-weight: 600;
  color: var(--hsl_yellow);
}
.default .supported-team a:hover {
  background-color: var(--hsl_gray);
}