/* Font family support */
html, html[data-font-family="serif"] {
  --font-family: serif;
}
html[data-font-family="sans-serif"] {
  --font-family: sans-serif;
}
html[data-font-family="monospace"] {
  --font-family: monospace;
}

/* Color scheme support */
html, html[data-theme="light"] {
  --background-color: snow;
  --color: #000;
}
html[data-high-contrast="on"], html[data-theme="light"][data-high-contrast="on"] {
	--background-color: #fff;
}

html[data-theme="dark"] {
  --background-color: #1f272d;
  --color: #fff;
}
html[data-theme="dark"][data-high-contrast="on"] {
	--background-color: #000;
}

@media (prefers-color-scheme: dark) {
  html {
    --background-color: #222830;
    --color: #fff;
  }
	html[data-high-contrast="on"] {
		--background-color: #000;
	}
}

@media (prefers-contrast: more) {
	:is(html, html[data-theme="light"]):not([data-high-contrast="off"]) {
		--background-color: #fff;
	}

	html[data-theme="dark"]:not([data-high-contrast="off"]) {
		--background-color: #000;
	}
}