.code-comment,
.code-prolog,
.code-doctype,
.code-cdata,
.code-operator,
.code-punctuation {
  color: var(--wa-color-base-50);
}

.code-namespace {
  opacity: 0.7;
}

.code-property,
.code-keyword,
.code-tag,
.code-url {
  color: #7c3aed; /* violet */
}

.code-symbol,
.code-deleted,
.code-important {
  color: var(--wa-color-red-40);
}

.code-boolean,
.code-constant,
.code-selector,
.code-attr-name,
.code-string,
.code-char,
.code-builtin,
.code-inserted {
  color: var(--wa-color-green-40);
}

.code-atrule,
.code-attr-value,
.code-number,
.code-variable,
.code-function,
.code-class-name,
.code-regex {
  color: var(--wa-color-yellow-40);
}

.code-important,
.code-bold {
  font-weight: bold;
}

.code-italic {
  font-style: italic;
}