/* Shared palette for the dark public site and Wagtail's light/dark editor. */
.article-body, .article-editor {
  --syntax-keyword: #c4a7ff;
  --syntax-string: #a6d6a0;
  --syntax-comment: #9aa6b8;
  --syntax-number: #efb881;
  --syntax-title: #8dceef;
  --syntax-meta: #e4b5cd;
}
.w-theme-light .article-editor {
  --syntax-keyword: #7140a7;
  --syntax-string: #336b38;
  --syntax-comment: #626d7b;
  --syntax-number: #92501c;
  --syntax-title: #145f89;
  --syntax-meta: #944667;
}
@media (prefers-color-scheme: light) {
  .w-theme-system .article-editor {
    --syntax-keyword: #7140a7;
    --syntax-string: #336b38;
    --syntax-comment: #626d7b;
    --syntax-number: #92501c;
    --syntax-title: #145f89;
    --syntax-meta: #944667;
  }
}
:is(.article-body, .article-editor) :is(.hljs-keyword, .hljs-selector-tag, .hljs-type, .hljs-literal) { color: var(--syntax-keyword); }
:is(.article-body, .article-editor) :is(.hljs-string, .hljs-regexp, .hljs-addition) { color: var(--syntax-string); }
:is(.article-body, .article-editor) :is(.hljs-comment, .hljs-quote) { color: var(--syntax-comment); font-style: italic; }
:is(.article-body, .article-editor) :is(.hljs-number, .hljs-attr, .hljs-attribute, .hljs-variable, .hljs-symbol, .hljs-bullet) { color: var(--syntax-number); }
:is(.article-body, .article-editor) :is(.hljs-title, .hljs-built_in, .hljs-name, .hljs-selector-class, .hljs-selector-id) { color: var(--syntax-title); }
:is(.article-body, .article-editor) :is(.hljs-meta, .hljs-deletion, .hljs-doctag, .hljs-tag) { color: var(--syntax-meta); }
.article-body pre { font: 14px/1.75 Consolas, monospace; tab-size: 4; }
.article-body pre[data-language]::before { content: attr(data-language); display: block; margin-bottom: 16px; font: 11px/1.2 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }