/* ################################################################################################################################ */
/* ### colours ### */
/* ################################################################################################################################ */

:root {



	--colour--dark-green: 			#798C54; /* # */
	--colour--medium-green: 		#8FA663; /* # */
	--colour--light-green: 			#DAEDB7; /* # */
	--colour--medium-grey-green: 	#778275; /* # */
	--colour--light-grey-green: 	#B6C29F; /* # */




	--colour--lime: 		hsl(120, 61%, 50%); /* # */
	--colour--blue: 		hsl(204, 100%, 39%); /* # */
	--colour--pink: 		#eb008b; /* # */
	


	--colour--gold: 		hsl( 43, 46%, 46%); /* #ab8d3f */
	--colour--charcole: 	hsl(200,  4%, 16%); /* #282a2b */
	--colour--white: 		hsl(  0,  0%,100%); /* white */

	--colour--lighter-grey: hsl(  0,  0%, 95%); 
	--colour--light-grey: 	hsl(  0,  0%, 85%); 
	--colour--medium-grey: 	hsl(  0,  0%, 65%); 
	--colour--dark-grey: 	hsl(  0,  0%, 45%); 
	--colour--darker-grey: 	hsl(  0,  0%, 25%); 

	--colour--good: 		hsl(105,100%, 70%); /* #8cff66 */
	--colour--bad:	 		hsl(  0,100%, 70%); /* #ff6666 */

	--colour--green: 		hsl(158, 95%, 34%); /* #04AA6D */
	--colour--red:		 	hsl(  4, 90%, 58%); /* #f44336 */


}

/* ################################################################################################################################ */