:root {
	--hljs-text-color: #2f3337;
	--hljs-text-bg: #f6f6f6;
	--hljs-subst: #2f3337;
	--hljs-comment: #656e77;
	--hljs-keyword: #015692;
	--hljs-attr: #015692;
	--hljs-attribute: #803378;
	--hljs-name: #b75501;
	--hljs-selector-class: #015692;
	--hljs-variable: #54790d;
	--hljs-meta: #015692;
	--hljs-title: #b75501;
	--hljs-code: #535a60;
	--hljs-string: #54790d;
	--hljs-deletion: #c02d2e;
	--hljs-addition: #2f6f44;

	--hljs-emphasis: italic;
	--hljs-strong: bold;
}

[data-color-theme="dark"] {
	--hljs-text-color: #ffffff;
	--hljs-text-bg: #1c1b1b;
	--hljs-subst: #ffffff;
	--hljs-comment: #999999;
	--hljs-keyword: #88aece;
	--hljs-attr: #88aece;
	--hljs-attribute: #c59bc1;
	--hljs-name: #f08d49;
	--hljs-selector-class: #88aece;
	--hljs-variable: #b5bd68;
	--hljs-meta: #88aece;
	--hljs-title: #f08d49;
	--hljs-code: #cccccc;
	--hljs-string: #b5bd68;
	--hljs-deletion: #de7176;
	--hljs-addition: #76c490;
}

pre code.hljs {
	display: block;
	overflow-x: auto;
	padding: 1em
}
code.hljs {
	padding: 3px 5px
}
.hljs {
	color: var(--hljs-text-color);
	background: var(--hljs-text-bg);
}
.hljs-subst {
	color: var(--hljs-subst);
}
.hljs-comment {
	color: var(--hljs-comment);
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-section {
	color: var(--hljs-keyword);
}
.hljs-attr {
	color: var(--hljs-attr);
}
.hljs-attribute {
	color: var(--hljs-attribute);
}
.hljs-name,
.hljs-type,
.hljs-number,
.hljs-selector-id,
.hljs-quote,
.hljs-template-tag {
	color: var(--hljs-name);
}
.hljs-selector-class {
	color: var(--hljs-selector-class);
}
.hljs-string,
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr {
	color: var(--hljs-variable);
}
.hljs-meta,
.hljs-selector-pseudo {
	color: var(--hljs-meta);
}
.hljs-built_in,
.hljs-title,
.hljs-literal {
	color: var(--hljs-title);
}
.hljs-bullet,
.hljs-code {
	color: var(--hljs-code)
}
.hljs-meta .hljs-string {
	color: var(--hljs-string)
}
.hljs-deletion {
	color: var(--hljs-deletion)
}
.hljs-addition {
	color: var(--hljs-addition)
}
.hljs-emphasis {
	font-style: var(--hljs-emphasis)
}
.hljs-strong {
	font-weight: var(--hljs-strong)
}
.hljs-formula,
.hljs-operator,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {}