:root {
	--red: #b21c1d;
	--green: #89b54c;
	--green-gradient: radial-gradient(circle 250px at 5% 20%, #ddeacf 0%, #89b54c 100%);
	--green-gradient2: radial-gradient(circle 250px at 95% 20%, #ddeacf 0%, #89b54c 100%);
	--green-gradient3: radial-gradient(circle 250px at 50% 50%, #ddeacf 0%, #89b54c 100%);
	--light-green: #ddeacf;
	--grey-beige: #bfbcb1;
	--light-grey-beige: #dfded8;
	--light-grey: #f5f5f5;
	--dark-green: #75895f;
	--dark-grey: #333;
	--grey: #575757;
}

/* layout */

:root {
	--max-layout-width: 1366px;
	--max-content-width: 750px;
	--plr: 140px;
}

@media (max-width: 1199px) {
	:root {
		--plr: 35px;
	}
}