/* GitHub Light theme for highlight.js . default (light mode) */
.hljs { color: #24292f; background: transparent; }
.hljs-comment, .hljs-quote { color: #6e7781; font-style: italic; }
.hljs-keyword, .hljs-selector-tag { color: #cf222e; }
.hljs-string, .hljs-attr { color: #0a3069; }
.hljs-number, .hljs-literal { color: #0550ae; }
.hljs-built_in { color: #953800; }
.hljs-symbol, .hljs-bullet { color: #953800; }
.hljs-title, .hljs-section { color: #8250df; }
.hljs-name, .hljs-tag { color: #116329; }
.hljs-variable, .hljs-template-variable { color: #953800; }
.hljs-type, .hljs-class .hljs-title { color: #953800; }
.hljs-attribute { color: #0550ae; }
.hljs-regexp, .hljs-link { color: #0a3069; }
.hljs-deletion { background: #ffebe9; color: #82071e; }
.hljs-addition { background: #dafbe1; color: #116329; }
.hljs-meta { color: #8250df; }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: bold; }

/* GitHub Dark theme for highlight.js . dark mode overrides */
.dark-theme .hljs, [data-theme="dark"] .hljs { color: #c9d1d9; }
.dark-theme .hljs-comment, .dark-theme .hljs-quote,
[data-theme="dark"] .hljs-comment, [data-theme="dark"] .hljs-quote { color: #8b949e; }
.dark-theme .hljs-keyword, .dark-theme .hljs-selector-tag,
[data-theme="dark"] .hljs-keyword, [data-theme="dark"] .hljs-selector-tag { color: #ff7b72; }
.dark-theme .hljs-string, .dark-theme .hljs-attr,
[data-theme="dark"] .hljs-string, [data-theme="dark"] .hljs-attr { color: #a5d6ff; }
.dark-theme .hljs-number, .dark-theme .hljs-literal,
[data-theme="dark"] .hljs-number, [data-theme="dark"] .hljs-literal { color: #79c0ff; }
.dark-theme .hljs-built_in,
[data-theme="dark"] .hljs-built_in { color: #ffa657; }
.dark-theme .hljs-symbol, .dark-theme .hljs-bullet,
[data-theme="dark"] .hljs-symbol, [data-theme="dark"] .hljs-bullet { color: #f0883e; }
.dark-theme .hljs-title, .dark-theme .hljs-section,
[data-theme="dark"] .hljs-title, [data-theme="dark"] .hljs-section { color: #d2a8ff; }
.dark-theme .hljs-name, .dark-theme .hljs-tag,
[data-theme="dark"] .hljs-name, [data-theme="dark"] .hljs-tag { color: #7ee787; }
.dark-theme .hljs-variable, .dark-theme .hljs-template-variable,
[data-theme="dark"] .hljs-variable, [data-theme="dark"] .hljs-template-variable { color: #ffa657; }
.dark-theme .hljs-type, .dark-theme .hljs-class .hljs-title,
[data-theme="dark"] .hljs-type, [data-theme="dark"] .hljs-class .hljs-title { color: #ffa657; }
.dark-theme .hljs-attribute,
[data-theme="dark"] .hljs-attribute { color: #79c0ff; }
.dark-theme .hljs-regexp, .dark-theme .hljs-link,
[data-theme="dark"] .hljs-regexp, [data-theme="dark"] .hljs-link { color: #a5d6ff; }
.dark-theme .hljs-deletion,
[data-theme="dark"] .hljs-deletion { background: #67060c; color: #ffa198; }
.dark-theme .hljs-addition,
[data-theme="dark"] .hljs-addition { background: #033a16; color: #aff5b4; }
.dark-theme .hljs-meta,
[data-theme="dark"] .hljs-meta { color: #d2a8ff; }

/* Code example panels always use dark theme (they have dark backgrounds) */
[data-example-theme="custom"] .hljs,
[data-example-theme="dark"] .hljs { color: #c9d1d9; }
[data-example-theme="custom"] .hljs-comment,
[data-example-theme="dark"] .hljs-comment { color: #8b949e; }
[data-example-theme="custom"] .hljs-keyword,
[data-example-theme="dark"] .hljs-keyword { color: #ff7b72; }
[data-example-theme="custom"] .hljs-string, [data-example-theme="custom"] .hljs-attr,
[data-example-theme="dark"] .hljs-string, [data-example-theme="dark"] .hljs-attr { color: #a5d6ff; }
[data-example-theme="custom"] .hljs-number, [data-example-theme="custom"] .hljs-literal,
[data-example-theme="dark"] .hljs-number, [data-example-theme="dark"] .hljs-literal { color: #79c0ff; }
[data-example-theme="custom"] .hljs-built_in,
[data-example-theme="dark"] .hljs-built_in { color: #ffa657; }
[data-example-theme="custom"] .hljs-title, [data-example-theme="custom"] .hljs-section,
[data-example-theme="dark"] .hljs-title, [data-example-theme="dark"] .hljs-section { color: #d2a8ff; }
[data-example-theme="custom"] .hljs-name,
[data-example-theme="dark"] .hljs-name { color: #7ee787; }
[data-example-theme="custom"] .hljs-variable,
[data-example-theme="dark"] .hljs-variable { color: #ffa657; }