/**
 * Millco Base CSS.
 * and definitions.
 */

:root {

	--theme: #00D56D;
	--accent:hsla(20, 100%, 56%, 1);

	--black: hsla(0, 0%, 0%, 1);
	--dark: hsla(9, 11%, 12%, 1);
	--dark-grey: #262626;
	--grey-mid: hsl(0, 0%, 25%);
	--grey-light: hsl(0, 0%, 50%);
	--inactive: #C4C7CC;

	--dark-transparent: hsla(0, 0%, 0%, 0.85);
	--tint: hsla(0, 0%, 0%, 0.85);

	--grey-very-light: #EBEBEB;
	--pale: #fff;
	--white: #FFFFFF;
	--off-white: #F2F3F0;

	--grey: #C4C8D0;

	--blue: hsla(196, 100%, 50%, 1);
	--green: #00D56D;
	--orange: hsl(29, 100%, 50%);
	--pink: #EF209C;
	--red: #E62A2A;
	--teal: #2BDFE2;
	--yellow: #D1E119;

	--transition: all 0.3s ease-in-out;

	--text-light: 200;
	--text-regular: 800;
	--strong: 800;
	--heavy: 800;

	--shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.50);

	--aside-width: 260px;
	--footer-height: 276px;

	--heading-font: 'Baloo 2', Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

	--font-sans: 'Baloo 2', system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;

	--font-serif: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

	--font-condensed: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

	/*=============================
	Fluid Type sizes from
	https://utopia.fyi/
	=============================*/

	/* @link https://utopia.fyi/type/calculator?c=320,16,1.333,1240,24,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12

	--step--2: clamp(0.56rem, 0.46rem + 0.49vw, 0.84rem);
	--step--1: clamp(0.75rem, 0.62rem + 0.65vw, 1.13rem);
	--step-0: clamp(1.00rem, 0.83rem + 0.87vw, 1.50rem);
	--step-05: clamp(1.00rem, 1rem + 1.0vw, 1.75rem);
	--step-1: clamp(1.33rem, 1.10rem + 1.16vw, 2.00rem);
	--step-2: clamp(1.78rem, 1.47rem + 1.55vw, 2.67rem);
	--step-3: clamp(2.37rem, 1.96rem + 2.06vw, 3.55rem);
	--step-4: clamp(3.16rem, 2.61rem + 2.75vw, 4.74rem);
	--step-5: clamp(4.21rem, 3.48rem + 3.66vw, 6.31rem); */


/* @link https://utopia.fyi/type/calculator?c=360,18,1.2,1600,24,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	--step--2: clamp(0.7813rem, 0.7294rem + 0.2306vw, 0.96rem);
	--step--1: clamp(0.9375rem, 0.8613rem + 0.3387vw, 1.2rem);
	--step-0: clamp(1.125rem, 1.0161rem + 0.4839vw, 1.5rem);
	--step-1: clamp(1.35rem, 1.1976rem + 0.6774vw, 1.875rem);
	--step-2: clamp(1.62rem, 1.4099rem + 0.9339vw, 2.3438rem);
	--step-3: clamp(1.944rem, 1.6578rem + 1.2719vw, 2.9297rem);
	--step-4: clamp(2.3328rem, 1.9469rem + 1.7152vw, 3.6621rem);
	--step-5: clamp(2.7994rem, 2.2831rem + 2.2946vw, 4.5776rem);
	--step-6: clamp(3.3592rem, 2.6733rem + 3.0488vw, 5.722rem);
	
	/* Current (v5.0) Boostrap breakpoints are 
		X-Small 	None 	<576px
		Small 	sm 	≥576px
		Medium 	md 	≥768px
		Large 	lg 	≥992px
		Extra large 	xl 	≥1200px
		Extra extra large 	xxl 	≥1400px
	*/

	--gap: 0.75rem;
	--gap-small: 0.5rem;
}

@media (min-width: 768px) {
	:root {
		--gap: 1rem;
		--gap-small: 0.75rem;
	}
}

@media (min-width: 992px) {
	:root {
		--gap: 2rem;
		--gap-small: 1rem;
	}
}