:root {
  --header_bgColor: #ffffff;
  --header_textColor: #000000;
  --header_textHoverColor: #000000;
}
.navbar-brand {
  color: var(--header_textColor);
}
.nav-link{
  color: var(--header_textColor);
}
.navbar-nav .nav-link.active {
  color: var(--header_textHoverColor);
}
.nav-link:focus,.nav-link:hover {
  color: var(--header_textHoverColor);
}

header {
  background: var(--header_bgColor);
  color: var(--header_textColor);
  border-bottom: 1px solid #ccc;
  & .btn-outline-primary {
    color: var(--header_textColor);
    border-color: var(--header_textColor);
  }
}