/* VS Code-style syntax highlighting for .code-block <pre> (BETA)
   Scoped to pages that opt in by linking this file + js/code-highlight.js.
   Uses a fixed VS Code "Dark+" editor surface in both light and dark site
   themes so code is always high-contrast and reads like a real editor. */

.code-block pre {
    background: #1e1e1e !important;
    border: 1px solid #2d2d2d !important;
    color: #d4d4d4 !important;
}

.code-block pre code {
    color: #d4d4d4;
}

/* Token colors — VS Code Dark+ palette */
.code-block .hl-com  { color: #6a9955; font-style: italic; } /* comment   */
.code-block .hl-str  { color: #ce9178; }                     /* string    */
.code-block .hl-num  { color: #b5cea8; }                     /* number    */
.code-block .hl-key  { color: #569cd6; }                     /* keyword   */
.code-block .hl-lit  { color: #569cd6; }                     /* true/null */
.code-block .hl-fn   { color: #dcdcaa; }                     /* call      */
.code-block .hl-type { color: #4ec9b0; }                     /* Type/Class*/

/* Copy button restyled to sit on the dark surface in both themes */
.code-block .copy-code-btn {
    background: #2d2d2d;
    border-color: #555;
    color: #bbb;
}
.code-block .copy-code-btn:hover { background: #383838; }
.code-block .copy-code-btn.copied { color: #5cb85c; border-color: #5cb85c; }