:root {
	--white: #fafafa;
	--grey: #9b9b9b;

	--font-xs: 0.7857142857rem; /* 11px */
	--font-sm: 1rem; /* 14px */
	--font-md: 1.5rem; /* 21px */
	--font-lg: 2rem; /* 28px */

	/* DESKTOP (>900px)*/
	--space-xs--bp-1: 1rem;  /* 14px */
	--space-sm--bp-1: 2rem; /* 28px */
	--space-md--bp-1: 3rem; /* 42px */
	--space-lg--bp-1: 6rem; /* 84px */
	--space-xl--bp-1: 12rem; /* 168px */
	--header-height--bp-1: 92px;

	/* TABLET (<900px) */
	--space-xs--bp-2: 1rem;  /* 14px */
	--space-sm--bp-2: 2rem; /* 28px */
	--space-md--bp-2: 3rem; /* 42px */
	--space-lg--bp-2: 12rem; /* 168px */
	--header-height--bp-2: 92px;

	/* MOBILE (<600px)*/
	--space-xs--bp-3: 1.2857142857rem; /* 18px */
	--space-sm--bp-3: 2.5714285714rem; /* 36px */
	--space-md--bp-3: 3.2142857143rem; /* 54px */
	--space-lg--bp-3: 10.2857142857rem; /* 144px */
	--header-height--bp-3: 54px;
}