@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";

$theme-colors: map_merge($theme-colors, (
  primary: $color-accent,
  dark: $color-dark
));
$navbar-dark-color: $color-accent;
$link-color: darken(map_get($theme-colors, 'primary'), 10%);

@import "../../node_modules/bootstrap/scss/bootstrap";

.navbar-nav {
  > .nav-item {
    font-family: $font-family-monospace;
    > a {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
  }
}

a.navbar-brand {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  > img {
    height: 2rem;
  }
}

.btn-primary, .btn-primary:hover, .btn-primary:active { color: white; }

a, button {
  cursor: pointer;
}