/******/
/*** VARIABLES ***/
/******/

:root,
:host {
	--color-cream: #fffbe7;
	--color-black: #231f20;
	--color-yellow: #f9b919;
	--color-nav-yellow: #f3b008;
	--color-blue: #007797;
	--color-red: #ed1c24;
	--color-white: #ffffff;
	--font-display: "Bowlby One", sans-serif;
	--font-condensed: "Special Gothic Condensed One", sans-serif;
	--font-body: "Special Gothic", sans-serif;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--gap-0: 0;
	--gap-4: 0.25rem;
	--gap-8: 0.5rem;
	--gap-12: 0.75rem;
	--gap-16: 1rem;
	--gap-24: 1.5rem;
	--gap-32: 2rem;
	--gap-48: 3rem;
	--gap-56: 3.5rem;
	--gap-64: 4rem;
	--gap-80: 5rem;
	--tracking-tight: -0.035em;
	--tracking-normal: 0;
	--tracking-wide: 0.06em;
	--leading-tight: 0.94;
	--leading-snug: 1.08;
	--leading-base: 1.35;
	--leading-normal: 1.55;
	--radius-media: clamp(0.75rem, 1.6vw, 1.5rem);
	--radius-section: clamp(1.5rem, 3.3vw, 3rem);
	--nav-height: 5rem;
	--content-max: 90rem;
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}