:root {
	--para: 	  #2A3C53;
	--paras: 	  #22516C;
	--law: 		  #2A3C53;
	--aca: 	  	  #65A6BD;
	--daisy:  	  #F72EA2;
    --indigo:     #EC0B8D;
    --donald:     #E00D87;
	--wine:       #f8396d;
	/*--aca: 	  #9BC8B7;*/
}

a, .check label a { color: var(--carlo); text-decoration: underline; }
[data-whatintent="mouse"] a:hover { text-decoration: none; }

#top { }
	#top:before, #footer:before { background: var(--law); }
#footer { }	
	#footer ul a:before { color: var(--carlo); }
	
.link-btn { }
	.link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"] { min-width: 184px; padding: 16px 32px; box-shadow: 0 4px 20px rgba(112,144,176,.301); font-size: 16px; }
		[data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover { box-shadow: 0 8px 20px rgba(112,144,176,.2); letter-spacing: normal; }
		[data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
		#root .link-btn a:active, #root button:active, #root input[type="button"]:active, #root input[type="reset"]:active, #root input[type="submit"]:active { box-shadow: 0 1px 2px rgba(112,144,176,.4); background: var(--donald); }
		#root .link-btn a:active, #root button:active, #root input[type="button"]:active, #root input[type="reset"]:active, #root input[type="submit"]:active { -webkit-transform: none; transform: none; }
		
.list-counts { color: var(--law); }