:root {
	--colorBgDefault: #f3f3f3;
	--colorTextDefault: #222222;
	--color1: #262626;
	--color2: #222222;
	--color2xlight: #e9e9e9;
	--color2light: #c5c5c5;
	--color2dark: #4e4e4e;
	--color2xdark: #383838;
	--color2xlightFix: #e9e9e9;
	--color2lightFix: #c5c5c5;
	--color2darkFix: #4e4e4e;
	--color2xdarkFix: #383838;
	--colorGreyWhite: #FFF;
	--colorGreyXLight: #e6e6e6;
	--colorGreyLight: #cccccc;
	--colorGreyMedium: #999999;
	--colorGreyDark: #666666;
	--colorGreyXDark: #333333;
	--colorGreyBlack: #000;
	--colorScheme: 'normal';
	--smoothTimingFunction: cubic-bezier(0.5, 0.5, 0.15, 0.95);
	--colorSuccess: #077a0d;
	--colorWarning: #ad6308;
	--colorError: #940707;
	--spacing: 0.01em;
}

body.darkTheme {
	--colorBgDefault: #292929;
	--colorTextDefault: #DDD;
	--color1: #d9d9d9;
	--color2: #6f6f6f;
	--color2xlight: #2c2c2c;
	--color2light: #434343;
	--color2dark: #9a9a9a;
	--color2xdark: #c5c5c5;
	--colorGreyWhite: #000;
	--colorGreyXLight: #121212;
	--colorGreyLight: #4d4d4d;
	--colorGreyMedium: #666666;
	--colorGreyDark: #999999;
	--colorGreyXDark: #cccccc;
	--colorGreyBlack: #FFF;
	--colorScheme: 'dark';
}