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

	/* sub color */
	--icon-color: hsl(268, 40%, 70%);
	--log-color: hsl(268, 25%, 98%);
	--info-color: hsl(268, 25%, 95%);
	--cursor-color: hsl(268, 100%, 99%);
	--select-color: hsl(268, 100%, 98%);

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