/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
	scroll-behavior: smooth;
	--color-dark: hsl(174, 83%, 30%);
	--color: #12b8a7;
	--background-grey: #f2f2f2;
	--background-darkgrey: #e2e2e2;
	--red: red;
	--background-red: #e9222c;
	--background-red-transparent: hsla(357, 82%, 52%, 0.224);
	--color-transparent: #1099d6cc;
	--color-darker: #0b678e;
	--color-darker-transparent: #0b678ecc;
	/* --color-sec: #e2323c;*/
	--background-grey: #e7e8e9;
	--background-darkgrey: #e2e2e2;
	--green: rgb(87, 219, 10);
	--background-green-transparent: rgba(87, 219, 10, 0.404);
	--darkblue: #24314f;
	--white: #fff;
	--grey: #d1d2d4;
	--color-grey: #d1d2d4;
	--color-grey-text: #444444;
}