:root {
  --code-bg: #1e1e1e;
  --code-fg: #d4d4d4;
  --code-comment: #6a9955;
  --code-keyword: #569cd6;
  --code-string: #ce9178;
  --code-number: #b5cea8;
  --code-class: #4ec9b0;
  --code-function: #dcdcaa;
  --code-punctuation: #d4d4d4;
}

.token.comment,
.token.prolog,
.token.doctype {
  color: var(--code-comment);
}

.token.keyword,
.token.boolean,
.token.annotation {
  color: var(--code-keyword);
}

.token.string,
.token.char {
  color: var(--code-string);
}

.token.number {
  color: var(--code-number);
}

.token.class-name,
.token.namespace,
.token.constant {
  color: var(--code-class);
}

.token.function,
.token.method {
  color: var(--code-function);
}

.token.operator,
.token.punctuation {
  color: var(--code-punctuation);
}