/*
All the base variables for CSS files.
*/

:root {
	/*Typography*/
	--text: rgb(0, 0, 0);
	--mainfont: 'Montserrat', sans-serif;
	--secondaryfont: 'mixta_sharpregular', serif;

	/*Colors*/
	--darkgreen: rgb(0, 54, 61);
	--lightgreen: rgb(170, 250, 180);
	--darkgreenopacity90: rgba(0, 54, 61, 0.9);
	--lightgreenopacity90: rgba(170, 250, 180, 0.9);
	--lightgray: rgb(242, 242, 242);
	--darkgray: rgb(100, 100, 100);

	/*Misc vars*/
	--minwrapper: 1400px;
	--maxwrapper: 1400px;
	--themecolor: #00363d;

	/*Cookiebar colors*/
	--cookiebg: var(--darkgreen);
	--cookietext: rgb(255, 255, 255);
	--cookiebutton: var(--lightgreen);
	--cookiebuttontext: var(--darkgreen);

	/*Selection colors*/
	--selectioncolor: rgb(255, 255, 255);
	--selectionbackground: var(--lightgreen);

	/*Link colors*/
	--link: var(--darkgreen);
	--linkvisited: var(--darkgreen);
	--linkhover: var(--lightgreen);
	--linkfocus: var(--lightgreen);

	/*Header*/
	--navlink: rgb(255, 255, 255);
	--navlinkhover: var(--lightgreen);
	--navlinkfocus: var(--lightgreen);
	--navbutton: var(--lightgreen);
	--navlinecolor: rgb(255, 255, 255);
	--navbuttonhover: var(--darkgreen);
	--navbuttonfocus: var(--darkgreen);

	/*Hero*/
	--herobg: var(--darkgray);
	--herotext: rgb(255, 255, 255);

	/*Footer*/
	--footerbg: var(--darkgreen);
	--footertext: rgb(255, 255, 255);
}