.token.namespace {
  opacity: 0.7;
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: var(--color-token-comment);
  font-style: italic;
}

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

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

.token.atrule,
.token.attr-name,
.token.keyword {
  color: var(--color-token-keyword);
}

.token.selector,
.token.tag {
  color: var(--color-token-selector);
}

.token.attr-value,
.token.string {
  color: var(--color-token-string);
}

.token.boolean,
.token.constant,
.token.class-name,
.token.entity,
.token.number,
.token.property,
.token.regex,
.token.symbol,
.token.url,
.token.variable {
  color: var(--color-token-variable);
}

.token.deleted {
  background-color: var(--color-background-delete);
  color: var(--color-delete);
}

.token.inserted {
  background-color: var(--color-background-insert);
  color: var(--color-insert);
}

.token.deleted .prefix,
.token.inserted .prefix {
  background: none;
}

.token.bold,
.token.function,
.token.important {
  font-weight: bold;
}

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

/* Class clashes with that used by header component */
.token.header {
  all: unset !important;
}