:root {
  --astraeus-night: #050a0f;
  --astraeus-surface: #09131b;
  --astraeus-surface-raised: #0d1a24;
  --astraeus-line: rgba(156, 192, 207, 0.2);
  --astraeus-cyan: #65e5e0;
  --astraeus-teal: #087b78;
  --astraeus-header-ink: #eaf3f7;
  --astraeus-content-ink: #17282e;
  --astraeus-muted: #52676f;
}

[data-md-color-scheme="default"] {
  --md-hue: 204;
  --md-primary-fg-color: var(--astraeus-night);
  --md-primary-fg-color--light: var(--astraeus-surface-raised);
  --md-primary-fg-color--dark: #03070a;
  --md-accent-fg-color: var(--astraeus-teal);
  --md-typeset-a-color: var(--astraeus-teal);
  --md-default-bg-color: #f1f5f4;
  --md-default-fg-color: var(--astraeus-content-ink);
  --md-default-fg-color--light: #40565e;
  --md-default-fg-color--lighter: var(--astraeus-muted);
  --md-code-bg-color: #e2ebe9;
  --md-code-fg-color: #20363d;
}

body {
  font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
}

.md-header {
  border-bottom: 1px solid var(--astraeus-line);
  background: rgba(5, 10, 15, 0.97);
  box-shadow: none;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 1.75rem;
  height: 1.75rem;
}

.md-header__title {
  font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.md-search__form {
  border: 1px solid var(--astraeus-line);
  border-radius: 0.2rem;
  background: var(--astraeus-surface);
}

.md-sidebar__scrollwrap:hover,
.md-search__scrollwrap:hover {
  scrollbar-color: var(--astraeus-cyan) transparent;
}

.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--astraeus-teal);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
  color: var(--astraeus-content-ink);
  letter-spacing: -0.025em;
}

.md-typeset h1 {
  font-weight: 650;
}

.md-typeset h2 {
  border-bottom: 1px solid var(--astraeus-line);
  padding-bottom: 0.35em;
}

.md-typeset a:focus,
.md-typeset a:hover {
  color: var(--astraeus-teal);
}

.md-typeset code,
.md-typeset pre > code {
  border-radius: 0.2rem;
}

.md-typeset .admonition,
.md-typeset details,
.md-typeset table:not([class]) {
  border-color: var(--astraeus-line);
  border-radius: 0.2rem;
  box-shadow: none;
}

.md-typeset table:not([class]) th {
  background: #dbe7e5;
  color: var(--astraeus-content-ink);
}

.md-typeset table:not([class]) tr:hover {
  background: rgba(8, 123, 120, 0.06);
}

.md-footer {
  border-top: 1px solid var(--astraeus-line);
  background: var(--astraeus-night);
  color: var(--astraeus-header-ink);
}

.md-footer a,
.md-footer-meta {
  color: #b4c5cc;
}

@media screen and (max-width: 76.234375em) {
  .md-nav--primary .md-nav__title[for="__drawer"] {
    background: var(--astraeus-night);
    color: var(--astraeus-header-ink);
  }
}