/* 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;
}

/* Pink is this site's colour (jsonrpcclient's is indigo). Material's pink,
   #e92063, gives white text 4.3:1 and fails WCAG AA, so use a darker one:
   #c2185b is 5.9:1 against white either way round. */
[data-md-color-primary="pink"] {
  --md-primary-fg-color: #c2185b;
  --md-primary-fg-color--light: #d81b60;
  --md-primary-fg-color--dark: #ad1457;
}

[data-md-color-accent="pink"] {
  --md-accent-fg-color: #ad1457;
  --md-accent-fg-color--transparent: rgba(173, 20, 87, 0.1);
}

/* Material sets the link colour per scheme and primary colour, so match those
   selectors. */
[data-md-color-scheme="default"][data-md-color-primary="pink"] {
  --md-typeset-a-color: #c2185b;
}

[data-md-color-scheme="slate"][data-md-color-primary="pink"] {
  --md-typeset-a-color: #f48fb1;
}

[data-md-color-scheme="slate"][data-md-color-accent="pink"] {
  --md-accent-fg-color: #f8bbd0;
  --md-accent-fg-color--transparent: rgba(248, 187, 208, 0.1);
}

[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 repository's star and fork counts in the header are faded by default,
   which leaves them below 4.5:1 on the pink header. */
.md-source__facts {
  opacity: 1;
}

/* 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);
}