pre[class*="language-"] {
	.token.function {
		color: var(--highlight-blue);
	}

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

	.token.punctuation {
		color: var(--highlight-blue);
	}

	.token.namespace {
		opacity: 0.7;
	}

	.token.attr-name,
	.token.operator,
	.token.boolean,
	.token.number {
		color: var(--highlight-purple);
	}

	.token.class-name,
	.token.property {
		color: var(--highlight-yellow);
	}

	.token.tag {
		color: var(--highlight-red);
	}

	.token.selector {
		color: var(--highlight-purple);
	}

	.token.string,
	.token.entity,
	.token.url,
	.language-css .token.string,
	.style .token.string,
	.token.statement,
	.token.regex,
	.token.atrule {
		color: var(--highlight-aqua);
	}

	.token.attr-value,
	.token.keyword,
	.token.control,
	.token.directive,
	.token.unit {
		color: var(--highlight-green);
	}

	.token.placeholder,
	.token.variable {
		color: var(--highlight-aqua);
	}

	.token.deleted {
		text-decoration: line-through;
		color: var(--highlight-deletion;);
	}

	.token.inserted {
		color: var(--highlight-addition);
	}

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

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

	.token.important {
		color: var(--highlight-red);
	}

	.token.entity {
		cursor: help;
	}

	pre > code.highlight {
		outline: 0.4em solid var(--highlight-red);
		outline-offset: 0.4em;
	}
}