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

:root{
	--col-lightgrey: #f9f9f9;
	--col-greyborder: #d3d3d3; /* ddd */
	--col-grey: #535353;
	--col-darkgrey: #444;
	--col-green: #94C01F;

	--col-alert: #D0021B;
	--col-red: #D0021B;
	--col-highlight: #ff4500;
	--col-hr: rgba(190,145,50,.25);
}

*{
	color: black;
}

/* typo colors */

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

.marker				{ background: var(--col-highlight); color: white; }

/* 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_yellow			{ background: yellow; }
.bg_highlight		{ background: var(--col-highlight); }

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


.picker {color: #d3d3d3;}