[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0a1020;
  --md-default-bg-color--light: #111b2e;
  --md-default-bg-color--lighter: #17263d;
  --md-default-bg-color--lightest: #1d304b;
  --md-default-fg-color: #f7f8fb;
  --md-default-fg-color--light: #cdd7e6;
  --md-default-fg-color--lighter: #94a7c3;
  --md-default-fg-color--lightest: rgba(148, 167, 195, 0.2);
  --md-primary-fg-color: #0a1020;
  --md-primary-fg-color--light: #17263d;
  --md-primary-fg-color--dark: #060b16;
  --md-accent-fg-color: #7dd3fc;
  --md-typeset-a-color: #7dd3fc;
}

.md-header,
.md-tabs {
  background: #0a1020;
}

.md-search__form {
  background: rgba(247, 248, 251, 0.08);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h1 {
  margin-bottom: 1rem;
}

.md-typeset .md-button {
  border-radius: 999px;
}

.md-typeset .md-button--primary {
  background: #7dd3fc;
  border-color: #7dd3fc;
  color: #0a1020;
}

.md-typeset .md-button:hover {
  opacity: 0.95;
}

.md-nav__link--active,
.md-tabs__link--active,
.md-typeset a:hover {
  color: #7dd3fc;
}

.md-typeset table:not([class]) {
  border-radius: 1rem;
  overflow: hidden;
}

@media screen and (max-width: 48em) {
  html,
  body {
    overflow-x: hidden;
  }

  .md-header__inner {
    padding-inline: 0.25rem;
  }

  .md-header__title {
    margin-left: 0;
  }

  .md-header__button[for="__search"],
  .md-search {
    display: none;
  }

  .md-sidebar--primary {
    width: min(18rem, calc(100vw - 2rem));
  }
}