:root{
/*primary color vars*/
/* primary hue*/
--pri-clr-a: #29217A;
--pri-clr-a-rgb: 41,33,122;
/* primary lighter*/
--pri-clr-av: #392FA8;
--pri-clr-av-rgb: 57,47,168;
/* primary lightest*/
--pri-clr-avb: #5044F4;
--pri-clr-avb-rgb: 80,68,244;

--pri-clr-a-clr: #FFFFFF;
--pri-clr-a-clr-rgb: 255,255,255;

--pri-clr-av-clr: #FFFFFF;
--pri-clr-av-clr-rgb: 255,255,255;

--pri-clr-avb-clr: #FFFFFF;
--pri-clr-avb-clr-rgb: 255,255,255;

--pri-gradient:radial-gradient(ellipse farthest-corner at top center, var(--pri-clr-av) 0%, var(--pri-clr-a) 100%);
--pri-gradient-rv:radial-gradient(ellipse farthest-corner at bottom center, var(--pri-clr-a) 0%, var(--pri-clr-av) 100%);
}
.bg-gradient-pri {
	background: var(--pri-clr-av);
	background: var(--pri-gradient);
}
.bg-pria {
	background: var(--pri-clr-a);
	color: rgba(var(--pri-clr-a-clr),var(--thm-font-opacity));
}
.bg-priav {
	background: var(--pri-clr-av);
	
}
.bg-priavb {
	background: var(--pri-clr-avb);
	
}