/* ---------------- colors */

:root{
	--col-lightgrey: #f9f9f9;
	--col-greyborder: #ddd;
	--col-grey: #525252;
	--col-darkgrey: #444;
	--col-green: #94C01F;

	--col-alert: #D0021B;
	--col-red: #D0021B;
	--col-highlight: #BE9132;
	--col-highlight-transparent: rgba(191, 146, 49, 0.2);
	--col-hr: rgba(190,145,50,.25);
	--col-social-border: rgba(190,145,50,.5);
}

*{
	color:var(--col-grey);
}

/* typo colors */

.black, .black a		{ color: black; }
.white, .white a		{ color: white !important; }
.colored				{ color: #BE9132; }
.darkgrey				{ color: var(--col-darkgrey); }
.grey					{ color: var(--col-grey); }
.highlight				{ color: var(--col-highlight); }

/* background colors */

.bg					{ background: rgba(0,0,0,.04); }
.bg_white			{ background: white; }
.bg_black			{ background: black; }
.bg_light			{ background: rgba(255,255,255,.5); }
.bg_dark			{ background: rgba(0,0,0,.7); }

.bg_nav				{ background: var(--col-green) }
.bg_overlay			{ background-color: white; }
.bg_highlight		{ background-color: var(--col-highlight); }