/* ============================================================
   SYNTAX HIGHLIGHTING — loaded AFTER highlight.js CDN
   Overrides the CDN theme with brighter, more readable colors
   on dark code backgrounds.
   ============================================================ */

.hljs { color: #e8ecf8 !important; background: transparent !important; }

/* Keywords, tags, literals */
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag,
.hljs-section { color: #c678dd !important; }

/* Types, built-ins */
.hljs-type,
.hljs-built_in { color: #e5c07b !important; }

/* Numbers */
.hljs-number { color: #d19a66 !important; }

/* Strings, attributes */
.hljs-string,
.hljs-attr { color: #98c379 !important; }

/* Variables */
.hljs-template-variable,
.hljs-variable { color: #e06c75 !important; }

/* Functions, titles */
.hljs-title,
.hljs-title.function_ { color: #61afef !important; }
.hljs-title.class_,
.hljs-title.class_.inherited__ { color: #e5c07b !important; }

/* Parameters */
.hljs-params { color: #e8ecf8 !important; }

/* Comments — brighter than default */
.hljs-comment { color: #7a82a6 !important; font-style: italic !important; }

/* Meta, links */
.hljs-meta { color: #61afef !important; }
.hljs-link { color: #61afef !important; text-decoration: underline !important; }

/* HTML/XML tags and names */
.hljs-tag { color: #e06c75 !important; }
.hljs-name { color: #e06c75 !important; }
.hljs-attribute { color: #d19a66 !important; }

/* Symbols, bullets */
.hljs-symbol,
.hljs-bullet { color: #56b6c2 !important; }

/* Diff */
.hljs-addition { color: #98c379 !important; }
.hljs-deletion { color: #e06c75 !important; }

/* Selectors */
.hljs-selector-class { color: #d19a66 !important; }
.hljs-selector-id { color: #61afef !important; }

/* Properties */
.hljs-property { color: #e06c75 !important; }

/* Regex */
.hljs-regex { color: #98c379 !important; }

/* Punctuation — visible but not bright */
.hljs-punctuation { color: #abb2bf !important; }

/* Emphasis and strong */
.hljs-emphasis { font-style: italic !important; }
.hljs-strong { font-weight: 700 !important; }

/* Reset any theme-specific backgrounds (atom-one-dark sets a gray bg) */
.code-frame pre code.hljs,
.code-frame pre code { background: transparent !important; }
.md-body pre code.hljs,
.md-body pre code { background: #1a1f35 !important; }