:root {
  --theme-primary-color: #42a4f5;
  --theme-primary-50-color: #e3f2fd;
  --theme-primary-100-color: #bbdefb;
  --theme-primary-200-color: #90c9f9;
  --theme-primary-300-color: #64b4f6;
  --theme-primary-400-color: var(--theme-primary-color);
  --theme-primary-500-color: #2395f3;
  --theme-primary-600-color: #2087e5;
  --theme-primary-700-color: #1c75d2;
  --theme-primary-800-color: #1864c0;
  --theme-primary-900-color: #1146a0;
  --theme-primary-hover-color: var(--theme-primary-300-color);
  --theme-primary-active-color: var(--theme-primary-600-color);
  --theme-primary-gradient-color: linear-gradient(
    90deg,
    var(--theme-primary-600-color) 0%,
    var(--theme-primary-400-color) 100%
  );
}

.masthead {
  background: #fff;
}
.nav-pills > li > a {
  background: var(--theme-primary-color);
}
.navbar-toggle {
  background-color: var(--theme-primary-600-color);
}