/* Gruvbox syntax colors that follow the blog theme (html[data-theme]), not just the OS setting.
   Replaces prism-gruvbox-light/dark.min.css. The block itself uses the blog's own pre styling. */
:root {
  --tok-comment: #7c6f64; --tok-keyword: #9d0006; --tok-builtin: #b57614;
  --tok-number: #8f3f71; --tok-string: #797403;
}
html[data-theme="dark"] {
  --tok-comment: #a89984; --tok-keyword: #fb4934; --tok-builtin: #fabd2f;
  --tok-number: #d3869b; --tok-string: #b8bb26;
}
@media (prefers-color-scheme: dark) {
  html[data-theme="auto"] {
    --tok-comment: #a89984; --tok-keyword: #fb4934; --tok-builtin: #fabd2f;
    --tok-number: #d3869b; --tok-string: #b8bb26;
  }
}

/* One background for the whole block: no per-line boxes from the inline-code style. */
pre[class*="language-"] { line-height: 1.5; tab-size: 4; }
pre code, pre code[class*="language-"] {
  background: none; border: 0; padding: 0; border-radius: 0;
  color: var(--text-color); font-size: 0.9rem; line-height: 1.5;
}

.token.comment, .token.prolog, .token.cdata { color: var(--tok-comment); font-style: italic; }
.token.punctuation, .token.operator, .token.attr-name, .token.attr-value,
.token.attr-value .punctuation { color: var(--tok-comment); }
.token.keyword, .token.atrule, .token.boolean, .token.delimiter, .token.important, .token.selector,
.token.constant, .token.property, .token.variable { color: var(--tok-keyword); }
.token.builtin, .token.doctype, .token.tag, .token.tag .punctuation, .token.function { color: var(--tok-builtin); }
.token.number, .token.entity, .token.symbol { color: var(--tok-number); }
.token.string, .token.char, .token.url { color: var(--tok-string); }
.token.url { text-decoration: underline; }
.token.bold { font-weight: 700; }
.token.italic { font-style: italic; }