/* Google Fonts — Oswald loaded via <link> in each page head */

:root {
  --wh-primary:    #1a1a1a;
  --wh-secondary:  #e63946;
  --wh-accent:     #ffffff;
  --wh-background: #121212;
  --wh-text:       #ffffff;
}

body {
  background-color: var(--wh-background);
  color: var(--wh-text);
}

h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}

.navbar-brand {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.btn-danger {
  background-color: var(--wh-secondary);
  border-color: var(--wh-secondary);
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: #c62d39;
  border-color: #c62d39;
}

a {
  color: var(--wh-secondary);
}

a:hover {
  color: #c62d39;
}

footer a {
  color: #adb5bd;
}

footer a:hover {
  color: var(--wh-secondary);
}

.dropdown-menu-dark {
  background-color: var(--wh-primary);
}

.wh-section {
  padding: 5rem 0;
}

.wh-section-title {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--wh-secondary);
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* Dark accordion */
.accordion-button {
  background-color: var(--wh-primary);
  color: var(--wh-text);
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: #222;
  color: var(--wh-text);
  box-shadow: none;
}

.accordion-button::after {
  filter: invert(1);
}

.accordion-button:focus {
  box-shadow: none;
}

/* Schedule day tabs */
#scheduleDayTabs .nav-link {
  color: #adb5bd;
  border-color: transparent;
}

#scheduleDayTabs .nav-link:hover {
  color: #fff;
  border-color: transparent;
}

#scheduleDayTabs .nav-link.active {
  color: var(--wh-secondary);
  background-color: transparent;
  border-bottom-color: var(--wh-secondary);
}