:root {
  --md-primary-fg-color: #ff4f88;
  --md-primary-fg-color--light: #202674;
  --md-primary-fg-color--dark: #ee4a33;
}

/* Button styling tweaks */

.md-button {
  margin: .25em !important;
  padding: .15em .6em !important;
  font-size: .85em !important;
}

/* Navbar styling tweaks */

.md-search__form {
  background-color: rgba(0, 0, 255, 0.20);
}

.md-tabs {
  background-color: #6A9CFF;
}

.md-tabs__item {
  font-weight: 600;
}

/* Footer styling tweaks */

.md-footer {
  background-color: #485FC7;
}

.md-footer-meta {
  background-color: rgba(0, 0, 0, 0.45);
}

/* Mobile sidebar styling tweaks */

.md-nav__source {
  background-color: #A7C5FF !important;
}

.md-nav--primary .md-nav__title {
  background-color: #6A9CFF !important;
  color: var(--md-primary-bg-color) !important;
}

.md-score {
  display: inline-block;
  padding: .15em .75em;
  cursor: normal;
  border-radius: .25em;
  font-size: .85em;
  font-weight: 700;
}

.md-score-5 {
  color: #ffffff !important;
  background-color: #28a745;
}

.md-score-4 {
  color: #ffffff !important;
  background-color: #007bff;
}

.md-score-3 {
  color: #ffffff !important;
  background-color: #ffc107;
}

.md-score-2 {
  color: #ffffff !important;
  background-color: #dc3545;
}

.md-score-1 {
  color: #ffffff !important;
  background-color: #343a40;
}
