:root {
	--eval-surface: #f7f9fa;
	--eval-card: #ffffff;
	--eval-ink: #1c1d1f;
	--eval-muted: #5b6573;
	--eval-border: #d6dce4;
	--eval-accent: #2271b1;
}

html[data-theme="dark"] {
	color-scheme: dark;
	--eval-surface: #0f172a;
	--eval-card: #1e293b;
	--eval-ink: #e2e8f0;
	--eval-muted: #94a3b8;
	--eval-border: #3d4a5c;
	--eval-accent: #2271b1;
}

html[data-theme="dark"]:has(.eval-quiz--exam.eval-quiz--exam-day) {
	color-scheme: light !important;
}

html[data-theme="dark"] body:not(:has(.eval-quiz--exam.eval-quiz--exam-day)) {
	--global-palette3: #f8fafc;
	--global-palette4: #e2e8f0;
	--global-palette5: #cbd5e1;
	--global-palette6: #94a3b8;
	--global-palette7: #1e293b;
	--global-palette8: #0f172a;
}

html[data-theme="dark"] body:not(:has(.eval-quiz--exam.eval-quiz--exam-day)),
html[data-theme="dark"] body:not(:has(.eval-quiz--exam.eval-quiz--exam-day)) .content-bg,
html[data-theme="dark"] body:not(:has(.eval-quiz--exam.eval-quiz--exam-day)) .entry-content-wrap,
html[data-theme="dark"] body:not(:has(.eval-quiz--exam.eval-quiz--exam-day)) #colophon {
	background: var(--eval-surface) !important;
	color: var(--eval-ink) !important;
}