:root {
	/* main color */
	--font-color: hsl(80, 79%, 10%);
	--main-color: hsl(80, 79%, 30%);
	--main-disable-color: hsl(80, 20%, 50%);
	--option-back-color: hsla(80, 79%, 88%, 0.4);
	--scroll-main-color: hsla(80, 79%, 30%, 1.0);
	--scroll-back-color: hsla(80, 79%, 10%, 0.05);

	/* accent color */
	--icon-color: hsl(80, 69%, 40%);
	--log-color: hsl(80, 25%, 98%);
	--info-color: hsl(80, 25%, 95%);
	--cursor-color: hsl(80, 100%, 97%);
	--select-color: hsl(80, 100%, 94%);

	/* contrast colors */
	--sepia2accent-hue: 300deg;
	--mark-color: hsl(0, 69%, 85%);
	--accent-color: hsl(0, 50%, 52%);
	--contrast-color: hsl(200, 60%, 55%);
}