:root {
	--gray-default: #5a5a5a;
	--gray-dark: #101010;
	--red-default: #DA9546;
}

/* 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;}

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