:root {
	/* Typography */
	font-size:			16px;
	--lineHeight:		1.75;
	--font:				'Eudoxus Sans', sans-serif;
	--fontTitle:		'Eudoxus Sans', sans-serif;

	--h1: 				6.6875rem;
	--h2: 				4.75rem;
	--h3: 				3.375rem;
	--h4: 				2.375rem;
	--h5: 				1.6875rem;
	--h6: 				1.1875rem;
	--leadSize: 		1.6875rem;

	/* Sizes */
	--containerWidth: 	1800px;
	--gap: 				30px;
	--borderRadius: 	0.5rem;
	--sectionPadding: 	100px;
	--hrDefaultMargins: 1rem;
	--titleWeight:		500;
	--boldWeight:		700;
	--navMargin:		50px;

	/* Colors */
	--primary: 			hsl(0 0% 0%);
	--primaryDark: 		hsl(0 0% 0%);
	--primaryLight: 	hsl(0 0% 20%);
	--secondary: 		hsl(0 0% 100%);
	--titleColor: 		hsl(0 0% 0%);
	--textColor: 		hsl(0 0% 0%);
	--linkColor: 		rgb(181, 16, 189);
	--bgLight: 			hsl(0 0% 95%);
	--btnColor: 		hsl(0 0% 100%);
	--borderColor: 		hsl(0 0% 85%);

	/* easings */
	--turtleSpeed: 		2000ms;
	--slowSpeed: 		1000ms;
	--normalSpeed: 		700ms;
	--fastSpeed: 		400ms;
	--fasterSpeed: 		200ms;
	--ultraSpeed: 		100ms;

	--ease: 			cubic-bezier(0.075, 0.82, 0.165, 1);
	--easeOutQuart: 	cubic-bezier(0.25, 1, 0.5, 1);
	--easeOutQuint: 	cubic-bezier(0.22, 1, 0.36, 1);
	--easeOutExpo: 		cubic-bezier(0.16, 1, 0.3, 1);
	--easeOutCirc: 		cubic-bezier(0, 0.55, 0.45, 1);
	--easeOutBack: 		cubic-bezier(.9,1.42,.64,1);
	--easeOutCubic: 	cubic-bezier(0.33, 1, 0.68, 1);
}