:root {
	--ia-red: #DE3131;
	--ia-light-red: #F5C1C1;
	--ia-orange: #F2570F;
	--ia-light-orange: #FBCEBA;
	--ia-teal:  #08B1BC;
	--ia-light-teal: #D4F4F6;
	--ia-green: #2C9E5C;
	--ia-light-green: #D2EFDE;
	--ia-blue: #2B7BE6;
	--ia-light-blue: #D5E6FB;
	--ia-yellow: #FFCA0F;
	--ia-light-yellow: #FFEFB7;
	--dark-gray: #454545;
	--gray: #828282;
	--light-gray: #E0E0E0;
	--white: #fff; 
	--black: #000;

	--button-color: #FFEFB7;
}



.has-white-color {
	color: var(--white);
}

.has-white-background-color {
	background-color: var(--white);
}

.has-black-color {
	color: var(--black);
}

.has-black-background-color {
	background-color: var(--black);
}

.has-gray-color {
	color: var(--gray) !important;
}

.has-dark-gray-color {
	color: var(--dark-gray);
}

.has-dark-gray-background-color {
	background-color: var(--dark-gray);
}

.has-ia-green-color {
	color: var(--ia-green) !important;
}

.has-ia-red-color {
	color: var(--ia-red) !important;
}

.has-red-background-color {
	background-color: var(--ia-red);
}

.has-light-red-color {
	color: var(--ia-light-red);
}

.has-light-red-background-color {
	background-color: var(--ia-light-red);
}

.has-ia-orange-color {
	color: var(--ia-orange);
}

.has-ia-orange-background-color {
	background-color: var(--ia-orange);
}

.has-ia-light-orange-color {
	color: var(--ia-light-orange);
}

.has-ia-light-orange-background-color {
	background-color: var(--ia-light-orange);
}

.has-ia-teal-color {
	color: var(--ia-teal);
}

.has-ia-teal-background-color {
	background-color: var(--ia-teal);
}

.has-ia-light-teal-color {
	color: var(--ia-light-teal);
}

.has-ia-light-teal-background-color {
	background-color: var(--ia-light-teal);
}

.has-ia-green-color {
	color: var(--ia-green);
}

.has-ia-green-background-color {
	background-color: var(--ia-green);
}

.has-ia-light-green-color {
	color: var(--ia-light-green);
}

.has-ia-light-green-background-color {
	background-color: var(--ia-light-green);
}

.has-ia-blue-color {
	color: var(--ia-blue);
}

.has-ia-blue-background-color {
	background-color: var(--ia-blue);
}

.has-ia-light-blue-color {
	color: var(--ia-light-blue);
}

.has-ia-light-blue-background-color {
	background-color: var(--ia-light-blue);
}

.has-ia-yellow-color {
	color: var(--ia-yellow);
}

.has-ia-yellow-background-color {
	background-color: var(--ia-yellow);
}

.has-ia-light-yellow-color {
	color: var(--ia-light-yellow);
}

.has-ia-light-yellow-background-color {
	background-color: var(--ia-light-yellow);
}