/*----custom variables----*/

:root {
	--text: black; /*main body text*/
	--bg: white; /*site background*/
	--pagetext: white; /*bad name but it's for navigation links and grid items with background*/
	--accent: #282828; /*navigation hovers and home link*/
	--shadow: 0, 0, 0; /*grid background and profile pic shadow - in RGB*/

	--titlefont: 'Franklin Gothic', 'Optima', sans-serif; /*font for headings and navigation*/
	--bodyfont: sans-serif; /*font for the rest of it*/

	--grain: url("https://www.transparenttextures.com/patterns/white-texture.png") /*url("https://www.transparenttextures.com/patterns/scribble-light.png")*/; 
	/*add image url if you want a texture over everything*/ /*Some options from same website as above: clean-gray-paper, bedge-grunge, dotnoise-light-grey*/
	--bgimage: var(--grain); /*change to something else if you want a different background*/
	
	--mainimage:  url("graphics/me_outside.jpeg");
	/*profile picture on main page. sorry its here and not somewhere normal*/

	/*colors for each navigation page*/
	--research: #9c171cff;
	--outreach: #dea20aff;  
	--teaching: #748a25ff;
	--notes: #116e86ff;
	--aboutme: #691f75ff;

}

/*	values colorpicked from cas slides:
	--research: #F59A23;
	--outreach: #F65353;
	--teaching: #7EC636;
	--notes: #03B4DC;
	--aboutme: #D287FF;*/

/* 	colors from aru:
	--research: #393983;
	--outreach: #EC6209;
	--teaching: #F9AD01;
	--notes: #0B503E;
	--aboutme: #E59186;*/

/*	colors from vintage poster: 
	--research: #e73920ff;
	--outreach: #f7930cff;
	--teaching: #fed001ff;
	--notes: #018554ff;
	--aboutme: #138fcfff;*/

/* 	colors from poster rescaled: https://coolors.co/e73920-ffd401-018554-138fcf-6f215d 
	--research: #e73920ff;
	--outreach: #ffd401ff;
	--teaching: #018554ff;
	--notes: #138fcfff;
	--aboutme: #6f215dff;*/

/* colors from alamo https://coolors.co/854c8e-18738a-758539-f0b318-a32529 */

/*current choice: https://coolors.co/9c171c-dea20a-748a25-116e86-691f75 */