:root {
	/* primary */
	--primary-one: #124; /* dark blue */
	--primary-one-dark: pink;
	
	--primary-two: #da7; /* gold */
	--primary-two-light: #ec9;
	--primary-two-dark: pink;
	
	--alt:var(--primary-one);
	--accent:var(--primary-one);
	--neutral:#fee; /* #e6eaee */
	--contrast:#fff;
	
	
	--body-color:#124;
	--body-background-color:transparent;
	
	--box-max-width:1024px;
	
	--a-active-color:var(--primary-one);
	--a-active-background-color:var(--primary-two-light);
	
	
	/* FOCUS */
	--focus-outline-color:#09e;
	
	
	/* HEADINGS */
	--heading-color:var(--body-color,#000); /* #cbc; */
	--heading-font:'Cormorant Garamond';
	
	
	/* MAIN MENU */
	--nav-main-item-color:#fff;
	--nav-main-menu-control-color:#fff; /* drawer */
	
	--nav-main-open-background-color:#fff;
	--nav-main-open-item-color:#124;
	--nav-main-open-item-border-top:1px dotted #999;
	--nav-main-open-menu-control-color:#124; /* drawer */
	
	
	/* BUTTONS */
	--button-font-size:1.25rem;
	--button-font-weight:400;
	
	--button-border-width:4px;
	--button-border-radius:100px;

	--button-text-color:#fff;
	--button-background-color:#124;

	--button-text-color-alt:#fff;
	--button-background-color-alt:#304;
	
	
	
	/* AREAS */
	--shared-head-foot-background-color:#124/*#e61*/;
	--shared-head-foot-color:#fff;
	
	--head-area-background-color:var(--shared-head-foot-background-color);
	--head-area-color:var(--shared-head-foot-color);
	--head-area-padding:initial;
	
	/* --foot-area-background-color:#151515; */
	--foot-area-background-color:var(--shared-head-foot-background-color);
	--foot-area-color:var(--shared-head-foot-color);
	--foot-area-padding:initial;
	
}

/*

DO NOT ADD STYLES BELOW THIS
ONLY USE CSS VARIABLES ABOVE

*/