/* syntax.css — highlight.js tokens mapped to the Flexoki accent variables,
   so code recolours with the theme (400 in dark, 600 in light) and reloads
   cleanly. Loaded only on pages that contain a code block. */

.hljs { color: var(--fg); background: transparent; }
.hljs-comment, .hljs-quote { color: var(--fg-faint); font-style: italic; }
.hljs-keyword, .hljs-selector-tag, .hljs-tag, .hljs-name,
.hljs-doctag, .hljs-type { color: var(--green); }
.hljs-string, .hljs-regexp, .hljs-meta .hljs-string { color: var(--cyan); }
.hljs-number, .hljs-literal { color: var(--purple); }
.hljs-title, .hljs-title.function_, .hljs-section { color: var(--orange); }
.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ { color: var(--blue); }
.hljs-attr, .hljs-attribute, .hljs-variable, .hljs-template-variable,
.hljs-property, .hljs-params { color: var(--yellow); }
.hljs-meta, .hljs-comment.hljs-doctag { color: var(--fg-faint); }
.hljs-symbol, .hljs-bullet, .hljs-link { color: var(--magenta); }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: 700; }