:root {

	--bg-flanking-color: ;
	--bg-content-color: ;
	--text-color: ;
	--link-color: ;
	--link-hover-color: ;
	--headings-text-color: rgba(140,114,79,1);
	--headings-text-hover-color: ;

	--toppanel-bg-color: ;
	--toppanel-text-color: ;
	--toppanel-link-color: rgba(221,221,221);
	--toppanel-link-hover-color: ;
	--toppanel-font-size: 1rem;

	--subheader-bar-bg-color: ;
	--subheader-bar-text-color: ;
	--subheader-bar-font-size: 1.1rem;
	--subheader-bar-font-family: Arial;
	--subheader-bar-padding: 5px;

	--sitemap-title-text-color: rgba(255,255,255,1);
	--sitemap-title-bg-color: rgba(204,204,204);
	--sitemap-bg-color: rgba(43.9,35.9,25.1,1);
	--sitemap-text-color: rgba(255,255,255,1);
	--sitemap-link-color: ;
	--sitemap-link-hover-color: ;

	--footer-bg-color: rgba(0,0,0,1);
	--footer-text-color: rgba(255,255,255,1);
	--footer-link-color: rgba(221,221,221);
	--footer-link-hover-color: ;
	--footer-padding: ;

	--sidebar-head-bg-color: ;
	--sidebar-head-text-color: ;
	--sidebar-bg-color: ;
	--sidebar-text-color: ;
	--sidebar-link-color: ;
	--sidebar-link-hover-color: ;

	--font-family-toppanel: 'Arial';
	--font-family-headings: 'Antonio';
	--font-family-body: 'Manrope';
	--font-family-sitemap: 'Antonio';
	--font-family-footer: 'Arial';

	/* NAVBAR + LOGO **************************************** */
	--logo-margin: 0px;
	--logo-text-size: 5.5rem;

	--font-family-navbar: 'Arial';
	--font-family-logo: 'Jacques Francois Shadow';

	--navbar-bg-color: rgba(0,0,0,1);
	--navbar-bg-lower-color: rgba(0,0,0,1);
	--navbar-bg-hover-color: ;

	--navbar-text-color: rgba(0,0,255,1);
	--navbar-link-color: rgba(204,204,204);
	--navbar-link-hover-color: rgba(255,255,255,1);

	/* MOBILE COLORS */
	--navbar-bg-color-mobile: rgba(68,68,68,1);
	--navbar-bg-hover-color-mobile: rgba(0,0,0,1);
	--navbar-link-color-mobile: rgba(221,221,221);
	--navbar-link-hover-color-mobile: rgba(255,255,255,1);

	--navbar-icon-color: rgba(255,255,255,1);
	--navbar-icon-hover-color: rgba(255,69,0,1);
	--navbar-link-underline-color: rgba(255,69,0,1);
	--navbar-link-underline-hover-color: ;
	--navbar-link-underline-thickness: 2px;
	--navbar-link-underline-transition: 0s;
	--navbar-border-bottom-color: ;
	--navbar-font-size: 1.1rem;

	--navbar-dropdown-bg-color: rgba(85,85,85,1);
	--navbar-dropdown-bg-hover-color: ;
	--navbar-dropdown-link-color: rgba(255,255,255,1);
	--navbar-dropdown-link-hover-color: rgba(255,255,255,1);
	--navbar-dropdown-link-bg-color: rgba(85,85,85,1);
	--navbar-dropdown-link-bg-hover-color: rgba(34,34,34,1);

	--body-font-size: 1rem;
	--h1-font-size: clamp(2rem,4vw,6rem);
	--h2-font-size: clamp(1.75rem,3vw,3.5rem);
	--h3-font-size: clamp(1.35rem,2vw,2.25rem);
	--h4-font-size: 1.0rem;
	--h5-font-size: clamp(1.00rem,1.2vw,1.25rem);

	--orange: orange;
	--darkorange: darkorange;
	--red: red;
	--blue: blue;
	--black: black;
	--indigo: indigo;
	--deeppink: deeppink;
	--white: white;

	--lightest-avocadogreen:	#89d004;
	--lighter-avocadogreen:	#78b604;
	--light-avocadogreen: #679c03;
	--avocadogreen:	#568203;
	--dark-avocadogreen: #446802;
	--darker-avocadogreen:	#334e01;
	--darkest-avocadogreen:	#223401;

	--lightest-jadegreen: #00ffab;
	--lighter-jadegreen: #00eb95;
	--light-jadegreen: #00c980;
	--jadegreen: #00a86b;
	--dark-jadegreen: #008655;
	--darker-jadegreen: #006440;
	--darkest-jadegreen: #00432a;

	--lightest-softblue:	#139cff;
	--lighter-softblue:	#1089e8;
	--light-softblue:	#0e75c7;
	--softblue: #0c4776;
	--dark-softblue: #094e84;
	--darker-softblue: #084474;
	--darkest-softblue: #063153;

	--dark-teal: #006a6a;
	--dark-indigo: #300153;
	--dark-deeppink: #d10372;
	--dark-violin: #582500;
	--dark-royalblue: #4143e1;

}