:root {
	--co-pur: rgba(171, 90,  237, 1);
	--co-gre: rgba(130, 155, 137, 1);
	--co-ora: rgba(239, 111, 108, 1);
	--co-yel: rgba(236, 164, 0,   1);
	--co-red: rgba(96,  49,  64,  1);
	--co-spe: rgba(52,  52,  74,  1);
}

.hljs-comment {
	color: var(--co-spe);
}
.hljs-punctuation,
.hljs-tag {
	color: var(--co-red);
}
.hljs-tag .hljs-attr,
.hljs-tag .hljs-name {
	color: var(--co-red);
}
.hljs-attribute,
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-name,
.hljs-selector-tag {
	color: var(--co-yel);
	font-weight: 700;
}
.hljs-deletion,
.hljs-number,
.hljs-quote,
.hljs-selector-class,
.hljs-selector-id,
.hljs-string,
.hljs-template-tag,
.hljs-type {
	color: var(--co-gre);
}
.hljs-section,
.hljs-title {
}
.hljs-link,
.hljs-operator,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-symbol,
.hljs-template-variable,
.hljs-variable {
	color: var(--co-pur);
}
.hljs-literal {
	color: var(--co-ora);
}
.hljs-addition,
.hljs-built_in,
.hljs-bullet,
.hljs-code {
	color: var(--co-gre);
}
.hljs-meta {
	& * {
		color: var(--co-ora) !important;
		font-weight: 500 !important;
	}
  	color: var(--co-ora);
}
.hljs-emphasis {
	font-style: italic;
}
.hljs-strong {
	font-weight: 700;
}