html {
	--pri-h: 169; --pri-s: 13%; --pri-l: 59%;
	--sec-h: 169; --sec-s: 13%; --sec-l: 42%;
	--ter-h: 28;  --ter-s: 36%; --ter-l: 73%;
	--cta-h: 7;   --cta-s: 13%; --cta-l: 59%;
	--lt--h: 45;  --lt--s: 15%; --lt--l: 95%;
	--nt--h: 189; --nt--s: 16%; --nt--l: 85%;
	--dk--h: 0;   --dk--s: 15%; --dk--l: 10%;
	--pri-sl: var(--pri-s) var(--pri-l); --pri-sl1: 18% 70%; --pri-sl2:  9% 50%;
	--sec-sl: var(--sec-s) var(--sec-l); --sec-sl1: 18% 55%; --sec-sl2:  9% 34%;
	--ter-sl: var(--ter-s) var(--ter-l); --ter-sl1: 39% 79%; --ter-sl2: 25% 63%;
	--cta-sl: var(--cta-s) var(--cta-l); --cta-sl1: 17% 65%; --cta-sl2: 13% 59%;
	--lt--sl: var(--lt--s) var(--lt--l); --lt--sl1: 15% 99%; --lt--sl2: 15% 90%;
	--nt--sl: var(--nt--s) var(--nt--l); --nt--sl1: 16% 90%; --nt--sl2: 16% 75%;
	--dk--sl: var(--dk--s) var(--dk--l); --dk--sl1:  0%  0%; --dk--sl2:  0% 20%;
	--pri-hs: var(--pri-h)  var(--pri-s) ;
	--sec-hs: var(--sec-h)  var(--sec-s) ;
	--ter-hs: var(--ter-h)  var(--ter-s) ;
	--cta-hs: var(--cta-h)  var(--cta-s) ;
	--lt--hs: var(--lt--h)  var(--lt--s) ;
	--nt--hs: var(--nt--h)  var(--nt--s) ;
	--dk--hs: var(--dk--h)  var(--dk--s) ;
	--pri_:   var(--pri-hs) var(--pri-l) ;
	--sec_:   var(--sec-hs) var(--sec-l) ;
	--ter_:   var(--ter-hs) var(--ter-l) ;
	--cta_:   var(--cta-hs) var(--cta-l) ;
	--lt_:    var(--lt--hs) var(--lt--l) ;
	--nt_:    var(--nt--hs) var(--nt--l) ;
	--dk_:    var(--dk--hs) var(--dk--l) ;
	--col-pri: hsl(var(--pri_));
	--col-sec: hsl(var(--sec_));
	--col-ter: hsl(var(--ter_));
	--col-cta: hsl(var(--cta_));
	--col-lt:  hsl(var(--lt_));
	--col-nt:  hsl(var(--nt_));
	--col-dk:  hsl(var(--dk_));
}