/* The brand: ink #10141F, paper #EEF1F6, amber #F2A33A (docs/assets/brand).
 *
 * The header carries the ink in both schemes, so one mark — the light one —
 * serves both. Links stay teal: ink links would not stand out from the text
 * on paper, nor from the page on slate. Amber is the hover, darkened on paper
 * where the brand amber is too pale to read.
 */
:root {
  --md-primary-fg-color: #10141F;
  --md-primary-fg-color--light: #2B3245;
  --md-primary-fg-color--dark: #0A0D14;
  --md-accent-fg-color: #B86E0B;
  --md-accent-fg-color--transparent: #B86E0B1A;
  --md-typeset-a-color: #00796B;
}

[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #F2A33A;
  --md-accent-fg-color--transparent: #F2A33A1A;
  --md-typeset-a-color: #4DB6AC;
}

/* serQ code blocks: four roles, four colours.
 *
 * Material gives a highlight palette of eight slots, and `Keyword`,
 * `Keyword.Declaration` and `Keyword.Pseudo` all land in one of them. The
 * lexer puts serQ's four roles in four different slots (docs/hooks/serq_lexer.py);
 * this fills the one slot that is otherwise grey, so that what a program
 * *reads* is not the colour of a comment.
 *
 * Scoped to .language-serq: no other language on the site is touched.
 */
.language-serq {
  /* what a program reads: cachedin, budget_left, now, kv_decode */
  --serq-observable: #0b7a86;
}

[data-md-color-scheme="slate"] .language-serq {
  --serq-observable: #5fd3e3;
}

.language-serq .nv,
.language-serq .vc,
.language-serq .vg,
.language-serq .vi {
  color: var(--serq-observable);
}

/* `~` is where the randomness enters, and it earns a colour of its own */
.language-serq .se {
  font-weight: 600;
}

/* the block a program is made of reads as its skeleton */
.language-serq .k {
  font-weight: 600;
}

/* Mathematical statements use the text palette in both color schemes. */
.md-typeset .admonition.theorem,
.md-typeset .admonition.proposition {
  border: 0;
  border-left: 0.2rem solid var(--md-typeset-a-color);
  border-radius: 0;
  box-shadow: none;
  font-size: inherit;
}

.md-typeset .theorem > .admonition-title,
.md-typeset .proposition > .admonition-title {
  padding-left: 0.6rem;
  background-color: var(--md-default-fg-color--lightest);
}

.md-typeset .theorem > .admonition-title::before,
.md-typeset .proposition > .admonition-title::before {
  display: none;
}