@import url("webfonts/fjalla-one.css");
@import url("webfonts/lato.css");
@import url("webfonts/lato.css");
	
:root {
	--primary-color: #033a29;
	--primary-color-light: #054d38;
	--primary-color-dark: #012a1a;
	--primary-color-a95: rgba(3,58,41,0.95);
	--primary-color-a90: rgba(3,58,41,0.9);
	--primary-color-a85: rgba(3,58,41,0.85);
	--primary-color-a80: rgba(3,58,41,0.8);
	--primary-color-a75: rgba(3,58,41,0.75);
	--primary-color-a70: rgba(3,58,41,0.7);
	--primary-color-a65: rgba(3,58,41,0.65);
	--primary-color-a60: rgba(3,58,41,0.6);
	--primary-color-a55: rgba(3,58,41,0.55);
	--primary-color-a50: rgba(3,58,41,0.5);
	--primary-color-a40: rgba(3,58,41,0.4);
	--primary-color-a30: rgba(3,58,41,0.3);
	--primary-color-a20: rgba(3,58,41,0.2);
	--primary-color-a10: rgba(3,58,41,0.1);

	--secondary-color: #ee7400;
	--secondary-color-light: #ff9019;
	--secondary-color-dark: #d97000;
	--secondary-color-a95: rgba(238,116,0,0.95);
	--secondary-color-a90: rgba(238,116,0,0.9);
	--secondary-color-a85: rgba(238,116,0,0.85);
	--secondary-color-a80: rgba(238,116,0,0.8);
	--secondary-color-a75: rgba(238,116,0,0.75);
	--secondary-color-a70: rgba(238,116,0,0.7);
	--secondary-color-a65: rgba(238,116,0,0.65);
	--secondary-color-a60: rgba(238,116,0,0.6);
	--secondary-color-a55: rgba(238,116,0,0.55);
	--secondary-color-a50: rgba(238,116,0,0.5);
	--secondary-color-a40: rgba(238,116,0,0.4);
	--secondary-color-a30: rgba(238,116,0,0.3);
	--secondary-color-a20: rgba(238,116,0,0.2);
	--secondary-color-a10: rgba(238,116,0,0.1);

	--primary-font: "Fjalla One";
	--secondary-font: "Lato";
	--tertiary-font: "Lato";
	
	--cassiopeia-color-primary: var(--primary-color);
	--cassiopeia-color-hover: var(--primary-color-light);
	--cassiopeia-color-link: var(--primary-color);
}