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