/****************************************************************************************************************
 *   Theme Vaiables
 ****************************************************************************************************************/
:root {
	/* colors */
	--primary-faded: #ECF4F6;
	--primary: #227B99;
	--primary-dark: #11607b;
	--primary-darker: #00465D;
	--secondary: #BD4B00;
	--accent: #929397;
	--accent-faded: #e7e7e7;
	/* Secondary TEXT. --accent is 3.07:1 on white and --accent-faded is
	   1.24:1 -- a border colour, not a text one -- so small print set in
	   either is hard or impossible to read. This clears 4.5:1 (5.01:1 on
	   white, 4.88:1 on the card tint) while staying clearly quieter than
	   --dark. Use it for captions and sub-labels. */
	--muted-text: #6e6f74;
	/* The underline that says "this figure is typed, not computed".
	   --accent-faded (#e7e7e7, ~1.2:1 on white) is a CARD border colour and
	   disappears when it is the only affordance a field has. 2.20:1 on white,
	   measured -- visible as a rule, still quieter than a form field's box.
	   The figure is asserted in tests/ops_band_layout_test.js, because the
	   first value chosen here LOOKED about right and was 1.60:1. */
	--input-rule: #a8b0b6;
	--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);
}