/* Black and white theme */
:root {
  --md-primary-fg-color: #000000;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #000000;
  --md-default-fg-color: #000000;
  --md-default-bg-color: #ffffff;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #ffffff;
  --md-primary-bg-color: #000000;
  --md-accent-fg-color: #ffffff;
  --md-default-fg-color: #ffffff;
  --md-default-bg-color: #000000;
}

/* Header styling for dark mode */
[data-md-color-scheme="slate"] .md-header {
  background-color: #000000 !important;
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-header__title,
[data-md-color-scheme="slate"] .md-header__button,
[data-md-color-scheme="slate"] .md-header-nav__button {
  color: #ffffff !important;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #000000 !important;
}

[data-md-color-scheme="slate"] .md-tabs__link {
  color: #ffffff !important;
}

/* Remove all colored accents */
.md-typeset a {
  color: #000000;
  text-decoration: underline;
}

[data-md-color-scheme="slate"] .md-typeset a {
  color: #ffffff;
  text-decoration: underline;
}

.md-nav__link--active {
  color: #000000 !important;
  font-weight: bold;
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #ffffff !important;
  font-weight: bold;
}

/* Make all icons monochrome */
.md-icon, .md-icon svg {
  fill: currentColor !important;
  color: inherit !important;
}

/* Admonition icons - black and white */
.md-typeset .admonition-title::before,
.md-typeset summary::before {
  background-color: transparent !important;
}

.md-typeset .admonition,
.md-typeset details {
  border-left: 2px solid #000000;
  border-color: currentColor;
}

[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  border-left: 2px solid #ffffff;
}

/* Smaller code font size */
.md-typeset code {
  font-size: 0.8em;
}

.md-typeset pre > code {
  font-size: 0.8em;
}

/* Center images */
.md-typeset img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}