:root {
	color-scheme: dark light;
}

@media(prefers-color-scheme: light) {
	:root {
			--col-code-bg: #FFFCF0;
	
			--col-syntax-code-text: #100F0F;
			--col-syntax-error: #AF3029;
			--col-syntax-comment: #B7B5AC;
			--col-syntax-punctuation: #6F6E69;
			--col-syntax-operator: #6F6E69;
			--col-syntax-funcdef: #BC5215;
			--col-syntax-keyword: #AD8301;
			--col-syntax-control: #A02F6F;
			--col-syntax-string: #66800B;
			--col-syntax-quotes: #24837B;
			--col-syntax-funccall: #205EA6;
			--col-syntax-number: #5E409D;
			--col-syntax-feature: #A02F6F;
	}
}

@media(prefers-color-scheme: dark) {
	:root {
			--col-code-bg: #100F0F;
	
			--col-syntax-code-text: #CECDC3;
			--col-syntax-error: #D14D41;
			--col-syntax-comment: #575653;
			--col-syntax-punctuation: #878580;
			--col-syntax-operator: #878580;
			--col-syntax-funcdef: #DA702C;
			--col-syntax-keyword: #D0A215;
			--col-syntax-control: #CE5D97;
			--col-syntax-string: #879A39;
			--col-syntax-quotes: #3AA99F;
			--col-syntax-funccall: #4385BE;
			--col-syntax-number: #8B7EC8;
			--col-syntax-feature: #CE5D97;
	}
}


.syntax-code-text { color: var(--col-syntax-code-text) }
.syntax-error { color: var(--col-syntax-error) }
.syntax-comment { color: var(--col-syntax-comment) }
.syntax-punctuation { color: var(--col-syntax-punctuation) }
.syntax-operator { color: var(--col-syntax-operator) }
.syntax-funcdef { color: var(--col-syntax-funcdef) }
.syntax-keyword { color: var(--col-syntax-keyword) }
.syntax-control { color: var(--col-syntax-control) }
.syntax-string { color: var(--col-syntax-string) }
.syntax-quotes { color: var(--col-syntax-quotes) }
.syntax-funccall { color: var(--col-syntax-funccall) }
.syntax-number { color: var(--col-syntax-number) }
.syntax-feature { color: var(--col-syntax-feature) }