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

:root,
:host {
	--color-clarity-stone: #eae7e4;
	--color-confident-charcoal: #161514;
	--color-navigator-green: #212928;
	--color-heritage-brown: #9c835e;
	--color-growth-sage: #7e815f;
	--color-venture-orange: #c4653f;
	--color-true-white: #ffffff;
	--color-true-black: #000000;
	--font-weight-thin: 100;
	--font-weight-extralight: 200;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800;
	--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-64: 4rem;
	--gap-80: 5rem;
	--tracking-tight: -0.01em;
	--tracking-normal: 0;
	--tracking-wide: 0.04em;
	--tracking-widest: 0.1em;
	--leading-tight: 0.98;
	--leading-snug: 1.15;
	--leading-base: 1.4;
	--leading-normal: 1.6;
	--radius-8: 0.5rem;
	--radius-12: 0.75rem;
	--radius-16: 1rem;
	--text-p-xs: 0.75rem;
	--text-p-sm: 0.875rem;
	--text-p: 1rem;
	--text-p-lg: 1.25rem;
	--text-min-h4: 1.25rem;
	--text-min-h3: 1.75rem;
	--text-min-h2: 2.75rem;
	--text-min-h1: 3.25rem;
	--text-max-h4: 2rem;
	--text-max-h3: 3.75rem;
	--text-max-h2: 6.5rem;
	--text-max-h1: 8.5rem;
	--nav-height: 5.5rem;
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}