:root { 
	/* colors */
	--black-img: invert(100%) contrast(200%) brightness(0%);
	--white-img: invert(100%) contrast(0%) brightness(500%);

	--color-1-a: mediumblue;
	--color-1-b: darkblue;
	--color-1-c: dodgerblue;

	--color-2-a: gainsboro;
	--color-2-b: darkslategrey;
	--color-2-c: grey;

	/* spaces */
	--inside-space: 24px;

	/* other */
	--primary-radius: 5px;

	/*new vars*/
	--purple-1: #552EFF;
	--purple-2: #f0eafb;
	--purple-3: #A0A0E0;
	--green-1: #AAD100;
	--grey-1: #E4E4E4;
	--black-1: #575756;
	--semicircle: 500px;
	--circle: 50%;
	--soft: 20px;
	--main-font: 'worksans';
	--small: 16px;
}