.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

pre {
  --hl-bg: #eeeeee;
  --hl-fg: #353535;
  --hl-comment: #8b8b8b;
  --hl-literal: #636363;
  --hl-type: #735057;
  --hl-name: #505050;
  background: var(--hl-bg);
}

@media (prefers-color-scheme: dark) {
    pre {
        --hl-bg: #191919;
        --hl-fg: #bbbbbb;
        --hl-comment: #686868;
        --hl-literal: #8b8b8b;
        --hl-type: #969696;
        --hl-name: #9e9e9e;
    }
}

.hljs {
  color: var(--hl-fg);
  background: var(--hl-bg);
}

.hljs-comment,
.hljs-quote {
  color: var(--hl-comment);
}

.hljs-keyword {
  font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-string {
  color: var(--hl-literal);
}

.hljs-title.function_ {
  color: var(--hl-fg);
}

.hljs-title.class_,
.hljs-type {
  color: var(--hl-type);
}

.hljs-name,
.hljs-variable {
  color: var(--hl-name);
}