:root {
	--purple-dark: #352645;
	--purple-default: #c787e8;
	--purple-light: #c3b4e3;
	--yellow-default: #FFBE3B;
	--yellow-light: #FFE1A4;
	--gray-dark: #1E1E1E;
	--gray-default: #818391;
	--gray-light: #EFEFEF;
	--gray-extra-light: #fafafa;
}

/* purple dark */
.txt-purple-dark {color:var(--purple-dark);}
.bg-purple-dark {background-color:var(--purple-dark);}
.border-purple-dark {border-color:var(--purple-dark);}
.hv-txt-purple-dark:hover {color:var(--purple-dark)!important;}
.hv-bg-purple-dark:hover {background-color:var(--purple-dark)!important;}
.hv-border-purple-dark:hover {border-color:var(--purple-dark)!important;}

/* purple default */
.txt-purple-default {color:var(--purple-default);}
.bg-purple-default {background-color:var(--purple-default);}
.border-purple-default {border-color:var(--purple-default);}
.hv-txt-purple-default:hover {color:var(--purple-default)!important;}
.hv-bg-purple-default:hover {background-color:var(--purple-default)!important;}
.hv-border-purple-default:hover {border-color:var(--purple-default)!important;}

/* purple light */
.txt-purple-light {color:var(--purple-light);}
.bg-purple-light {background-color:var(--purple-light);}
.border-purple-light {border-color:var(--purple-light);}
.hv-txt-purple-light:hover {color:var(--purple-light)!important;}
.hv-bg-purple-light:hover {background-color:var(--purple-light)!important;}
.hv-border-purple-light:hover {border-color:var(--purple-light)!important;}

/* yellow default */
.txt-yellow-default {color:var(--yellow-default);}
.bg-yellow-default {background-color:var(--yellow-default);}
.border-yellow-default {border-color:var(--yellow-default);}
.hv-txt-yellow-default:hover {color:var(--yellow-default)!important;}
.hv-bg-yellow-default:hover {background-color:var(--yellow-default)!important;}
.hv-border-yellow-default:hover {border-color:var(--yellow-default)!important;}

/* yellow light */
.txt-yellow-light {color:var(--yellow-light);}
.bg-yellow-light {background-color:var(--yellow-light);}
.border-yellow-light {border-color:var(--yellow-light);}
.hv-txt-yellow-light:hover {color:var(--yellow-light)!important;}
.hv-bg-yellow-light:hover {background-color:var(--yellow-light)!important;}
.hv-border-yellow-light:hover {border-color:var(--yellow-light)!important;}

/* gray dark */
.txt-gray-dark {color:var(--gray-dark);}
.bg-gray-dark {background-color:var(--gray-dark);}
.border-gray-dark {border-color:var(--gray-dark);}
.hv-txt-gray-dark:hover {color:var(--gray-dark)!important;}
.hv-bg-gray-dark:hover {background-color:var(--gray-dark)!important;}
.hv-border-gray-dark:hover {border-color:var(--gray-dark)!important;}

/* gray default */
.txt-gray-default {color:var(--gray-default);}
.bg-gray-default {background-color:var(--gray-default);}
.border-gray-default {border-color:var(--gray-default);}
.hv-txt-gray-default:hover {color:var(--gray-default)!important;}
.hv-bg-gray-default:hover {background-color:var(--gray-default)!important;}
.hv-border-gray-default:hover {border-color:var(--gray-default)!important;}

/* gray light */
.txt-gray-light {color:var(--gray-light);}
.bg-gray-light {background-color:var(--gray-light);}
.border-gray-light {border-color:var(--gray-light);}
.hv-txt-gray-light:hover {color:var(--gray-light)!important;}
.hv-bg-gray-light:hover {background-color:var(--gray-light)!important;}
.hv-border-gray-light:hover {border-color:var(--gray-light)!important;}

/* gray extra light */
.txt-gray-extra-light {color:var(--gray-extra-light);}
.bg-gray-extra-light {background-color:var(--gray-extra-light);}
.border-gray-extra-light {border-color:var(--gray-extra-light);}
.hv-txt-gray-extra-light:hover {color:var(--gray-extra-light)!important;}
.hv-bg-gray-extra-light:hover {background-color:var(--gray-extra-light)!important;}
.hv-border-gray-extra-light:hover {border-color:var(--gray-extra-light)!important;}

/* black */
.txt-black {color:var(--bs-black);}
.bg-black {background-color:var(--bs-black);}
.border-black {border-color:var(--bs-black);}
.hv-txt-black:hover {color:var(--bs-black)!important;}
.hv-bg-black:hover {background-color:var(--bs-black)!important;}
.hv-border-black:hover {border-color:var(--bs-black)!important;}

/* white */
.txt-white {color:var(--bs-white);}
.bg-white {background-color:var(--bs-white);}
.border-white {border-color:var(--bs-white);}
.hv-txt-white:hover {color:var(--bs-white)!important;}
.hv-bg-white:hover {background-color:var(--bs-white)!important;}
.hv-border-white:hover {border-color:var(--bs-white)!important;}