body	{	--cta:  rgba(000,153,218,1.00); /* #0099da Blue light, Call to Action */
			--acc:  rgba(000,064,117,1.00);	/* #004075 Blue dark,  Accent */ 

			--gray-0:  	#f9f9fa;
			--gray-1:  	#eceef0;
			--gray-2:  	#dee1e6;
			--gray-3:  	#cfd3da;
			--gray-4:  	#bfc4cd;
			--gray-5:  	#adb3bf;
			--gray-6:  	#98a0af;
			--gray-7:  	#808a9b;
			--gray-8:  	#656d7b;
			--gray-9:  	#3b3f48; }
			
a, .nob, small 	{ 	color: inherit; }

input, textarea 	{ 	caret-color: var(--cta); }

::marker 			{ 	color: var(--acc); }
::-moz-selection 	{ 	background-color: var(--acc); color: white; }
::selection      	{ 	background-color: var(--acc); color: white; }

/*	=================================
		BGs   
	================================= */
	
.control select	
	{ 	background-color: transparent; }
	
header, footer, a.pro, #local > div, .semi > div, select
	{ 	background-color: white; }
		
.btn, .box
	{ 	background-color: var(--cta); color: white; }
	
header > div > .nav > a:after, #contact
	{ 	background-color: var(--acc); color: white; }
	
body, header > div > .brand > span, #top10, .control, #quote section figure:before, #quote section figure:after
	{ 	background-color: var(--gray-0);  }

nav > div > div a:hover, #intro, figure, #fact > :is(a, span, div), form
	{ 	background-color: var(--gray-1);  }
	
header > div > .brand > span + span, nav > div, #oems figure
	{ 	background-color: var(--gray-2);  }

.toplink
	{ 	background-color: var(--gray-6); color: white; }
		
#asp .box
	{ 	background-color: var(--gray-8); color: white; }

/*	=================================
		TXTs
	================================= */
	
.box *, #contact *, .box li::marker
	{ 	color: white; }
	
p a, .link, a.ico:hover, .intro > div span:not(.btn), #asp figure + p, .flg > *:focus + label, #quote p:first-child, .history:before
	{ 	color: var(--cta); }

#quote p:first-child
	{ 	color: var(--acc); }

*
	{ 	color: var(--gray-8); }

h1, h2, h3, h4, strong, input, textarea, :is(h1, h2) + p, #asp a, 
.intro > div span + span:not(.btn), #oems a *, #top10 a table tr + tr > td + td
	{ 	color: var(--gray-9); }

/*	=================================
		Borders + Shadows
	================================= */

nav > div > div	> a	
	{ 	border-color: white; }

* 	{ 	border-color: var(--gray-2); }

.history > div > div + div > div + div	
 	{ 	border-color: var(--gray-6); }

.flg > *:focus
	{ 	border-color: var(--cta); }

/*	=================================
		Deko
	================================= */

figure		{ 	background-repeat: no-repeat; background-position: center; background-size: auto 50.00%; background-image: url('../img/logos/Logo_FSN-Oval_inv.svg'); }

/*	=================================
		END
	================================= */