.token:is(
    .atrule,
    .attr-name,
    .builtin,
    .control,
    .entity,
    .directive,
    .host,
    .key,
    .keyword,
    .property,
    .regex,
    .statement,
    .unit
  ) {
  color: var(--code--green);
}

.token[class$="-delimiter"],
.token:is(
    .atrule-id,
    .operator,
    .path-separator,
    .punctuation,
    .scheme-delimiter,
    .selector,
    .tag-id,
    .pair
  ) {
  color: var(--code--cyan);
}

.token:is(
    .attr-value,
    .boolean,
    .class-name,
    .fragment,
    .function,
    .number,
    .path,
    .port,
    .query,
    .scheme,
    .string,
    .tag,
    .url,
    .variable,
    .value
  ) {
  color: var(--code--yellow);
}

.token:is(.important, .placeholder) {
  color: var(--color);
}

.token:is(.comment, .cdata, .doctype, .prolog) {
  color: var(--color--off);
}

.token:is(.comment, .italic) {
  font-style: italic;
}

.token:is(.bold, .important) {
  font-weight: 400;
}

.token.deleted {
  text-decoration: line-through;
}

.token.namespace {
  opacity: 0.7;
}

/* [class*="language-"] */