:root {
  --code-bg: var(--base01);
  --code-fg: var(--base07);
  --code-comment: var(--base05);
  --code-keyword: var(--base0D);
  --code-symbol: var(--base08);
  --code-data: var(--base0A);
  --code-number: var(--base0C);
  --code-char: var(--base0C);
  --code-alert: var(--base09);
  --code-function: var(--base09);
}

pre {
  background-color: var(--code-bg);
}

code {
  background-color: var(--code-bg);
  color: var(--code-fg);
}

/* Code that is NOT in a source code block: */
code:not(.sourceCode) {
  background-color: var(--code-bg);
  color: var(--code-data);
}

/* KeyWordTok */
.sourceCode .kw {
  color: var(--code-keyword);
}
/* DataTypeTok */
.sourceCode .dt {
  color: var(--code-data);
}

/* DecValTok (decimal value), BaseNTok, FloatTok */
.sourceCode .dv,
.sourceCode .bn,
.sourceCode .fl {
  color: var(--code-number);
}
/* CharTok */
.sourceCode .ch {
  color: var(--code-char);
}
/* StringTok */
.sourceCode .st {
  color: var(--code-char);
}
/* CommentTok */
.sourceCode .co {
  color: var(--code-comment);
}
/* OtherTok */
.sourceCode .ot {
  color: var(--code-symbol);
}
/* AlertTok */
.sourceCode .al {
  color: var(--code-alert);
  font-weight: bold;
}
/* FunctionTok */
.sourceCode .fu {
  color: var(--code-function);
}
/* RegionMarkerTok */
.sourceCode .re {
}
/* ErrorTok */
.sourceCode .er {
  color: var(--code-alert);
  font-weight: bold;
}