:root{
	--header-grey: #f8f8f8;
	--brd-grey: 1px solid #e3e3e3;
	--clr-grey:#e3e3e3;
	--top-green:#0d9b4d;
	--light-green:#e9fff2;
	--close-bg:#838383;
	--price-grey:#333a44;
}

/*** OLD ***/

/*** SITE COLOR ***/
:root{
--Primary: #0d9b4d;
--siteGreen: linear-gradient(#00d901, #01940b);
--siteBlue: #0d9b4d;
--textBlue: #0d9b4d;
--textGreen:#026c0d;
--lightBlue:#d6edfb;

--siteYellow: #fff000;
--btnGreen:linear-gradient(#00d901, #01940b);
--brdGreen:#00d901;

--siteFont: #000;

--OldPrice: #808a89;
--Price: #de0000;
--Red: #ec2529;
--Darker: #000;
--Dark: #333;

--btngrey:#c5c5c5;
--brdgrey: #dddddd;/**/
--brdgreyHov: #999;
--lightGrey:#efefef;

}

/*** FONT SIZE AND WEIGHT ***/
:root{
--font400: 400;
--font500: 500;
--font600: 600;
--font700: 700;

--font12: 12px;
--font14: 14px;
--font16: 16px;
--font18: 18px;
--font20: 20px;
--font22: 22px;
--font24: 24px;
--font30: 30px;
}

/*** PADDING / MARGIN / OTHERS ***/
:root{
--radius5: 5px;
--radius10: 10px;
--radius15: 15px;
--radius20: 20px;
--radius50: 50px;

--padding5: 5px;
--padding10: 10px;
--padding15: 15px;
--padding20: 20px;
--padding25: 25px;
--padding30: 30px;
--padding40: 40px;
--padding50: 50px;
--padding60: 60px;

--margin5: 5px;
--margin10: 10px;
--margin15: 15px;
--margin20: 20px;
--margin25: 25px;
--margin30: 30px;
--margin40: 40px;
--margin50: 50px;
--margin60: 60px;

}