/****************************************************************************************************************
 *   Theme Vaiables
 ****************************************************************************************************************/
:root {
	/* colors */
	--primary-faded: #ECF4F6;
	--primary: #227B99;
	--primary-dark: #11607b;
	--primary-darker: #00465D;
	--secondary: #BD4B00;
	/* Darkened from #929397: that value is 3.07:1 on white, under the 4.5:1
	   WCAG AA needs for normal text, and this token is used for real muted
	   copy -- labels, hints, timestamps -- not only for disabled states.
	   #6B6C70 is the same neutral at 5.24:1. */
	--accent: #6B6C70;
	--accent-faded: #e7e7e7;
	--dark: #212533;

	/* sizes for margins and paddings */
	--size-1: 0.09rem;
	--size-2: 0.14rem;
	--size-3: 0.23rem;
	--size-4: 0.38rem;
	--size-5: 0.62rem;
	--size-6: 1rem;
	--size-7: 1.62rem;
	--size-8: 2.62rem;
	--size-9: 4.24rem;
	--size-10: 6.85rem;
	--size--1: -0.09rem;
	--size--2: -0.14rem;
	--size--3: -0.23rem;
	--size--4: -0.38rem;
	--size--5: -0.62rem;
	--size--6: -1rem;
	--size--7: -1.62rem;
	--size--8: -2.62rem;
	--size--9: -4.24rem;
	--size--10: -6.85rem;

	/* shadow */
	--shadow: 0.1rem 0.1rem 0.5rem rgba(0,0,0,0.2);
}