:root {
  --altar-silver: #aeb8c6;
  --altar-slate: #4a5566;
  --md-primary-fg-color: var(--altar-slate);
  --md-primary-fg-color--light: #687589;
  --md-primary-fg-color--dark: #343e4d;
  --md-accent-fg-color: var(--altar-slate);
  --md-typeset-a-color: #435064;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--altar-silver);
  --md-primary-fg-color--light: #cbd2dc;
  --md-primary-fg-color--dark: #8f9aaa;
  --md-primary-bg-color: #171c24;
  --md-accent-fg-color: #cbd2dc;
  --md-typeset-a-color: #c1cad6;
}

.md-header,
.md-tabs,
.md-nav__title[for="__drawer"] {
  background-color: #f4f6f8;
  color: #27313f;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs,
[data-md-color-scheme="slate"] .md-nav__title[for="__drawer"] {
  background-color: #171c24;
  color: #f3f5f7;
}

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

[data-md-color-scheme="default"] .md-header__button.md-logo img,
[data-md-color-scheme="default"] .md-header__button.md-logo svg {
  filter: drop-shadow(0 0 1px rgb(39 49 63 / 80%));
}

[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
  filter: drop-shadow(0 0 1px rgb(243 245 247 / 70%));
}

::selection {
  background: var(--altar-silver);
  color: #171c24;
}

.md-typeset h1 {
  font-weight: 720;
  letter-spacing: -0.025em;
}

.md-typeset h2 {
  font-weight: 650;
  letter-spacing: -0.012em;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  border-radius: 0.55rem;
}

.hero-actions {
  margin: 1.4rem 0 2.2rem;
}

.hero-actions .md-button {
  margin-bottom: 0.5rem;
  margin-right: 0.35rem;
}

.status-stable,
.status-reference,
.status-provisional,
.status-experimental {
  border-radius: 1rem;
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.3rem 0.55rem;
  text-transform: uppercase;
}

.status-stable { background: #d7f3e8; color: #075840; }
.status-reference { background: #dcebf8; color: #174c72; }
.status-provisional { background: #f5edc6; color: #5c4700; }
.status-experimental { background: #fbe8d6; color: #7a3d16; }

[data-md-color-scheme="slate"] .status-stable { background: #174f40; color: #bcebdc; }
[data-md-color-scheme="slate"] .status-reference { background: #173f5b; color: #cbe5f7; }
[data-md-color-scheme="slate"] .status-provisional { background: #4d4216; color: #f1e4a8; }
[data-md-color-scheme="slate"] .status-experimental { background: #5c351e; color: #f7d5ba; }