:root{
    --headerbg : rgb(219 234 254 / var(--tw-bg-opacity, 1));
    --bgg : rgb(239 246 255 / var(--tw-bg-opacity, 1));
    --btn1 : rgb(59 130 246 / var(--tw-bg-opacity, 1));
    --textclr : #4e08a6;
    --lighterbgg: rgb(196 181 253 / var(--tw-bg-opacity, 1));
}

.headerbg{background-color: var(--bgg);}
.bgg{background-color: var(--bgg);}
.btnclr{background-color: var(--btn1);box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.btnclrtext{color: var(--btn1);}
.textclr{color: var(--textclr);}
.anotherclrbg{background-color: var(--lighterbgg);}
.btn-primary{background-color: var(--btn1);color: white;}
.boxshadow{box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.borderr{border: 2px solid var(--btn1);}