:root.theme-dark {
	color-scheme: dark;
	--bg: hsl(220, 18%, 12%);
	--bg-alt: hsl(220, 16%, 16%);
	--panel: hsl(220, 18%, 18%);
	--ink: hsl(0, 0%, 95%);
	--ink-muted: hsl(215, 12%, 70%);
	--accent: hsl(172, 60%, 40%);
	--accent-strong: hsl(172, 70%, 48%);
	--accent-soft: hsl(172, 22%, 22%);
	--border: hsl(220, 14%, 32%);
	--shadow: 0 24px 60px rgba(0, 0, 0, 0.45);

	--bg-pre: hsl(220, 18%, 16%);
	--text: hsl(0, 0%, 96%);
	--slide-brand: hsl(172, 55%, 48%);
}

:root.theme-dark body {
	background-color: var(--bg);
	background-image:
		radial-gradient(circle at 15% 20%, rgba(40, 140, 130, 0.2), transparent 45%),
		radial-gradient(circle at 80% 10%, rgba(200, 140, 70, 0.18), transparent 50%),
		linear-gradient(120deg, rgba(15, 20, 30, 0.7), rgba(15, 20, 30, 0));
}

:root.theme-dark code {
	background-color: rgba(0, 0, 0, 0.35);
}