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

:root {
	/*Typography*/
	--text: rgb(0, 0, 0);
	--mainfont: 'Open Sans', sans-serif;
	--secondaryfont: 'Open Sans Condensed', sans-serif;

	/*Colors*/
	--lightred: rgb(192, 24, 87);
	--darkred: rgb(163, 24, 52);
	--lightgray: rgb(102, 109, 119);
	--darkgray: rgb(81, 87, 94);

	/*Misc vars*/
	--minwrapper: 1400px;
	--maxwrapper: 1400px;
	--themecolor: #a21734;
	--sitepadding: 50px;
	--sitepaddingnegative: -50px;
	--titlecolor: var(--darkred);

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

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

	/*Link colors*/
	--link: var(--darkred);
	--linkvisited: var(--darkred);
	--linkhover: var(--lightred);
	--linkfocus: var(--lightred);

	/*Header*/
	--navlink: rgb(255, 255, 255);
	--navlinkfocus: rgb(255, 255, 255);
	--navbutton: var(--darkred);
	--navlinecolor: rgb(255, 255, 255);
	--navbuttonhover: var(--lightred);
	--navbuttonfocus: var(--lightred);

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