:root {
  --less-navy-950: #122033;
  --less-navy-800: #1e3550;
  --less-accent: #4f7aa3;
  --less-dark-primary: #8ab4d6;
  --less-dark-accent: #75bdd5;
  --less-focus-outline: #ffffff;
  --less-nav-gap: clamp(0.55rem, 1.15vw, 1.45rem);
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--less-navy-950);
  --md-primary-fg-color--light: var(--less-navy-800);
  --md-accent-fg-color: var(--less-accent);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--less-dark-primary);
  --md-primary-fg-color--light: var(--less-navy-800);
  --md-accent-fg-color: var(--less-dark-accent);
}

.md-header {
  background-color: var(--less-navy-950);
}

.md-tabs {
  background-color: var(--less-navy-800);
}

.md-tabs__list {
  gap: var(--less-nav-gap);
}

.md-tabs__link {
  font-size: 0.72rem;
  letter-spacing: 0.01em;
}

.md-tabs__link:focus-visible {
  outline: 2px solid var(--less-focus-outline);
  outline-offset: 0.2rem;
}

@media screen and (max-width: 76.234375em) {
  .md-tabs {
    display: none;
  }
}