/* Nếu hệ điều hành đang ở chế độ Dark */
@media (prefers-color-scheme: dark) {
	body {
		background-color: #000000;
		color: #ffffff;
	}

	header {
		background-color: rgba(0, 0, 0, 0.5);
	}

	#clock {
		color: #ffffff;
		text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
	}

	#themeSelector {
		background-color: rgba(255, 255, 255, 0.1);
		color: #ffffff;
	}

	#themeSelector:hover {
		background-color: rgba(255, 255, 255, 0.2);
	}
}

/* Nếu hệ điều hành đang ở chế độ Light */
@media (prefers-color-scheme: light) {
	body {
		background-color: #ffffff;
		color: #000000;
	}

	header {
		background-color: rgba(255, 255, 255, 0.5);
	}

	#clock {
		color: #000000;
		text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	}

	#themeSelector {
		background-color: rgba(0, 0, 0, 0.1);
		color: #000000;
	}

	#themeSelector:hover {
		background-color: rgba(0, 0, 0, 0.2);
	}
}