/* General Settings */

:root {

	/*-*****************************************************************************************************************************************/
	/*-*****************************************************************************************************************************************/
	/*
	
	'  ███████ ███    ██ ████████ ███████ ██████      ██      ██  ██████  ██   ██ ████████      █████  ███    ██ ██████      ██████   █████  ██████  ██   ██           
	'  ██      ████   ██    ██    ██      ██   ██     ██      ██ ██       ██   ██    ██        ██   ██ ████   ██ ██   ██     ██   ██ ██   ██ ██   ██ ██  ██            
	'  █████   ██ ██  ██    ██    █████   ██████      ██      ██ ██   ███ ███████    ██        ███████ ██ ██  ██ ██   ██     ██   ██ ███████ ██████  █████             
	'  ██      ██  ██ ██    ██    ██      ██   ██     ██      ██ ██    ██ ██   ██    ██        ██   ██ ██  ██ ██ ██   ██     ██   ██ ██   ██ ██   ██ ██  ██            
	'  ███████ ██   ████    ██    ███████ ██   ██     ███████ ██  ██████  ██   ██    ██        ██   ██ ██   ████ ██████      ██████  ██   ██ ██   ██ ██   ██           
	'                                                                                                                                                                  
	'                                                                                                                                                                  
	'  ██   ██ ███████ ██           ██████  ██████  ██       ██████  ██████      ██    ██  █████  ██      ██    ██ ███████ ███████     ██   ██ ███████ ██████  ███████ 
	'  ██   ██ ██      ██          ██      ██    ██ ██      ██    ██ ██   ██     ██    ██ ██   ██ ██      ██    ██ ██      ██          ██   ██ ██      ██   ██ ██      
	'  ███████ ███████ ██          ██      ██    ██ ██      ██    ██ ██████      ██    ██ ███████ ██      ██    ██ █████   ███████     ███████ █████   ██████  █████   
	'  ██   ██      ██ ██          ██      ██    ██ ██      ██    ██ ██   ██      ██  ██  ██   ██ ██      ██    ██ ██           ██     ██   ██ ██      ██   ██ ██      
	'  ██   ██ ███████ ███████      ██████  ██████  ███████  ██████  ██   ██       ████   ██   ██ ███████  ██████  ███████ ███████     ██   ██ ███████ ██   ██ ███████ 
	'                                                                                                                                                                  
'                                                                                                                                                                  	
	/*-*****************************************************************************************************************************************/
	/*-*****************************************************************************************************************************************/


	/*--lightsitecolor: #009dcd;
	--darksitecolor: #1c4587;*/

	--lightsitecolor: hsl(23, 86.3%, 59.8%);
	--darksitecolor: hsl(221, 47.9%, 45.9%);
	
	/*AQUA FRESCA TEST */
	--lightsitecolor-h: 194;
	--lightsitecolor-s: 100%;
	--lightsitecolor-l: 40%;
	
	
	/*AQUA FRESCA TEST */
	--darksitecolor-h: 217;
	--darksitecolor-s: 66%;
	--darksitecolor-l: 32%;
	
	
	/*CCS TEST */
	/*--lightsitecolor-h: 322;
	--lightsitecolor-s: 100%;
	--lightsitecolor-l: 48%;*/
	
	/*CCS TEST*/
	/*--darksitecolor-h: 209;
	--darksitecolor-s: 100%;
	--darksitecolor-l: 32%;*/
	
	
  /*-*****************************************************************************************************************************************/
  /*-*****************************************************************************************************************************************/
  /*-*****************************************************************************************************************************************/
  /*-*****************************************************************************************************************************************/



  --lightsitecolor-hsl: var(--lightsitecolor-h), var(--lightsitecolor-s), var(--lightsitecolor-l);
  
  --lightsitecolor: hsl(var(--lightsitecolor-hsl));
  --lightsitecolor-10: hsla(var(--lightsitecolor-hsl), .1);
  --lightsitecolor-20: hsla(var(--lightsitecolor-hsl), .2);
  --lightsitecolor-30: hsla(var(--lightsitecolor-hsl), .3);
  --lightsitecolor-40: hsla(var(--lightsitecolor-hsl), .4);
  --lightsitecolor-50: hsla(var(--lightsitecolor-hsl), .5);
  --lightsitecolor-60: hsla(var(--lightsitecolor-hsl), .6);
  --lightsitecolor-70: hsla(var(--lightsitecolor-hsl), .7);
  --lightsitecolor-80: hsla(var(--lightsitecolor-hsl), .8);
  --lightsitecolor-90: hsla(var(--lightsitecolor-hsl), .9);

  --lightsitecolor-warm: hsl(calc(var(--lightsitecolor-h) + 80), var(--lightsitecolor-s), var(--lightsitecolor-l));
  --lightsitecolor-cold: hsl(calc(var(--lightsitecolor-h) - 80), var(--lightsitecolor-s), var(--lightsitecolor-l));

  --lightsitecolor-low: hsl(var(--lightsitecolor-h), calc(var(--lightsitecolor-s) / 2), var(--lightsitecolor-l));
  --lightsitecolor-lowest: hsl(var(--lightsitecolor-h), calc(var(--lightsitecolor-s) / 4), var(--lightsitecolor-l));

  --lightsitecolor-light: hsl(var(--lightsitecolor-h), var(--lightsitecolor-s), calc(var(--lightsitecolor-l) / .9));
  --lightsitecolor-dark: hsl(var(--lightsitecolor-h), var(--lightsitecolor-s), calc(var(--lightsitecolor-l) * .9));	
  

  
  --darksitecolor-hsl: var(--darksitecolor-h), var(--darksitecolor-s), var(--darksitecolor-l);

  	
   --darksitecolor: hsl(var(--darksitecolor-hsl));
  --darksitecolor-10: hsla(var(--darksitecolor-hsl), .1);
  --darksitecolor-20: hsla(var(--darksitecolor-hsl), .2);
  --darksitecolor-30: hsla(var(--darksitecolor-hsl), .3);
  --darksitecolor-40: hsla(var(--darksitecolor-hsl), .4);
  --darksitecolor-50: hsla(var(--darksitecolor-hsl), .5);
  --darksitecolor-60: hsla(var(--darksitecolor-hsl), .6);
  --darksitecolor-70: hsla(var(--darksitecolor-hsl), .7);
  --darksitecolor-80: hsla(var(--darksitecolor-hsl), .8);
  --darksitecolor-90: hsla(var(--darksitecolor-hsl), .9);

  --darksitecolor-warm: hsl(calc(var(--darksitecolor-h) + 80), var(--darksitecolor-s), var(--darksitecolor-l));
  --darksitecolor-cold: hsl(calc(var(--darksitecolor-h) - 80), var(--darksitecolor-s), var(--darksitecolor-l));

  --darksitecolor-low: hsl(var(--darksitecolor-h), calc(var(--darksitecolor-s) / 2), var(--darksitecolor-l));
  --darksitecolor-lowest: hsl(var(--darksitecolor-h), calc(var(--darksitecolor-s) / 4), var(--darksitecolor-l));

  --darksitecolor-light: hsl(var(--darksitecolor-h), var(--darksitecolor-s), calc(var(--darksitecolor-l) / .9));
  --darksitecolor-dark: hsl(var(--darksitecolor-h), var(--darksitecolor-s), calc(var(--darksitecolor-l) * .9));	
 	
  	
  	
  	
  	    --l:90%; /*the initial lightness*/
    /* 0 < n < 1 darkens, n > 1 lightens */
    
  --color-darksitecolor-darker:   hsl(
	  var(--darksitecolor-h),
	  var(--darksitecolor-s),
	  calc(var(--darksitecolor-l) * 0.8)
	);
 
  --color-darksitecolor-darkest:   hsl(
	  var(--darksitecolor-h),
	  var(--darksitecolor-s),
	  calc(var(--darksitecolor-l) * 0.5)
	);
	
  --color-lightsitecolor-lighter:   hsl(
	  var(--lightsitecolor-h),
	  var(--lightsitecolor-s),
	  calc(var(--lightsitecolor-l) * 1.5)
	);
 
  --color-lightsitecolor-lightest:   hsl(
	  var(--lightsitecolor-h),
	  var(--lightsitecolor-s),
	  calc(var(--lightsitecolor-l) * 2)
	);

  --color-lightsitecolor-lightest2:   hsl(
	  var(--lightsitecolor-h),
	  var(--lightsitecolor-s),
	  calc(var(--lightsitecolor-l) * 2.5)
	);
	
}