color.css

:root {

	/* ---- white ------*/
	--white: rgba(255,255,255,1);
	--white-500: rgba(255,255,255,1);
	--white-500-t: rgba(255,255,255,0.5);

	/* ---- black ------*/
	--black-200: rgba(240,240,240,1);
	--black-300: rgba(230,230,230,1);
	--black-300-t: rgba(0,0,0,0.3);
	--black-400: rgba(210,210,210,1);
	--black-500: rgba(170,170,170,1);
	--black-600: rgba(140,140,140,1);
	--black-700: rgba(90,90,90,1);
	--black-700-t: rgba(0,0,0,0.7);
	--black: rgba(50,50,50,1);
	--black-800: rgba(50,50,50,1);
	--black-800-t: rgba(40,40,40,0.95);

	/* ---- blue ------*/
	--blue-300: rgba(140,220,240,1);
	--blue-400: rgba(70,190,200,1);
	--blue: rgba(0,100,130,1);
	--blue-500: rgba(0,100,130,1);
	--blue-600: rgba(0,60,100,1);

	/* ---- green ------*/
	--green-300: rgba(170,190,20,1);
	--green-400: rgba(120,160,60,1);
	--green: rgba(60,130,70,1);
	--green-500: rgba(60,130,70,1);
	--green-600: rgba(60,100,50,1);
	--green-utility: rgba(10,130,100,1);

	/* ---- orange ------*/
	--orange-300: rgba(255,180,20,1);
	--orange-400: rgba(240,140,50,1);
	--orange: rgba(190,80,30,1);
	--orange-500: rgba(190,80,30,1);
	--orange-600: rgba(100,70,50,1);

	/* ---- red ------*/
	--red-300: rgba(220,70,100,1);
	--red-400: rgba(170,20,90,1);
	--red: rgba(140,40,80,1);
	--red-500: rgba(140,40,80,1);
	--red-600: rgba(100,30,50,1);
	--red-utility: rgba(180,40,50,1);
}