/* Code blocks and highlight.js token colours, drawn from the site tokens so
   they follow light and dark mode. */

pre.code {
  margin: 0;
  padding: 16px 18px;
  overflow: auto;
  font: 13.5px/1.6 var(--font-mono);
  tab-size: 4;
  box-shadow: none;
}
pre.code code {
  font: inherit;
  background: none;
  padding: 0;
}

.hljs-comment,
.hljs-quote,
.hljs-meta {
  color: var(--ink-3);
  font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag {
  color: var(--pink);
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-template-string {
  color: var(--good);
}
.hljs-number,
.hljs-built_in,
.hljs-type,
.hljs-title,
.hljs-title.function_,
.hljs-section {
  color: var(--peri);
}
.hljs-attr,
.hljs-attribute,
.hljs-variable,
.hljs-template-variable,
.hljs-property,
.hljs-symbol {
  color: var(--warn);
}
.hljs-deletion {
  color: var(--bad);
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: 700;
}