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

	--h1: 				3.125rem;
	--h2: 				2.8125rem;
	--h3: 				2.1875rem;
	--h4: 				1.5625rem;
	--h5: 				1.125rem;
	--h6: 				1rem;
	--leadSize: 		1.5625rem;

	/* Sizes */
	--containerWidth: 	1274px;
	--gap: 				30px;
	--borderRadius: 	0.5rem;
	--sectionPadding: 	80px;
	--hrDefaultMargins: 1rem;
	--titleWeight:		500;
	--boldWeight:		700;
	--navMargin:		40px;

	/* Colors */
	--gradient: 		linear-gradient(to right, hsl(235 38% 28%), hsl(256 86% 77%), hsl(335 64% 45%));
	--primary: 			hsl(235 38% 28%);
	--primaryDark: 		hsl(235 38% 18%);
	--primaryLight: 	hsl(235 38% 38%);
	--secondary: 		hsl(335 64% 45%);
	--secondaryDark: 	hsl(335 64% 35%);
	--secondaryLight: 	hsl(335 64% 55%);
	--navColor:			hsl(265 28% 36%);

	--vista-blue: 		hsl(218 43% 74%);
	--mauve: 			hsl(325 18% 68%);
	--vinca-minor: 		hsl(249 51% 79%);
	--space-cadet: 		hsl(245 36% 14%);

	--titleColor: 		hsl(245 36% 14%);
	--textColor: 		hsl(245 36% 14%);
	--bgLight: 			hsl(240 7% 95%);
	--btnColor: 		hsl(0 0% 100%);
	--borderColor: 		hsl(0 0% 85%);
	--linkColor: 		var(--secondary);

	/* 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);
}