/* The app's palette on the docs: ink as the only brand colour, warm neutrals in
   both schemes, Geist for text and code (set in mkdocs.yml). Values track
   ui/src/index.css. */

:root {
  --md-primary-fg-color: #1f1c19;
  --md-primary-fg-color--light: #3a3531;
  --md-primary-fg-color--dark: #141210;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color: #2a2622;
  --md-accent-fg-color--transparent: rgba(42, 38, 34, 0.1);
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: rgba(255, 255, 255, 0.7);
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #faf9f5;
  --md-default-fg-color: #2a2622;
  --md-code-bg-color: #f3f0ea;
  --md-typeset-a-color: #2a2622;
  --md-footer-bg-color: #1f1c19;
  --md-footer-bg-color--dark: #141210;
}

[data-md-color-scheme="slate"] {
  --md-hue: 40;
  --md-default-bg-color: #1a1815;
  --md-default-bg-color--light: rgba(26, 24, 21, 0.7);
  --md-default-bg-color--lighter: rgba(26, 24, 21, 0.5);
  --md-default-bg-color--lightest: rgba(26, 24, 21, 0.12);
  --md-default-fg-color: #ece8e1;
  --md-code-bg-color: #23201c;
  --md-typeset-a-color: #ece8e1;
  --md-accent-fg-color: #ece8e1;
  --md-accent-fg-color--transparent: rgba(236, 232, 225, 0.1);
  --md-footer-bg-color: #141210;
  --md-footer-bg-color--dark: #0f0e0c;
}

/* A hairline under every section heading, so a long page reads as banded sections. */
.md-typeset h2 {
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

/* Admonitions as a plain bordered box with a label row rather than a coloured frame
   and a tinted title: the wash reads as decoration and competes with the text it
   introduces. The type's icon keeps its colour, so a warning still looks unlike a
   note. The `.md-content` prefix is here for weight only: the theme colours each
   type at `.md-typeset .admonition.note`, which these have to outrank. */
.md-content .md-typeset .admonition,
.md-content .md-typeset details {
  border: 0.05rem solid var(--md-default-fg-color--lighter);
  border-radius: 0.5rem;
  box-shadow: none;
}
.md-content .md-typeset .admonition > .admonition-title,
.md-content .md-typeset details > summary {
  background-color: transparent;
  border-bottom: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0;
  font-weight: 600;
  font-size: 0.62rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-block: 0.5rem;
}

/* Table-of-contents entries carry the marker Material leaves to colour alone. */
.md-nav--secondary .md-nav__link {
  border-left: 2px solid var(--md-default-fg-color--lightest);
  padding-left: 0.6rem;
}
.md-nav--secondary .md-nav__link--active,
.md-nav--secondary .md-nav__link--passed { border-left-color: var(--md-default-fg-color); }

/* The section nav marks the current page with a filled pill. */
.md-nav--primary .md-nav__link--active {
  background: var(--md-default-fg-color--lightest);
  border-radius: 0.375rem;
  padding-inline: 0.5rem;
  margin-inline: -0.5rem;
  font-weight: 500;
}

/* The header's wordmark, in step with the app's top bar. */
.md-header__topic:first-child {
  font-weight: 600;
  letter-spacing: -0.01em;
}
.md-header__button.md-logo img {
  height: 1.4rem;
  width: 1.4rem;
}