:root {
	--orange-extra-light: #FBF4E9;
	--orange-light: #FFBD4B;
	--orange-default: #FF5F11;
	--green-light: #24D284;
	--green-default: #023B00;
	--gray-default: #828282;
	--gray-extra-dark: #1E1E1E;
}

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

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

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

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

/* green default */
.txt-green-default {color:var(--green-default);}
.bg-green-default {background-color:var(--green-default);}
.border-green-default {border-color:var(--green-default);}
.hv-txt-green-default:hover {color:var(--green-default)!important;}
.hv-bg-green-default:hover {background-color:var(--green-default)!important;}
.hv-border-green-default:hover {border-color:var(--green-default)!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 extra dark */
.txt-gray-extra-dark {color:var(--gray-extra-dark);}
.bg-gray-extra-dark {background-color:var(--gray-extra-dark);}
.border-gray-extra-dark {border-color:var(--gray-extra-dark);}
.hv-txt-gray-extra-dark:hover {color:var(--gray-extra-dark)!important;}
.hv-bg-gray-extra-dark:hover {background-color:var(--gray-extra-dark)!important;}
.hv-border-gray-extra-dark:hover {border-color:var(--gray-extra-dark)!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;}