/* System fonts instead of web fonts (theme.font is false in mkdocs.yml). */
:root {
  --md-text-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans",
    Roboto, sans-serif;
  --md-code-font: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono",
    Menlo, Consolas, monospace;
}

/* Code colours with at least 4.5:1 contrast on the code background. Material's
   defaults for comments, output and a few token types fall just short. */
[data-md-color-scheme="default"] {
  --md-default-fg-color: #111;
  --md-code-hl-comment-color: #5e5e5e;
  --md-code-hl-generic-color: #5e5e5e;
  --md-code-hl-operator-color: #5e5e5e;
  --md-code-hl-variable-color: #5e5e5e;
}

/* Material sets the link colour per primary colour, so match that selector. */
[data-md-color-scheme="slate"][data-md-color-primary="indigo"] {
  --md-typeset-a-color: #9fb0ff;
}

[data-md-color-scheme="slate"] {
  --md-default-fg-color: #e9e9e9;
  --md-code-hl-comment-color: #a8a8b3;
  --md-code-hl-generic-color: #a8a8b3;
  --md-code-hl-number-color: #f39287;
  --md-code-hl-constant-color: #ab9ff0;
}

/* The "not on PyPI yet" banner sits on a dark background in both schemes. */
.md-banner a,
.md-banner a:hover,
.md-banner a:focus {
  color: #fff;
  text-decoration: underline;
}

.md-banner code {
  background-color: transparent;
  color: inherit;
}

/* The footer's copyright text, which is too faint by default. */
.md-footer-meta {
  --md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.75);
}

.md-copyright a {
  text-decoration: underline;
}

.md-typeset {
  font-size: 0.85rem;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset h1 {
  color: var(--md-default-fg-color);
}

/* Underline links in running text, so they don't rely on colour alone
   (WCAG 1.4.1). Navigation, buttons and permalinks keep their own style. */
.md-typeset p a,
.md-typeset li a,
.md-typeset td a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.md-typeset blockquote {
  border-left: 0.2rem solid rgb(255, 87, 34);
  background-color: rgba(255, 87, 34, 0.05);
  color: var(--md-default-fg-color);
}

[data-md-color-scheme="slate"] .md-typeset blockquote {
  border-left-color: rgb(255, 204, 0);
  background-color: rgba(255, 204, 0, 0.1);
}
