theme.scss

/*-- scss:defaults --*/

$darkblue:                      #08306b;
$lightblue:                     #4292c6;
$white:                         #ffffff;
$lightgray:                     #f0f0f0;

$primary:                       $darkblue;
$secondary:                     $lightblue;
$body-bg:                       $white;
$body-color:                    #333333;

$font-size-base:                1rem; 
$font-family-sans-serif:        "Lato", "Open Sans", "Montserrat", "Roboto", sans-serif;
$font-family-monospace:         "Fira Code", "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;

$headings-font-family:          "Fira Sans", $font-family-sans-serif;
$headings-font-weight:          600;
$headings-color:                $primary;

$link-color:                    $secondary;
$link-hover-color:              darken($secondary, 15%);

/*-- scss:rules --*/

.navbar {
  background-color: $white;
}

.navbar-nav .nav-link {
  color: $darkblue;
}

.navbar-nav .nav-link.active {
  color: $darkblue;
  font-weight: 600;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: darken($darkblue, 25%);
}