/* CSS Document */
:root {
	
	--NEEDS-TO-CHANGE: #f00;
	
	/* Edit to fit the brand, or enter the brand colors directly into the variables to avoid nested variables (recommended) */
	--brand-color-1: #C8102E;	/* red */
	--brand-color-2: #939A92;	/* gray */
	--brand-color-3: #000;	/* black */
	--brand-color-4: #FFFFFF;	/* white */
	--brand-color-5: #EDEDED;	/* light gray */
	
	--brand-color-6: #5FB364;	/* green */
	--brand-color-7: #F6B71E;	/* yellow */
	--brand-color-8: #ffffff;	/* white */
	--brand-color-9: #000000;	/* black */
	--brand-color-10: #231834;	/* dark-purple alt */
	
	--standard-link-color: var(--brand-color-1);
	--color-darker: var(--brand-color-6);
	
	--heading-color-alt: #555;
	
	--standard-text-color: var(--brand-color-3);
	
	--standard-border-color: var(--brand-color-2);
	
	--header-height: 120px;
	--header-padding-bottom: 10px;
	--footer-height: 45px;
	--footer-padding-top: 10px;
	--main-height: calc(100vh - (var(--header-height) + var(--footer-height) + var(--header-padding-bottom) + var(--footer-padding-top)) );
	
	--main-margin-x: 30px;
	--main-padding-x: 30px;
	
	--bold-weight: 500;
	
	--fieldset-bg-color: var(--brand-color-5);
	
	--color-ready: #393;
	--color-not-ready: #f77;
	--color-warning: #fa0;
	--color-warning-dark: #a70;
	--color-error: #f00;
	
	--default_font-family: Gotham, Arial, Helvetica, sans-serif;
}