/* leBLOB's colours: see notes/branding/README.md. Teal #0f7c78 is the single
   accent, ink #16212a the text colour of the wordmark. */
:root > * {
  --md-primary-fg-color: #0f7c78;
  --md-primary-fg-color--dark: #0a4f4c;
  --md-accent-fg-color: #2fa39b;
  --md-typeset-a-color: #0f7c78;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0a4f4c;
  --md-accent-fg-color: #6cc9bf;
  --md-typeset-a-color: #6cc9bf;
}

/* The wordmark with its slogan, on the home page. */
.hero {
  text-align: center;
  margin: 2rem 0;
}

.hero img {
  width: 420px;
  max-width: 100%;
  height: auto;
}

.only-dark {
  display: none;
}

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

[data-md-color-scheme="slate"] .only-dark {
  display: inline;
}

/* The header mark: the theme sets `display` on it with higher specificity,
   so the swap is restated here. */
.md-header__button.md-logo img {
  height: 1.6rem;
  width: auto;
}

.md-header__button.md-logo img.only-dark {
  display: none;
}

[data-md-color-scheme="slate"] .md-header__button.md-logo img.only-light {
  display: none;
}

[data-md-color-scheme="slate"] .md-header__button.md-logo img.only-dark {
  display: block;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 600;
}