/* The green is the 2025 Solace logo's own fill. On white it is too light for body text,
   so links use a darker shade of it. */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark: #f5f5f5;
  --md-primary-bg-color: #1f2a30;
  --md-primary-bg-color--light: #1f2a30b3;
  --md-accent-fg-color: #3dba91;
  --md-typeset-a-color: #23805f;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1f2a30;
  --md-primary-fg-color--light: #1f2a30;
  --md-primary-fg-color--dark: #172025;
  --md-accent-fg-color: #3dba91;
  --md-typeset-a-color: #3dba91;
}

/* The logo is a wide wordmark, not the square icon the header is sized for. */
.md-header__button.md-logo img {
  height: 1.6rem;
  width: auto;
}

/* navigation.sections lays a section's pages flush with its heading. Indent each level so the
   menu reads as the outline it is. Narrower screens use the sliding drawer, which needs none. */
@media screen and (min-width: 76.25em) {
  .md-nav--primary .md-nav[data-md-level="1"] > .md-nav__list,
  .md-nav--primary .md-nav[data-md-level="2"] > .md-nav__list {
    padding-left: 1.6rem;
  }

  /* A top-level entry with its own page, like Install and Deploy, is a page rather than a heading:
     line it up with the pages under the headings, and keep its own pages a level below it. */
  .md-nav--primary .md-nav__item--section > .md-nav__container {
    padding-left: 1.6rem;
  }

  .md-nav--primary .md-nav__item--section:has(> .md-nav__container) > .md-nav[data-md-level="1"] > .md-nav__list {
    padding-left: 3.2rem;
  }
}