:root,:host {
	--color-reliable-red: #F2303A;
	--color-observant-orange: #FF9E17;
	--color-youthful-yellow: #FFD548;
	--color-building-block-blue: #5ED0F0;
	--color-guided-green: #00A97D;
	--color-versatile-violet: #775AFF;
	--color-new-growth-navy: #041E42;
	--color-curious-cream: #F6F3EF;
	--color-white: #fff;
	--color-pink: #FF71BD;
	--type-body: "Montserrat",sans-serif;
	--font-weight-normal: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--text-button: .875rem;
	--text-eyebrow: clamp(1rem,1.667vw,1.5rem);
	--text-feature: clamp(2.3125rem,5.25vw,5.25rem);
	--text-h1: clamp(2.25rem,4.5vw,4rem);
	--text-h2: clamp(2.125rem,3vw,3.75rem);
	--text-h3: clamp(1.875rem,2.875vw,3.5rem);
	--text-body-1: clamp(1.0625rem,1.389vw,1.25rem);
	--text-body-2: 1rem;
	--text-caption: .875rem;
	--radius-12: .75rem;
	--gap-0: 0;
	--gap-4: .25rem;
	--gap-8: .5rem;
	--gap-12: .75rem;
	--gap-16: 1rem;
	--gap-24: clamp(.75rem,1.667vw,1.5rem);
	--gap-32: clamp(1rem,2.223vw,2rem);
	--gap-48: clamp(1.5rem,3.334vw,3rem);
	--gap-64: clamp(2rem,4.445vw,4rem);
	--nav-height: 5.5rem;
	--ease-out: cubic-bezier(.22,1,.36,1);
}

@media (max-width:47.999rem) {

	:root,:host {
		--gap-24: 1.5rem;
		--gap-32: 2rem;
		--gap-48: 3rem;
		--gap-64: 3rem;
		--text-body-1: 1rem;
		--text-body-2: 1rem;
	}
}