/*
 * highlight.js theme — minimal GitHub-like palette.
 * Replace this with any official theme by running:
 *   curl -o static/css/hljs.css \
 *     https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css
 */

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.75em 1em;
  background: #f8f9fa;
  color: #24292e;
  border-radius: 6px;
  font-family: "JetBrains Mono", "Fira Mono", "Consolas", monospace;
}

.hljs-comment,
.hljs-quote         { color: #6a737d; font-style: italic; }

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst         { color: #d73a49; font-weight: 600; }

.hljs-string,
.hljs-doctag,
.hljs-regexp        { color: #032f62; }

.hljs-number,
.hljs-literal       { color: #005cc5; }

.hljs-title,
.hljs-section,
.hljs-name,
.hljs-selector-id   { color: #6f42c1; font-weight: 600; }

.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-attr          { color: #e36209; }

.hljs-type,
.hljs-class .hljs-title { color: #6f42c1; font-weight: 600; }

.hljs-symbol,
.hljs-bullet,
.hljs-built_in,
.hljs-builtin-name  { color: #005cc5; }

.hljs-meta,
.hljs-meta-keyword  { color: #005cc5; }

.hljs-deletion      { color: #b31d28; background: #ffeef0; }
.hljs-addition      { color: #22863a; background: #f0fff4; }

.hljs-emphasis      { font-style: italic; }
.hljs-strong        { font-weight: 700; }

/* Dark mode (same palette as main dark theme) */
@media (prefers-color-scheme: dark) {
  .hljs {
    background: #1a1d24;
    color: #F9F9F9;
  }

  .hljs-comment,
  .hljs-quote        { color: #8a9bab; }
  .hljs-keyword,
  .hljs-selector-tag,
  .hljs-subst        { color: #ff7b72; }
  .hljs-string,
  .hljs-doctag,
  .hljs-regexp       { color: #a5d6ff; }
  .hljs-number,
  .hljs-literal      { color: #79c0ff; }
  .hljs-title,
  .hljs-section,
  .hljs-name,
  .hljs-selector-id  { color: #d2a8ff; }
  .hljs-variable,
  .hljs-template-variable,
  .hljs-attribute,
  .hljs-attr         { color: #ffa657; }
  .hljs-type,
  .hljs-class .hljs-title { color: #d2a8ff; }
  .hljs-symbol,
  .hljs-bullet,
  .hljs-built_in,
  .hljs-builtin-name { color: #79c0ff; }
  .hljs-meta,
  .hljs-meta-keyword { color: #79c0ff; }
  .hljs-deletion     { color: #ffa198; background: #3d1a1f; }
  .hljs-addition     { color: #6fd38a; background: #17361f; }
}