/* Syntax colours for the Docs viewer's text/code preview (see code-renderer.js).
   Only the colour tokens live here; the preview box itself is styled in docs.css. Everything is
   scoped to the viewer overlay so highlight.js class names cannot affect any other panel. */
.docs-preview .docs-preview__text {
    --docs-code-keyword: #8250df;
    --docs-code-string: #0a7a3b;
    --docs-code-number: #0550ae;
    --docs-code-attr: #953800;
    --docs-code-comment: #6e7781;
    --docs-code-meta: #b35900;
    --docs-code-add: #1a7f37;
    --docs-code-del: #cf222e;
}
body.dark-theme .docs-preview .docs-preview__text {
    --docs-code-keyword: #c792ea;
    --docs-code-string: #7fd18b;
    --docs-code-number: #79c0ff;
    --docs-code-attr: #ffa657;
    --docs-code-comment: #8b949e;
    --docs-code-meta: #e3b341;
    --docs-code-add: #56d364;
    --docs-code-del: #ff7b72;
}
.docs-preview .docs-preview__text code { font: inherit; }
.docs-preview .docs-preview__text .hljs-keyword,
.docs-preview .docs-preview__text .hljs-built_in,
.docs-preview .docs-preview__text .hljs-selector-tag,
.docs-preview .docs-preview__text .hljs-literal,
.docs-preview .docs-preview__text .hljs-type { color: var(--docs-code-keyword); }
.docs-preview .docs-preview__text .hljs-string,
.docs-preview .docs-preview__text .hljs-regexp,
.docs-preview .docs-preview__text .hljs-symbol { color: var(--docs-code-string); }
.docs-preview .docs-preview__text .hljs-number,
.docs-preview .docs-preview__text .hljs-variable,
.docs-preview .docs-preview__text .hljs-template-variable { color: var(--docs-code-number); }
.docs-preview .docs-preview__text .hljs-attr,
.docs-preview .docs-preview__text .hljs-attribute,
.docs-preview .docs-preview__text .hljs-property,
.docs-preview .docs-preview__text .hljs-name,
.docs-preview .docs-preview__text .hljs-title,
.docs-preview .docs-preview__text .hljs-section,
.docs-preview .docs-preview__text .hljs-selector-class,
.docs-preview .docs-preview__text .hljs-selector-id { color: var(--docs-code-attr); }
.docs-preview .docs-preview__text .hljs-comment,
.docs-preview .docs-preview__text .hljs-quote { color: var(--docs-code-comment); font-style: italic; }
.docs-preview .docs-preview__text .hljs-meta,
.docs-preview .docs-preview__text .hljs-meta .hljs-keyword,
.docs-preview .docs-preview__text .hljs-tag { color: var(--docs-code-meta); }
.docs-preview .docs-preview__text .hljs-addition { color: var(--docs-code-add); }
.docs-preview .docs-preview__text .hljs-deletion { color: var(--docs-code-del); }