:root {
	
	--exo-font: 'Exo', sans-serif;
	--color-white-light: #F6F6F6;
	--color-white: #FFFFFF;
	--color-black: #000000;
	--color-primary: #09B96D;
	--color-primary-hover: #008e47;
	--color-secondary-hover: #c6c6c6;
	--color-gray: #D2D6DB;
	--color-light-100: #E3E3E3;
	--color-dark-100: #1E1E1E;
	--footer-bg: #000F00;
	--yellow-light: #FFF1C2;
	--color-dark-300: #303030;
	--color-light-300: #F5F5F5;
	--color-border: #D9D9D9;
	--color-light-200: #E6E6E6;
	--color-orange: #BF6A02;

	--font-size-10: 10px;
	--font-size-12: 12px;
	--font-size-14: 14px;
	--font-size-16: 16px;
	--font-size-18: 18px;
	--font-size-20: 20px;
	--font-size-22: 22px;
	--font-size-24: 24px;
	--font-size-26: 26px;
	--font-size-28: 28px;
	--font-size-30: 30px;
	--font-size-32: 32px;
	--font-size-34: 34px;
	--font-size-36: 36px;
	--font-size-40: 40px;
	--font-size-48: 48px;
	--font-size-72: 72px;
}