/*
  Syntax highlighting — GitHub light and dark themes
  Source: highlight.js v11 (github.com and github-dark themes)
*/

/* --- Light theme (default) --- */

.hljs { color: #24292e }
.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword,
.hljs-template-tag, .hljs-template-variable, .hljs-type,
.hljs-variable.language_ { color: #d73a49 }
.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__,
.hljs-title.function_ { color: #6f42c1 }
.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number,
.hljs-operator, .hljs-variable, .hljs-selector-attr,
.hljs-selector-class, .hljs-selector-id { color: #005cc5 }
.hljs-regexp, .hljs-string, .hljs-meta .hljs-string { color: #032f62 }
.hljs-built_in, .hljs-symbol { color: #e36209 }
.hljs-comment, .hljs-code, .hljs-formula { color: #6a737d }
.hljs-name, .hljs-quote, .hljs-selector-tag,
.hljs-selector-pseudo { color: #22863a }
.hljs-subst { color: #24292e }
.hljs-section { color: #005cc5; font-weight: bold }
.hljs-emphasis { font-style: italic }
.hljs-strong { font-weight: bold }

/* --- Dark theme --- */

@media (prefers-color-scheme: dark) {
  :root:not(.light-mode) .hljs { color: #c9d1d9 }
  :root:not(.light-mode) .hljs-doctag, :root:not(.light-mode) .hljs-keyword,
  :root:not(.light-mode) .hljs-meta .hljs-keyword, :root:not(.light-mode) .hljs-template-tag,
  :root:not(.light-mode) .hljs-template-variable, :root:not(.light-mode) .hljs-type,
  :root:not(.light-mode) .hljs-variable.language_ { color: #ff7b72 }
  :root:not(.light-mode) .hljs-title, :root:not(.light-mode) .hljs-title.class_,
  :root:not(.light-mode) .hljs-title.class_.inherited__,
  :root:not(.light-mode) .hljs-title.function_ { color: #d2a8ff }
  :root:not(.light-mode) .hljs-attr, :root:not(.light-mode) .hljs-attribute,
  :root:not(.light-mode) .hljs-literal, :root:not(.light-mode) .hljs-meta,
  :root:not(.light-mode) .hljs-number, :root:not(.light-mode) .hljs-operator,
  :root:not(.light-mode) .hljs-variable, :root:not(.light-mode) .hljs-selector-attr,
  :root:not(.light-mode) .hljs-selector-class,
  :root:not(.light-mode) .hljs-selector-id { color: #79c0ff }
  :root:not(.light-mode) .hljs-regexp, :root:not(.light-mode) .hljs-string,
  :root:not(.light-mode) .hljs-meta .hljs-string { color: #a5d6ff }
  :root:not(.light-mode) .hljs-built_in,
  :root:not(.light-mode) .hljs-symbol { color: #ffa657 }
  :root:not(.light-mode) .hljs-comment, :root:not(.light-mode) .hljs-code,
  :root:not(.light-mode) .hljs-formula { color: #8b949e }
  :root:not(.light-mode) .hljs-name, :root:not(.light-mode) .hljs-quote,
  :root:not(.light-mode) .hljs-selector-tag,
  :root:not(.light-mode) .hljs-selector-pseudo { color: #7ee787 }
  :root:not(.light-mode) .hljs-subst { color: #c9d1d9 }
  :root:not(.light-mode) .hljs-section { color: #1f6feb }
}

.dark-mode .hljs { color: #c9d1d9 }
.dark-mode .hljs-doctag, .dark-mode .hljs-keyword,
.dark-mode .hljs-meta .hljs-keyword, .dark-mode .hljs-template-tag,
.dark-mode .hljs-template-variable, .dark-mode .hljs-type,
.dark-mode .hljs-variable.language_ { color: #ff7b72 }
.dark-mode .hljs-title, .dark-mode .hljs-title.class_,
.dark-mode .hljs-title.class_.inherited__,
.dark-mode .hljs-title.function_ { color: #d2a8ff }
.dark-mode .hljs-attr, .dark-mode .hljs-attribute,
.dark-mode .hljs-literal, .dark-mode .hljs-meta,
.dark-mode .hljs-number, .dark-mode .hljs-operator,
.dark-mode .hljs-variable, .dark-mode .hljs-selector-attr,
.dark-mode .hljs-selector-class, .dark-mode .hljs-selector-id { color: #79c0ff }
.dark-mode .hljs-regexp, .dark-mode .hljs-string,
.dark-mode .hljs-meta .hljs-string { color: #a5d6ff }
.dark-mode .hljs-built_in, .dark-mode .hljs-symbol { color: #ffa657 }
.dark-mode .hljs-comment, .dark-mode .hljs-code,
.dark-mode .hljs-formula { color: #8b949e }
.dark-mode .hljs-name, .dark-mode .hljs-quote,
.dark-mode .hljs-selector-tag, .dark-mode .hljs-selector-pseudo { color: #7ee787 }
.dark-mode .hljs-subst { color: #c9d1d9 }
.dark-mode .hljs-section { color: #1f6feb }
