@media (prefers-color-scheme: dark) {
	:root {
		--bg: #080b12;
		--bg-soft: #0d131d;
		--surface: rgba(13, 19, 29, 0.76);
		--card: rgba(255, 255, 255, 0.06);

		--text: #f5f7fa;
		--muted: #a8b2c2;

		--primary: #7f9ff2;
		--secondary: #78bdcd;
		--accent: #d1ad68;
		--danger: #ee7890;

		--border: rgba(255, 255, 255, 0.13);
		--shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
	}
}

body.dark-mode {
	--bg: #080b12;
	--bg-soft: #0d131d;
	--surface: rgba(13, 19, 29, 0.76);
	--card: rgba(255, 255, 255, 0.06);

	--text: #f5f7fa;
	--muted: #a8b2c2;

	--primary: #7f9ff2;
	--secondary: #78bdcd;
	--accent: #d1ad68;
	--danger: #ee7890;

	--border: rgba(255, 255, 255, 0.13);
	--shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
}