:root {
  --md-primary-fg-color: #4c4ce0;
  --md-primary-fg-color--light: #6d6df0;
  --md-primary-fg-color--dark: #3535b0;
  --md-accent-fg-color: #5b5bf5;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2a2a3c;
  --md-accent-fg-color: #8a8aff;
  --md-typeset-a-color: #9d9dff;
}

/* Slightly roomier code blocks — most snippets here are whole files. */
.md-typeset pre > code {
  padding: 0.9em 1.1em;
}

/* Property tables read better left-aligned and full width. */
.md-typeset table:not([class]) {
  display: table;
  width: 100%;
}

.md-typeset table:not([class]) th {
  white-space: nowrap;
}

/* Diagrams, pre-rendered from website/diagrams/ by scripts/render-diagrams.sh.
   They are dark on both colour schemes and carry their own background, so they
   read as a card on the light scheme's white page too. */
.md-typeset img.diagram {
  display: block;
  margin: 1.5em auto;
  max-width: 100%;
  height: auto;
  border-radius: 0.4rem;
  background-color: #1e1f29;
  padding: 0.9rem;
}

/* Keyboard hints in the editor docs. */
.md-typeset kbd {
  font-size: 0.85em;
}