pre code.hljs { display: block; overflow-x: auto }
code.hljs { padding: 3px 5px }
.hljs { background: #fff; color: #000 }
.hljs-comment, .hljs-quote, .hljs-variable { color: green }
.hljs-built_in, .hljs-keyword, .hljs-name, .hljs-selector-tag, .hljs-tag { color: #00f }
.hljs-addition, .hljs-attribute, .hljs-literal, .hljs-section, .hljs-string, .hljs-template-tag, .hljs-template-variable, .hljs-title, .hljs-type { color: #a31515 }
.hljs-deletion, .hljs-meta, .hljs-selector-attr, .hljs-selector-pseudo { color: #2b91af }
.hljs-doctag { color: grey }
.hljs-attr { color: red }
.hljs-bullet, .hljs-link, .hljs-symbol { color: #00b0e8 }
.hljs-emphasis { font-style: italic }
.hljs-strong { font-weight: 700 }
.hljs-function, .hljs-params { color: black }
.hljs-formula, .hljs-subst { color: #1515 }

/* Dark Mode Overrides */
@media (prefers-color-scheme: dark) {
    .hljs { 
        background: #232323; /* Matches --client-bg1 */
        color: #efefef;      /* Matches --c1 */
    }
    
    /* Syntax Highlighting for Dark Background */
    .hljs-comment, .hljs-quote, .hljs-variable { color: #7cb270; } /* Green */
    .hljs-built_in, .hljs-keyword, .hljs-name, .hljs-selector-tag, .hljs-tag { color: #569cd6; } /* Blue */
    .hljs-addition, .hljs-attribute, .hljs-literal, .hljs-section, .hljs-string, .hljs-template-tag, .hljs-template-variable, .hljs-title, .hljs-type { color: #ce9178; } /* Orange/Red */
    .hljs-deletion, .hljs-meta, .hljs-selector-attr, .hljs-selector-pseudo { color: #d7ba7d; } /* Yellow/Beige */
    .hljs-doctag { color: #808080; }
    .hljs-attr { color: #9cdcfe; } /* Light Blue */
    .hljs-bullet, .hljs-link, .hljs-symbol { color: #d7ba7d; }
    .hljs-emphasis { font-style: italic; }
    .hljs-strong { font-weight: 700; }
    .hljs-function, .hljs-params { color: #dcdcaa; } /* Light Yellow */
    .hljs-formula, .hljs-subst { color: #d4d4d4; }
}