@media (prefers-color-scheme: dark) {
	body {
		background-color: black;
		color: white;
	}

	.unimportant {
		color: lightgray;
	}

	a {
		color: lightskyblue;
	}

	a.crossed {
		color: lightcoral;
		text-decoration: line-through;
		/* text-decoration-color: lightcoral; */
	}

	.quote {
		background-color: #ffffff22;
		border-left-color: white;
	}

	fieldset.opinion {
		border-color: white;
	}

	fieldset.opinion:hover {
		border-color: #ffff1e;
	}

	fieldset.opinion legend {
		color: black;
		background-color: white;
	}

	fieldset.opinion:hover legend {
		background-color: #ffff1e;
		border-color: transparent;
	}

	.code {
		background-color: #2a2a2a;
	}

	.code .type {
		color: #65d9ef;
	}

	.code .literal {
		color: #ad81ff;
	}

	.code .directive, .code .keyword {
		color: #f92572;
	}

	.code .operator {
		color: #f82671;
	}

	.code .function {
		color: #a7e22e;
	}

	.code .string {
		color: #e6db74;
	}

	.blog-post header {
		background-color: #1f1f1f;
	}

	.highlight-yellow {
		background-color: #4a4a00;
	}
}