:root {
	//bs to lgx color mappings
	--bs-bg-color: var(--lgx-bg-color);
	//bs button variables
	--bs-btn-border-radius: var(--lgx-btn-border-radius); 
	--lgx-clr-opc:1;
	--lgx-bg-opc:1;
}
body { 
background: radial-gradient(ellipse at center, #000000 0%,#000000 100%);}

.btn-primary {
    --bs-btn-color:  rgba(var(--pri-clr-cont-rgb),var(--lgx-clr-opc));
    --bs-btn-bg: rgba(var(--pri-clr-rgb),var(--lgx-bg-opc));
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}