:root {
	--blue-light: #45d3cf;
	--blue-default: #335877;
	--blue-dark: #112e45;
	--brown-light: #edd1ac;
	--brown-default: #bcaf9e;
}

/* blue light */
.txt-blue-light {color:var(--blue-light);}
.bg-blue-light {background-color:var(--blue-light);}
.border-blue-light {border-color:var(--blue-light);}
.hv-txt-blue-light:hover {color:var(--blue-light)!important;}
.hv-bg-blue-light:hover {background-color:var(--blue-light)!important;}
.hv-border-blue-light:hover {border-color:var(--blue-light)!important;}

/* blue default */
.txt-blue-default {color:var(--blue-default);}
.bg-blue-default {background-color:var(--blue-default);}
.border-blue-default {border-color:var(--blue-default);}
.hv-txt-blue-default:hover {color:var(--blue-default)!important;}
.hv-bg-blue-default:hover {background-color:var(--blue-default)!important;}
.hv-border-blue-default:hover {border-color:var(--blue-default)!important;}

/* blue dark */
.txt-blue-dark {color:var(--blue-dark);}
.bg-blue-dark {background-color:var(--blue-dark);}
.border-blue-dark {border-color:var(--blue-dark);}
.hv-txt-blue-dark:hover {color:var(--blue-dark)!important;}
.hv-bg-blue-dark:hover {background-color:var(--blue-dark)!important;}
.hv-border-blue-dark:hover {border-color:var(--blue-dark)!important;}

/* brown light */
.txt-brown-light {color:var(--brown-light);}
.bg-brown-light {background-color:var(--brown-light);}
.border-brown-light {border-color:var(--brown-light);}
.hv-txt-brown-light:hover {color:var(--brown-light)!important;}
.hv-bg-brown-light:hover {background-color:var(--brown-light)!important;}
.hv-border-brown-light:hover {border-color:var(--brown-light)!important;}

/* brown default */
.txt-brown-default {color:var(--brown-default);}
.bg-brown-default {background-color:var(--brown-default);}
.border-brown-default {border-color:var(--brown-default);}
.hv-txt-brown-default:hover {color:var(--brown-default)!important;}
.hv-bg-brown-default:hover {background-color:var(--brown-default)!important;}
.hv-border-brown-default:hover {border-color:var(--brown-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;}