/* Zensical's "modern" dark palette puts the background at 5% lightness, which
   is close to black. These are the values from its "classic" variant (what
   Material for MkDocs uses), for the familiar slate grey. Harmless under
   MkDocs, where they are already the defaults. */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:           hsla(var(--md-hue), 15%, 14%, 1);
  --md-default-bg-color--light:    hsla(var(--md-hue), 15%, 14%, 0.54);
  --md-default-bg-color--lighter:  hsla(var(--md-hue), 15%, 14%, 0.26);
  --md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 14%, 0.07);
  --md-code-bg-color:              hsla(var(--md-hue), 15%, 18%, 1);
  --md-code-bg-color--light:       hsla(var(--md-hue), 15%, 18%, 0.9);
  --md-code-bg-color--lighter:     hsla(var(--md-hue), 15%, 18%, 0.54);
}

/* The MPACT icon is white line art. The light palette's header is light, so
   darken the logo there; the slate header keeps it white. */
[data-md-color-scheme="default"] .md-header .md-logo img {
  filter: invert(0.85);
}

/* Figures: a hairline frame so screenshots and diagrams separate from the
   page in both palettes, and captions set smaller and muted. Diagrams carry
   their own white background, so they read on slate too. */
.md-typeset figure img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
}
.md-typeset figcaption {
  max-width: 44rem;
  margin-top: 0.6em;
  font-size: 0.68rem;
  font-style: normal;
  color: var(--md-default-fg-color--light);
}