@CHARSET "UTF-8";

:root {
	
	--font-xs : 0.98em;
	--font-s : 1.0em;
	--font-m : 1.1em;
	--font-l : 1.4em;
	--font-xl : 1.78em;
	--font-xxl : 1.78em;
	
	
	--color-white: #fff;
	--color-white-25: #ffffff40;
	--color-white-50: #ffffff50;
	--color-white-75: #ffffffbf;
	--color-white-90: #ffffffe6;
	
	--color-black: #2e2d2c;
	--color-black-25: #2e2d2c40;
	--color-black-50: #2e2d2c50;
	--color-black-75: #2e2d2cbf;

	--color-gray: #656565;
	--color-gray-25: #65656540;
	--color-gray-50: #65656580;
	--color-gray-75: #656565bf;
	
	--color-light-gray: #efefef;
	--color-light-gray-25: #efefef40;
	--color-light-gray-50: #efefef80;
	--color-light-gray-75: #efefefbf;
	--color-light-gray-90: #efefefe6;
	
	--color-blue: #4194d1;
	--color-blue-25: #4194d140;
	--color-blue-50: #4194d180;
	--color-blue-75: #4194d1bf;
	
	--color-green: #70ad47;
	--color-green-25: #70ad4740;
	--color-green-50: #70ad4780;
	--color-green-75: #70ad47bf;
	
	--color-red: #f01414;
	--color-red-25: #f0141440;
	--color-red-50: #f0141480;
	--color-red-75: #f01414bf;

	--color-orange: #ed7d31;
	--color-orange-25: #ed7d3140;
	--color-orange-50: #ed7d3180;
	--color-orange-75: #ed7d31bf;
	
	--color-yellow: #ffc000;
	--color-yellow-25: #ffc00040;
	--color-yellow-50: #ffc00080;
	--color-yellow-75: #ffc000bf;
	
	--box-shadow-up: 12px -7px 12px 0px rgba(0, 0, 0, 0.15);
	--box-shadow-down: 12px 14px 12px 0px rgba(0, 0, 0, 0.15);

	--notification-notify-color: rgba(255,128,0,0.75);
	--notification-info-color: rgba(101,101,101,0.75);
	--notification-warning-color: --var(--color-orange-50);
	--notification-failure-color: --var(--color-red-50);
	--notification-success-color: --var(--color-green-50);

}