pre {
  background-color: var(--wa-color-gray-20);
  color: white;

  /* Ensures a discernible background color in dark mode
   * Useful for themes that use gray-20 as --wa-color-surface-default  */
  .wa-dark & {
    background-color: var(--wa-color-surface-lowered);
  }
}
.code-comment,
.code-prolog,
.code-doctype,
.code-cdata,
.code-operator,
.code-punctuation {
  color: var(--wa-color-gray-70);
}

.code-namespace {
  opacity: 0.7;
}

.code-property,
.code-keyword,
.code-tag,
.code-url {
  color: var(--wa-color-indigo-70);
}

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

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

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

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

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