:root {
  --md-primary-fg-color: #172033;
  --md-primary-fg-color--light: #4d586d;
  --md-primary-fg-color--dark: #0f1626;
  --md-accent-fg-color: #316bff;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #111827;
  --md-default-fg-color: #f8f7f2;
  --md-default-fg-color--light: rgba(248, 247, 242, 0.72);
  --md-default-fg-color--lighter: rgba(248, 247, 242, 0.54);
  --md-default-fg-color--lightest: rgba(248, 247, 242, 0.12);
  --md-accent-fg-color: #5e86ff;
  --md-typeset-color: #f8f7f2;
  --md-typeset-a-color: #8ba7ff;
}

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

.assent-hero {
  margin: 1.5rem auto 2rem;
  max-width: 34rem;
  text-align: center;
}

.assent-hero img {
  width: min(100%, 30rem);
}

.assent-logo-dark-surface {
  display: none;
}

[data-md-color-scheme="slate"] .assent-logo-light-surface {
  display: none;
}

[data-md-color-scheme="slate"] .assent-logo-dark-surface {
  display: inline-block;
}