/* highlight.js token classes mapped onto CSS variables, so the same file
   themes both the app (var values set under :root / [data-theme=dark] in
   styles.css) and the share page (vars set via prefers-color-scheme). */
.hljs { color: var(--hl-fg, inherit); background: transparent; }
.hljs-comment, .hljs-quote { color: var(--hl-comment, #6a737d); font-style: italic; }
.hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-literal, .hljs-type { color: var(--hl-keyword, #d73a49); }
.hljs-string, .hljs-attr, .hljs-template-tag, .hljs-addition { color: var(--hl-string, #032f62); }
.hljs-number, .hljs-symbol, .hljs-meta { color: var(--hl-number, #005cc5); }
.hljs-title, .hljs-section, .hljs-name { color: var(--hl-title, #6f42c1); }
.hljs-attribute, .hljs-variable, .hljs-tag { color: var(--hl-attr, #22863a); }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: 600; }