/* The colours for code, in place of the stylesheet Statac writes. The
   classes are those of `code_style: gruvbox` in statac.yaml, grouped here
   by what they mark; another code_style gives other classes. The colours
   are step 11 of the Radix scales in site.css. In the light look each is
   taken a fifth of the way to the text colour, for 4.5 to 1 on the code's
   surface. */
:root {
  --code-name: light-dark(color-mix(in oklab, var(--blue-11) 80%, var(--sand-12)), var(--blue-dark-11));
  --code-string: light-dark(color-mix(in oklab, var(--grass-11) 80%, var(--sand-12)), var(--grass-dark-11));
  --code-constant: light-dark(color-mix(in oklab, var(--violet-11) 80%, var(--sand-12)), var(--violet-dark-11));
  --code-keyword: light-dark(color-mix(in oklab, var(--orange-11) 80%, var(--sand-12)), var(--orange-dark-11));
  --code-quiet: var(--faint);
}

/* Keys, tag names, selectors and variables */
.hl-0, .hl-1, .hl-2, .hl-3, .hl-7, .hl-8, .hl-9, .hl-a, .hl-b, .hl-c, .hl-d, .hl-e, .hl-n, .hl-o, .hl-p, .hl-q { color: var(--code-name); }
/* Strings */
.hl-r, .hl-s, .hl-t, .hl-u, .hl-16, .hl-17, .hl-18, .hl-19 { color: var(--code-string); }
/* Numbers, dates, true and false, attribute names and commands */
.hl-z, .hl-10, .hl-11, .hl-12, .hl-1i, .hl-1j, .hl-1k, .hl-1l, .hl-1m, .hl-1n, .hl-1o, .hl-1p, .hl-1y, .hl-1z, .hl-20, .hl-21 { color: var(--code-constant); }
/* Keywords, CSS properties, Markdown headings and template tags */
.hl-1a, .hl-1b, .hl-1c, .hl-1d, .hl-1e, .hl-1f, .hl-1g, .hl-1h, .hl-1q, .hl-1r, .hl-1s, .hl-1t, .hl-1u, .hl-1v, .hl-1w, .hl-1x { color: var(--code-keyword); }
/* Punctuation and comments */
.hl-j, .hl-k, .hl-l, .hl-m, .hl-v, .hl-w, .hl-x, .hl-y, .hl-13, .hl-14, .hl-15 { color: var(--code-quiet); }

.hl-1, .hl-4, .hl-8, .hl-c, .hl-g, .hl-k, .hl-o, .hl-s, .hl-w, .hl-10, .hl-13, .hl-17, .hl-1b, .hl-1f, .hl-1j, .hl-1n, .hl-1r, .hl-1v, .hl-1z { font-weight: bold; }
.hl-2, .hl-5, .hl-9, .hl-d, .hl-h, .hl-l, .hl-p, .hl-t, .hl-x, .hl-11, .hl-14, .hl-18, .hl-1c, .hl-1g, .hl-1k, .hl-1o, .hl-1s, .hl-1w, .hl-20 { font-style: italic; }
.hl-3, .hl-6, .hl-a, .hl-e, .hl-i, .hl-m, .hl-q, .hl-u, .hl-y, .hl-12, .hl-15, .hl-19, .hl-1d, .hl-1h, .hl-1l, .hl-1p, .hl-1t, .hl-1x, .hl-21 { text-decoration: underline; }