.gh-content pre {
  --syntax-comment: var(--color-muted);
  --syntax-keyword: #6d4490;
  --syntax-string: #286441;
  --syntax-number: #895126;
  --syntax-name: var(--color-accent-strong);
}

@media (prefers-color-scheme: dark) {
  .gh-content pre {
    --syntax-keyword: #c3a6dd;
    --syntax-string: #93c5a5;
    --syntax-number: #d6ae86;
  }
}

.gh-content pre code .token.comment,
.gh-content pre code .token.prolog,
.gh-content pre code .token.doctype,
.gh-content pre code .token.cdata {
  color: var(--syntax-comment);
}

.gh-content pre code .token.keyword,
.gh-content pre code .token.atrule,
.gh-content pre code .token.selector,
.gh-content pre code .token.important {
  color: var(--syntax-keyword);
}

.gh-content pre code .token.string,
.gh-content pre code .token.char,
.gh-content pre code .token.attr-value,
.gh-content pre code .token.regex,
.gh-content pre code .token.inserted {
  color: var(--syntax-string);
}

.gh-content pre code .token.number,
.gh-content pre code .token.boolean,
.gh-content pre code .token.constant,
.gh-content pre code .token.symbol,
.gh-content pre code .token.deleted {
  color: var(--syntax-number);
}

.gh-content pre code .token.function,
.gh-content pre code .token.class-name,
.gh-content pre code .token.builtin,
.gh-content pre code .token.tag,
.gh-content pre code .token.attr-name,
.gh-content pre code .token.property,
.gh-content pre code .token.operator,
.gh-content pre code .token.entity,
.gh-content pre code .token.url,
.gh-content pre code .token.variable {
  color: var(--syntax-name);
}