/* Brand colors taken from anitra.cz: white header, graphite text, green accents */
:root {
  --anitra-green: #88c754;
  --anitra-green-dark: #5e9a2c;
  --anitra-graphite: #434848;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark: #f4f4f4;
  --md-primary-bg-color: var(--anitra-graphite);
  --md-primary-bg-color--light: #6b7070;
  --md-accent-fg-color: var(--anitra-green-dark);
  /* Pure brand green is too light for text links on white */
  --md-typeset-a-color: var(--anitra-green-dark);
  --md-default-fg-color: var(--anitra-graphite);
  --md-footer-bg-color: var(--anitra-graphite);
  --md-footer-bg-color--dark: #2f3333;
}

[data-md-color-scheme="slate"] {
  --md-hue: 180;
  --md-primary-fg-color: var(--anitra-graphite);
  --md-primary-fg-color--light: #6b7070;
  --md-primary-fg-color--dark: #2f3333;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: var(--anitra-green);
  --md-typeset-a-color: var(--anitra-green);
}

/* Header has no shadow on white otherwise blends into the page */
[data-md-color-scheme="default"] .md-header {
  border-bottom: 3px solid var(--anitra-green);
}

[data-md-color-scheme="default"] .md-search__form {
  background-color: #f1f3f1;
}

[data-md-color-scheme="default"] .md-search__form:hover {
  background-color: #e6ebe3;
}

.md-header__button.md-logo img {
  height: 1.8rem;
}

/* Logo text is graphite: render it white on the dark header */
[data-md-color-scheme="slate"] .md-logo img {
  filter: brightness(0) invert(1);
}

/* Sidebar sections: slightly larger titles, indented children with a guide line (desktop layout only) */
@media screen and (min-width: 76.25em) {
  .md-nav--primary .md-nav__item--section > .md-nav__link {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--md-default-fg-color);
  }

  .md-nav--primary .md-nav__item--section > .md-nav {
    margin-left: 0.3rem;
    padding-left: 0.5rem;
    border-left: 2px solid var(--anitra-green);
  }
}

.md-nav__link--active,
.md-nav__item .md-nav__link--active {
  color: var(--anitra-green-dark);
}

.md-typeset .md-button--primary {
  background-color: var(--anitra-green);
  border-color: var(--anitra-green);
  color: #ffffff;
}

/* Screenshots from the wiki have fixed widths; never overflow the content column */
.md-typeset img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

.md-typeset p > img,
.md-typeset li > img {
  box-shadow: var(--md-shadow-z1);
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--anitra-green);
}

.md-typeset table:not([class]) {
  font-size: 0.7rem;
}