:root {
	--color-brown: #250911;
	--color-green: #0b291e;
	--color-lilac: #aaa9d7;
	--color-olive: #9d862a;
	--color-pink: #ed95af;
	--color-red: #c14029;
	--color-teal: #00a59f;
	--color-white: #fbf2e9;
	--color-yellow: #ff9723;

	--font-body: degular, sans-serif;
	--font-size-p-xs: .875rem;
	--font-size-p-sm: 1rem;
	--font-size-body: 1.25rem;
	--font-size-p-lg: 1.5rem;
	--font-size-small: .8125rem;
	--font-size-h1: clamp(3.5rem, 7vw, 7rem);
	--font-size-h2: clamp(2.75rem, 4.5vw, 5.5rem);
	--font-size-h3: clamp(2rem, 3vw, 3.5rem);
	--font-size-h4: clamp(1.5rem, 2vw, 2.25rem);
	--font-size-h5: 1.125rem;

	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 700;
	--line-height-body: 1.55;
	--line-height-heading: .95;
	--letter-spacing-eyebrow: .12em;

	--gap-0: 0;
	--gap-4: .25rem;
	--gap-8: .5rem;
	--gap-12: .75rem;
	--gap-16: 1rem;
	--gap-24: 1.5rem;
	--gap-32: 2rem;
	--gap-48: 3rem;
	
	--tracking-tightest: -.04em;
	--tracking-tighter: -.02em;
    --tracking-tight: -.01em;
    --tracking-normal: 0em;
    --tracking-wide: .08em;
    --tracking-wider: .12em;
    --tracking-widest: .16em;
	
    --leading-tight: 1;
	--leading-snug: 1.25;
    --leading-base: 1.375;
    --leading-normal: 1.5625;
    --leading-relaxed: 1.625;
    --leading-loose: 2;

	--radius-4: .25rem;
	--radius-8: .5rem;
	--radius-10: .625rem;
	--radius-12: .75rem;
	--radius-16: 1rem;
	--radius-20: 1.25rem;
	--radius-24: 1.5rem;

	--transition-standard: 240ms ease;
}