/* Подсветка синтаксиса на переменных темы (app.css --code-*):
   светлая тема → github-light, тёмная → github-dark. Переключается сама
   вместе с data-theme/палитрой, отдельного тёмного файла больше нет. */
pre code.hljs{display:block;overflow-x:auto;padding:1em}
code.hljs{padding:3px 5px}
.hljs{color:var(--code-fg);background:var(--code-bg)}
.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--code-kw)}
.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--code-title)}
.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:var(--code-attr)}
.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:var(--code-str)}
.hljs-built_in,.hljs-symbol{color:var(--code-built)}
.hljs-code,.hljs-comment,.hljs-formula{color:var(--code-comment)}
.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--code-name)}
.hljs-subst{color:var(--code-fg)}
.hljs-section{color:var(--code-section);font-weight:700}
.hljs-bullet{color:var(--code-bullet)}
.hljs-emphasis{color:var(--code-fg);font-style:italic}
.hljs-strong{color:var(--code-fg);font-weight:700}
.hljs-addition{color:var(--code-add-fg);background-color:var(--code-add-bg)}
.hljs-deletion{color:var(--code-del-fg);background-color:var(--code-del-bg)}