/* A black and white theme. Links and accents use the text color, not a hue. */
[data-md-color-scheme="default"][data-md-color-primary="black"] {
  --md-primary-fg-color: #000000;
  --md-primary-fg-color--light: #333333;
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: #000000;
  --md-accent-fg-color--transparent: rgba(0, 0, 0, 0.1);
  --md-typeset-a-color: #000000;
}

/* Saturation 0% removes the color tint from the dark scheme greys. */
[data-md-color-scheme="slate"][data-md-color-primary="black"] {
  --md-default-fg-color: hsla(0, 0%, 100%, 0.82);
  --md-default-fg-color--light: hsla(0, 0%, 100%, 0.56);
  --md-default-fg-color--lighter: hsla(0, 0%, 100%, 0.32);
  --md-default-fg-color--lightest: hsla(0, 0%, 100%, 0.12);
  --md-default-bg-color: #000000;
  --md-default-bg-color--light: hsla(0, 0%, 0%, 0.54);
  --md-default-bg-color--lighter: hsla(0, 0%, 0%, 0.26);
  --md-default-bg-color--lightest: hsla(0, 0%, 0%, 0.07);
  --md-code-bg-color: #111111;
  --md-code-fg-color: hsla(0, 0%, 100%, 0.82);
  --md-footer-bg-color: #000000;
  --md-footer-bg-color--dark: #000000;
  --md-primary-fg-color: #000000;
  --md-primary-fg-color--light: #1a1a1a;
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: #ffffff;
  --md-accent-fg-color--transparent: rgba(255, 255, 255, 0.1);
  --md-typeset-a-color: #ffffff;
}

/* A thin rule under the header, because header and page are both black. */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #000000;
}
[data-md-color-scheme="slate"] .md-tabs {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
}

/* Underline links, because color no longer marks them. */
.md-typeset a {
  text-decoration: underline;
}

/* Bold the active nav link, because color no longer marks it. */
.md-nav__link--active,
.md-tabs__item--active .md-tabs__link {
  font-weight: 700;
}

/* Buttons. The primary button is solid. Hover inverts both buttons. */
.md-typeset .md-button {
  text-decoration: none;
}
[data-md-color-scheme="default"] .md-typeset .md-button--primary,
[data-md-color-scheme="default"] .md-typeset .md-button:is(:hover, :focus) {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
[data-md-color-scheme="default"] .md-typeset .md-button--primary:is(:hover, :focus) {
  background-color: #ffffff;
  color: #000000;
}
[data-md-color-scheme="slate"] .md-typeset .md-button--primary,
[data-md-color-scheme="slate"] .md-typeset .md-button:is(:hover, :focus) {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
[data-md-color-scheme="slate"] .md-typeset .md-button--primary:is(:hover, :focus) {
  background-color: #000000;
  color: #ffffff;
}