:root {
	--hl-bg-color: hsl(220, 23%, 97%);
	--hl-border-color: hsl(215, 15%, 85%);
	--hl-outline-color: hsl(215, 15%, 70%, 0.5);
	--hl-prompt-color: hsl(357, 63%, 58%);
	--hl-line-inserted-color: hsl(106, 59%, 27%);
	--hl-line-deleted-color: hsl(355, 67%, 41%);
	--hl-line-active-bg-color: hsl(220, 23%, 89%);
	--hl-line-marked-bg-color: hsl(220, 23%, 92%);
	--hl-line-inserted-bg-color: hsla(103, 96%, 73%, 0.5);
	--hl-line-deleted-bg-color: hsla(4, 75%, 83%, 0.5);

	/* add Starry Night CSS properties for light theme here */
}

@media (prefers-color-scheme: dark) {
	:root {
		--hl-bg-color: hsl(216, 18%, 11%);
		--hl-border-color: hsl(215, 11%, 22%);
		--hl-outline-color: hsl(215, 11%, 37%, 0.5);
		--hl-line-inserted-color: hsl(105, 51%, 51%);
		--hl-line-deleted-color: hsl(3, 77%, 74%);
		--hl-line-active-bg-color: hsl(218, 14%, 20%);
		--hl-line-marked-bg-color: hsl(218, 14%, 17%);
		--hl-line-inserted-bg-color: hsla(105, 62%, 20%, 0.5);
		--hl-line-deleted-bg-color: hsla(356, 69%, 31%, 0.5);

		/* add Starry Night CSS properties for dark theme here */
	}
}