:root {
	--font-type:					Arial, Sans-Serif;
	--font-normal-size:				12px;
	--font-header-size:				14px;
	--font-footer-size:				14px;
	--font-sidemenu-size:			14px;
	--font-title-size:				20px;
	--font-normal:					var(--font-normal-size) var(--font-type);
	--font-header:					var(--font-header-size) var(--font-type);
	--font-footer:					var(--font-footer-size) var(--font-type);
	--font-sidemenu:				var(--font-sidemenu-size) var(--font-type);
	--font-title:					var(--font-title-size) var(--font-type);

	--bg-normal:					hsl(var(--base-hue),var(--base-saturation),var(--base-lightness));
	--bg-light:						hsl(var(--base-hue),var(--base-saturation),calc( var(--base-lightness) + 10%));
	--bg-lighter:					hsl(var(--base-hue),var(--base-saturation),calc( var(--base-lightness) + 20%));
	--bg-lighting:					hsl(var(--base-hue),var(--base-saturation),calc( var(--base-lightness) + 30%));
	--bg-bright:					hsl(var(--base-hue),var(--base-saturation),calc( var(--base-lightness) + 40%));
	--bg-dark:						hsl(var(--base-hue),var(--base-saturation),calc( var(--base-lightness) - 10%));
	--bg-darker:					hsl(var(--base-hue),var(--base-saturation),calc( var(--base-lightness) - 20%));
	--bg-darkness:					hsl(var(--base-hue),var(--base-saturation),calc( var(--base-lightness) - 30%));
	--color:						hsl(var(--base-hue),var(--base-saturation),var(--fore-lightness));
}