:root {
	/* main color */
	--font-color: hsl(242, 52%, 13%);
	--main-color: hsl(242, 16%, 43%);
	--main-disable-color: hsl(242, 11%, 78%);

	/* sub color */
	--icon-color: hsl(242, 25%, 65%);
	--log-left-color: hsl(242, 15%, 88%);
	--log-right-color: hsl(242, 80%, 90%);
	--cursor-color: hsl(242, 100%, 97%);
	--select-color: hsl(242, 100%, 94%);
	
	/* contrast colors */
	--sepia2accent-hue: 300deg;
	--accent-color: hsl(0, 50%, 52%);
	--contrast-color: hsl(200, 60%, 55%);
}