/*-- scss:defaults --*/

// Navbar colors
$navbar-bg: #1a1a2e;
$navbar-fg: rgba(255, 255, 255, 0.9);
$navbar-hl: #ffffff;

/*-- scss:rules --*/

// Navbar styling
.navbar {
  background-color: $navbar-bg;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-brand,
.navbar-nav .nav-link {
  color: $navbar-fg;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: $navbar-hl;
}

.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.3);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

// Base typography
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}