/* WHITE MODE */

/* BASE COLORS */

/* BLUE-100 */

$blue-100: #f1f7fd;
.text-blue-100,
.text-blue-100-active:active,
.text-blue-100-hover:hover {
	color: $blue-100 !important;
}
.bg-blue-100,
.bg-blue-100-active:active,
.bg-blue-100-hover:hover {
	background-color: $blue-100 !important;
}
.border-blue-100,
.border-blue-100-active:active,
.border-blue-100-hover:hover {
	border-color: $blue-100 !important;
}

/* BLUE-200 */

$blue-200: #ddedf8;
.text-blue-200,
.text-blue-200-active:active,
.text-blue-200-hover:hover {
	color: $blue-200 !important;
}
.bg-blue-200,
.bg-blue-200-active:active,
.bg-blue-200-hover:hover {
	background-color: $blue-200 !important;
}
.border-blue-200,
.border-blue-200-active:active,
.border-blue-200-hover:hover {
	border-color: $blue-200 !important;
}

/* BLUE-300 */

$blue-300: #b7d8f7;
.text-blue-300,
.text-blue-300-active:active,
.text-blue-300-hover:hover {
	color: $blue-300 !important;
}
.bg-blue-300,
.bg-blue-300-active:active,
.bg-blue-300-hover:hover {
	background-color: $blue-300 !important;
}
.border-blue-300,
.border-blue-300-active:active,
.border-blue-300-hover:hover {
	border-color: $blue-300 !important;
}

/* BLUE-400 */

$blue-400: #8ac1f2;
.text-blue-400,
.text-blue-400-active:active,
.text-blue-400-hover:hover {
	color: $blue-400 !important;
}
.bg-blue-400,
.bg-blue-400-active:active,
.bg-blue-400-hover:hover {
	background-color: $blue-400 !important;
}
.border-blue-400,
.border-blue-400-active:active,
.border-blue-400-hover:hover {
	border-color: $blue-400 !important;
}

/* BLUE-500 */

$blue-500: #62abed;
.text-blue-500,
.text-blue-500-active:active,
.text-blue-500-hover:hover {
	color: $blue-500 !important;
}
.bg-blue-500,
.bg-blue-500-active:active,
.bg-blue-500-hover:hover {
	background-color: $blue-500 !important;
}
.border-blue-500,
.border-blue-500-active:active,
.border-blue-500-hover:hover {
	border-color: $blue-500 !important;
}

/* BLUE-600 */

$blue-600: #278ce6;
.text-blue-600,
.text-blue-600-active:active,
.text-blue-600-hover:hover {
	color: $blue-600 !important;
}
.bg-blue-600,
.bg-blue-600-active:active,
.bg-blue-600-hover:hover {
	background-color: $blue-600 !important;
}
.border-blue-600,
.border-blue-600-active:active,
.border-blue-600-hover:hover {
	border-color: $blue-600 !important;
}

/* BLUE-700 */

$blue-700: #006fd3;
.text-blue-700,
.text-blue-700-active:active,
.text-blue-700-hover:hover {
	color: $blue-700 !important;
}
.bg-blue-700,
.bg-blue-700-active:active,
.bg-blue-700-hover:hover {
	background-color: $blue-700 !important;
}
.border-blue-700,
.border-blue-700-active:active,
.border-blue-700-hover:hover {
	border-color: $blue-700 !important;
}

/* BLUE-800 */

$blue-800: #0059aa;
.text-blue-800,
.text-blue-800-active:active,
.text-blue-800-hover:hover {
	color: $blue-800 !important;
}
.bg-blue-800,
.bg-blue-800-active:active,
.bg-blue-800-hover:hover {
	background-color: $blue-800 !important;
}
.border-blue-800,
.border-blue-800-active:active,
.border-blue-800-hover:hover {
	border-color: $blue-800 !important;
}

/* BLUE-900 */

$blue-900: #004582;
.text-blue-900,
.text-blue-900-active:active,
.text-blue-900-hover:hover {
	color: $blue-900 !important;
}
.bg-blue-900,
.bg-blue-900-active:active,
.bg-blue-900-hover:hover {
	background-color: $blue-900 !important;
}
.border-blue-900,
.border-blue-900-active:active,
.border-blue-900-hover:hover {
	border-color: $blue-900 !important;
}

/* BLUE-1000 */

$blue-1000: #002b51;
.text-blue-1000,
.text-blue-1000-active:active,
.text-blue-1000-hover:hover {
	color: $blue-1000 !important;
}
.bg-blue-1000,
.bg-blue-1000-active:active,
.bg-blue-1000-hover:hover {
	background-color: $blue-1000 !important;
}
.border-blue-1000,
.border-blue-1000-active:active,
.border-blue-1000-hover:hover {
	border-color: $blue-1000 !important;
}


/* GRAY-100 */

$gray-100: #f6f6f8;
.text-gray-100,
.text-gray-100-active:active,
.text-gray-100-hover:hover {
	color: $gray-100 !important;
}
.bg-gray-100,
.bg-gray-100-active:active,
.bg-gray-100-hover:hover {
	background-color: $gray-100 !important;
}
.border-gray-100,
.border-gray-100-active:active,
.border-gray-100-hover:hover {
	border-color: $gray-100 !important;
}

/* GRAY-200 */

$gray-200: #ebebeb;
.text-gray-200,
.text-gray-200-active:active,
.text-gray-200-hover:hover {
	color: $gray-200 !important;
}
.bg-gray-200,
.bg-gray-200-active:active,
.bg-gray-200-hover:hover {
	background-color: $gray-200 !important;
}
.border-gray-200,
.border-gray-200-active:active,
.border-gray-200-hover:hover {
	border-color: $gray-200 !important;
}

/* GRAY-300 */

$gray-300: #d4d4d4;
.text-gray-300,
.text-gray-300-active:active,
.text-gray-300-hover:hover {
	color: $gray-300 !important;
}
.bg-gray-300,
.bg-gray-300-active:active,
.bg-gray-300-hover:hover {
	background-color: $gray-300 !important;
}
.border-gray-300,
.border-gray-300-active:active,
.border-gray-300-hover:hover {
	border-color: $gray-300 !important;
}

/* GRAY-400 */

$gray-400: #bbbbbb;
.text-gray-400,
.text-gray-400-active:active,
.text-gray-400-hover:hover {
	color: $gray-400 !important;
}
.bg-gray-400,
.bg-gray-400-active:active,
.bg-gray-400-hover:hover {
	background-color: $gray-400 !important;
}
.border-gray-400,
.border-gray-400-active:active,
.border-gray-400-hover:hover {
	border-color: $gray-400 !important;
}

/* GRAY-500 */

$gray-500: #a6a6a6;
.text-gray-500,
.text-gray-500-active:active,
.text-gray-500-hover:hover {
	color: $gray-500 !important;
}
.bg-gray-500,
.bg-gray-500-active:active,
.bg-gray-500-hover:hover {
	background-color: $gray-500 !important;
}
.border-gray-500,
.border-gray-500-active:active,
.border-gray-500-hover:hover {
	border-color: $gray-500 !important;
}

/* GRAY-600 */

$gray-600: #898989;
.text-gray-600,
.text-gray-600-active:active,
.text-gray-600-hover:hover {
	color: $gray-600 !important;
}
.bg-gray-600,
.bg-gray-600-active:active,
.bg-gray-600-hover:hover {
	background-color: $gray-600 !important;
}
.border-gray-600,
.border-gray-600-active:active,
.border-gray-600-hover:hover {
	border-color: $gray-600 !important;
}

/* GRAY-700 */

$gray-700: #6f6f6f;
.text-gray-700,
.text-gray-700-active:active,
.text-gray-700-hover:hover {
	color: $gray-700 !important;
}
.bg-gray-700,
.bg-gray-700-active:active,
.bg-gray-700-hover:hover {
	background-color: $gray-700 !important;
}
.border-gray-700,
.border-gray-700-active:active,
.border-gray-700-hover:hover {
	border-color: $gray-700 !important;
}

/* GRAY-800 */

$gray-800: #595959;
.text-gray-800,
.text-gray-800-active:active,
.text-gray-800-hover:hover {
	color: $gray-800 !important;
}
.bg-gray-800,
.bg-gray-800-active:active,
.bg-gray-800-hover:hover {
	background-color: $gray-800 !important;
}
.border-gray-800,
.border-gray-800-active:active,
.border-gray-800-hover:hover {
	border-color: $gray-800 !important;
}

/* GRAY-900 */

$gray-900: #444444;
.text-gray-900,
.text-gray-900-active:active,
.text-gray-900-hover:hover {
	color: $gray-900 !important;
}
.bg-gray-900,
.bg-gray-900-active:active,
.bg-gray-900-hover:hover {
	background-color: $gray-900 !important;
}
.border-gray-900,
.border-gray-900-active:active,
.border-gray-900-hover:hover {
	border-color: $gray-900 !important;
}

/* GRAY-1000 */

$gray-1000: #2a2a2a;
.text-gray-1000,
.text-gray-1000-active:active,
.text-gray-1000-hover:hover {
	color: $gray-1000 !important;
}
.bg-gray-1000,
.bg-gray-1000-active:active,
.bg-gray-1000-hover:hover {
	background-color: $gray-1000 !important;
}
.border-gray-1000,
.border-gray-1000-active:active,
.border-gray-1000-hover:hover {
	border-color: $gray-1000 !important;
}


/* GREEN-100 */

$green-100: #f3f8ef;
.text-green-100,
.text-green-100-active:active,
.text-green-100-hover:hover {
	color: $green-100 !important;
}
.bg-green-100,
.bg-green-100-active:active,
.bg-green-100-hover:hover {
	background-color: $green-100 !important;
}
.border-green-100,
.border-green-100-active:active,
.border-green-100-hover:hover {
	border-color: $green-100 !important;
}

/* GREEN-200 */

$green-200: #e3efda;
.text-green-200,
.text-green-200-active:active,
.text-green-200-hover:hover {
	color: $green-200 !important;
}
.bg-green-200,
.bg-green-200-active:active,
.bg-green-200-hover:hover {
	background-color: $green-200 !important;
}
.border-green-200,
.border-green-200-active:active,
.border-green-200-hover:hover {
	border-color: $green-200 !important;
}

/* GREEN-300 */

$green-300: #c3dcb0;
.text-green-300,
.text-green-300-active:active,
.text-green-300-hover:hover {
	color: $green-300 !important;
}
.bg-green-300,
.bg-green-300-active:active,
.bg-green-300-hover:hover {
	background-color: $green-300 !important;
}
.border-green-300,
.border-green-300-active:active,
.border-green-300-hover:hover {
	border-color: $green-300 !important;
}

/* GREEN-400 */

$green-400: #9ec782;
.text-green-400,
.text-green-400-active:active,
.text-green-400-hover:hover {
	color: $green-400 !important;
}
.bg-green-400,
.bg-green-400-active:active,
.bg-green-400-hover:hover {
	background-color: $green-400 !important;
}
.border-green-400,
.border-green-400-active:active,
.border-green-400-hover:hover {
	border-color: $green-400 !important;
}

/* GREEN-500 */

$green-500: #7cb559;
.text-green-500,
.text-green-500-active:active,
.text-green-500-hover:hover {
	color: $green-500 !important;
}
.bg-green-500,
.bg-green-500-active:active,
.bg-green-500-hover:hover {
	background-color: $green-500 !important;
}
.border-green-500,
.border-green-500-active:active,
.border-green-500-hover:hover {
	border-color: $green-500 !important;
}

/* GREEN-600 */

$green-600: #529a2a;
.text-green-600,
.text-green-600-active:active,
.text-green-600-hover:hover {
	color: $green-600 !important;
}
.bg-green-600,
.bg-green-600-active:active,
.bg-green-600-hover:hover {
	background-color: $green-600 !important;
}
.border-green-600,
.border-green-600-active:active,
.border-green-600-hover:hover {
	border-color: $green-600 !important;
}

/* GREEN-700 */

$green-700: #457d25;
.text-green-700,
.text-green-700-active:active,
.text-green-700-hover:hover {
	color: $green-700 !important;
}
.bg-green-700,
.bg-green-700-active:active,
.bg-green-700-hover:hover {
	background-color: $green-700 !important;
}
.border-green-700,
.border-green-700-active:active,
.border-green-700-hover:hover {
	border-color: $green-700 !important;
}

/* GREEN-800 */

$green-800: #396420;
.text-green-800,
.text-green-800-active:active,
.text-green-800-hover:hover {
	color: $green-800 !important;
}
.bg-green-800,
.bg-green-800-active:active,
.bg-green-800-hover:hover {
	background-color: $green-800 !important;
}
.border-green-800,
.border-green-800-active:active,
.border-green-800-hover:hover {
	border-color: $green-800 !important;
}

/* GREEN-900 */

$green-900: #2d4c1b;
.text-green-900,
.text-green-900-active:active,
.text-green-900-hover:hover {
	color: $green-900 !important;
}
.bg-green-900,
.bg-green-900-active:active,
.bg-green-900-hover:hover {
	background-color: $green-900 !important;
}
.border-green-900,
.border-green-900-active:active,
.border-green-900-hover:hover {
	border-color: $green-900 !important;
}

/* GREEN-1000 */

$green-1000: #1e2e14;
.text-green-1000,
.text-green-1000-active:active,
.text-green-1000-hover:hover {
	color: $green-1000 !important;
}
.bg-green-1000,
.bg-green-1000-active:active,
.bg-green-1000-hover:hover {
	background-color: $green-1000 !important;
}
.border-green-1000,
.border-green-1000-active:active,
.border-green-1000-hover:hover {
	border-color: $green-1000 !important;
}


/* ORANGE-100 */

$orange-100: #fff4ef;
.text-orange-100,
.text-orange-100-active:active,
.text-orange-100-hover:hover {
	color: $orange-100 !important;
}
.bg-orange-100,
.bg-orange-100-active:active,
.bg-orange-100-hover:hover {
	background-color: $orange-100 !important;
}
.border-orange-100,
.border-orange-100-active:active,
.border-orange-100-hover:hover {
	border-color: $orange-100 !important;
}

/* ORANGE-200 */

$orange-200: #ffe6d9;
.text-orange-200,
.text-orange-200-active:active,
.text-orange-200-hover:hover {
	color: $orange-200 !important;
}
.bg-orange-200,
.bg-orange-200-active:active,
.bg-orange-200-hover:hover {
	background-color: $orange-200 !important;
}
.border-orange-200,
.border-orange-200-active:active,
.border-orange-200-hover:hover {
	border-color: $orange-200 !important;
}

/* ORANGE-300 */

$orange-300: #ffc9ad;
.text-orange-300,
.text-orange-300-active:active,
.text-orange-300-hover:hover {
	color: $orange-300 !important;
}
.bg-orange-300,
.bg-orange-300-active:active,
.bg-orange-300-hover:hover {
	background-color: $orange-300 !important;
}
.border-orange-300,
.border-orange-300-active:active,
.border-orange-300-hover:hover {
	border-color: $orange-300 !important;
}

/* ORANGE-400 */

$orange-400: #ffa677;
.text-orange-400,
.text-orange-400-active:active,
.text-orange-400-hover:hover {
	color: $orange-400 !important;
}
.bg-orange-400,
.bg-orange-400-active:active,
.bg-orange-400-hover:hover {
	background-color: $orange-400 !important;
}
.border-orange-400,
.border-orange-400-active:active,
.border-orange-400-hover:hover {
	border-color: $orange-400 !important;
}

/* ORANGE-500 */

$orange-500: #f8884b;
.text-orange-500,
.text-orange-500-active:active,
.text-orange-500-hover:hover {
	color: $orange-500 !important;
}
.bg-orange-500,
.bg-orange-500-active:active,
.bg-orange-500-hover:hover {
	background-color: $orange-500 !important;
}
.border-orange-500,
.border-orange-500-active:active,
.border-orange-500-hover:hover {
	border-color: $orange-500 !important;
}

/* ORANGE-600 */

$orange-600: #e55f06;
.text-orange-600,
.text-orange-600-active:active,
.text-orange-600-hover:hover {
	color: $orange-600 !important;
}
.bg-orange-600,
.bg-orange-600-active:active,
.bg-orange-600-hover:hover {
	background-color: $orange-600 !important;
}
.border-orange-600,
.border-orange-600-active:active,
.border-orange-600-hover:hover {
	border-color: $orange-600 !important;
}

/* ORANGE-700 */

$orange-700: #ba4f0d;
.text-orange-700,
.text-orange-700-active:active,
.text-orange-700-hover:hover {
	color: $orange-700 !important;
}
.bg-orange-700,
.bg-orange-700-active:active,
.bg-orange-700-hover:hover {
	background-color: $orange-700 !important;
}
.border-orange-700,
.border-orange-700-active:active,
.border-orange-700-hover:hover {
	border-color: $orange-700 !important;
}

/* ORANGE-800 */

$orange-800: #944110;
.text-orange-800,
.text-orange-800-active:active,
.text-orange-800-hover:hover {
	color: $orange-800 !important;
}
.bg-orange-800,
.bg-orange-800-active:active,
.bg-orange-800-hover:hover {
	background-color: $orange-800 !important;
}
.border-orange-800,
.border-orange-800-active:active,
.border-orange-800-hover:hover {
	border-color: $orange-800 !important;
}

/* ORANGE-900 */

$orange-900: #703310;
.text-orange-900,
.text-orange-900-active:active,
.text-orange-900-hover:hover {
	color: $orange-900 !important;
}
.bg-orange-900,
.bg-orange-900-active:active,
.bg-orange-900-hover:hover {
	background-color: $orange-900 !important;
}
.border-orange-900,
.border-orange-900-active:active,
.border-orange-900-hover:hover {
	border-color: $orange-900 !important;
}

/* ORANGE-1000 */

$orange-1000: #43210e;
.text-orange-1000,
.text-orange-1000-active:active,
.text-orange-1000-hover:hover {
	color: $orange-1000 !important;
}
.bg-orange-1000,
.bg-orange-1000-active:active,
.bg-orange-1000-hover:hover {
	background-color: $orange-1000 !important;
}
.border-orange-1000,
.border-orange-1000-active:active,
.border-orange-1000-hover:hover {
	border-color: $orange-1000 !important;
}


/* RED-100 */

$red-100: #fff4f3;
.text-red-100,
.text-red-100-active:active,
.text-red-100-hover:hover {
	color: $red-100 !important;
}
.bg-red-100,
.bg-red-100-active:active,
.bg-red-100-hover:hover {
	background-color: $red-100 !important;
}
.border-red-100,
.border-red-100-active:active,
.border-red-100-hover:hover {
	border-color: $red-100 !important;
}

/* RED-200 */

$red-200: #ffe5e3;
.text-red-200,
.text-red-200-active:active,
.text-red-200-hover:hover {
	color: $red-200 !important;
}
.bg-red-200,
.bg-red-200-active:active,
.bg-red-200-hover:hover {
	background-color: $red-200 !important;
}
.border-red-200,
.border-red-200-active:active,
.border-red-200-hover:hover {
	border-color: $red-200 !important;
}

/* RED-300 */

$red-300: #ffc7c4;
.text-red-300,
.text-red-300-active:active,
.text-red-300-hover:hover {
	color: $red-300 !important;
}
.bg-red-300,
.bg-red-300-active:active,
.bg-red-300-hover:hover {
	background-color: $red-300 !important;
}
.border-red-300,
.border-red-300-active:active,
.border-red-300-hover:hover {
	border-color: $red-300 !important;
}

/* RED-400 */

$red-400: #fda4a0;
.text-red-400,
.text-red-400-active:active,
.text-red-400-hover:hover {
	color: $red-400 !important;
}
.bg-red-400,
.bg-red-400-active:active,
.bg-red-400-hover:hover {
	background-color: $red-400 !important;
}
.border-red-400,
.border-red-400-active:active,
.border-red-400-hover:hover {
	border-color: $red-400 !important;
}

/* RED-500 */

$red-500: #f78483;
.text-red-500,
.text-red-500-active:active,
.text-red-500-hover:hover {
	color: $red-500 !important;
}
.bg-red-500,
.bg-red-500-active:active,
.bg-red-500-hover:hover {
	background-color: $red-500 !important;
}
.border-red-500,
.border-red-500-active:active,
.border-red-500-hover:hover {
	border-color: $red-500 !important;
}

/* RED-600 */

$red-600: #eb555c;
.text-red-600,
.text-red-600-active:active,
.text-red-600-hover:hover {
	color: $red-600 !important;
}
.bg-red-600,
.bg-red-600-active:active,
.bg-red-600-hover:hover {
	background-color: $red-600 !important;
}
.border-red-600,
.border-red-600-active:active,
.border-red-600-hover:hover {
	border-color: $red-600 !important;
}

/* RED-700 */

$red-700: #da1c3d;
.text-red-700,
.text-red-700-active:active,
.text-red-700-hover:hover {
	color: $red-700 !important;
}
.bg-red-700,
.bg-red-700-active:active,
.bg-red-700-hover:hover {
	background-color: $red-700 !important;
}
.border-red-700,
.border-red-700-active:active,
.border-red-700-hover:hover {
	border-color: $red-700 !important;
}

/* RED-800 */

$red-800: #ad1f32;
.text-red-800,
.text-red-800-active:active,
.text-red-800-hover:hover {
	color: $red-800 !important;
}
.bg-red-800,
.bg-red-800-active:active,
.bg-red-800-hover:hover {
	background-color: $red-800 !important;
}
.border-red-800,
.border-red-800-active:active,
.border-red-800-hover:hover {
	border-color: $red-800 !important;
}

/* RED-900 */

$red-900: #821e27;
.text-red-900,
.text-red-900-active:active,
.text-red-900-hover:hover {
	color: $red-900 !important;
}
.bg-red-900,
.bg-red-900-active:active,
.bg-red-900-hover:hover {
	background-color: $red-900 !important;
}
.border-red-900,
.border-red-900-active:active,
.border-red-900-hover:hover {
	border-color: $red-900 !important;
}

/* RED-1000 */

$red-1000: #4d181a;
.text-red-1000,
.text-red-1000-active:active,
.text-red-1000-hover:hover {
	color: $red-1000 !important;
}
.bg-red-1000,
.bg-red-1000-active:active,
.bg-red-1000-hover:hover {
	background-color: $red-1000 !important;
}
.border-red-1000,
.border-red-1000-active:active,
.border-red-1000-hover:hover {
	border-color: $red-1000 !important;
}

/* PURE-BLACK */

$pure-black: #000000;
.text-pure-black,
.text-pure-black-active:active,
.text-pure-black-hover:hover {
	color: $pure-black !important;
}
.bg-pure-black,
.bg-pure-black-active:active,
.bg-pure-black-hover:hover {
	background-color: $pure-black !important;
}
.border-pure-black,
.border-pure-black-active:active,
.border-pure-black-hover:hover {
	border-color: $pure-black !important;
}

/* OFF-BLACK */

$off-black: #151515;
.text-off-black,
.text-off-black-active:active,
.text-off-black-hover:hover {
	color: $off-black !important;
}
.bg-off-black,
.bg-off-black-active:active,
.bg-off-black-hover:hover {
	background-color: $off-black !important;
}
.border-off-black,
.border-off-black-active:active,
.border-off-black-hover:hover {
	border-color: $off-black !important;
}

/* PURE-WHITE */

$pure-white: #FFFFFF;
.text-pure-white,
.text-pure-white-active:active,
.text-pure-white-hover:hover {
	color: $pure-white !important;
}
.bg-pure-white,
.bg-pure-white-active:active,
.bg-pure-white-hover:hover {
	background-color: $pure-white !important;
}
.border-pure-white,
.border-pure-white-active:active,
.border-pure-white-hover:hover {
	border-color: $pure-white !important;
}

/* TRANSPARENT */

$transparent: transparent;
.text-transparent,
.text-transparent-active:active,
.text-transparent-hover:hover {
	color: $transparent !important;
}
.bg-transparent,
.bg-transparent-active:active,
.bg-transparent-hover:hover {
	background-color: $transparent !important;
}
.border-transparent,
.border-transparent-active:active,
.border-transparent-hover:hover {
	border-color: $transparent !important;
}

/* ALIASES */

/* ACTION-INPUT-CONTROL-OFF-DEFAULT */

$action-input-control-off-default: $gray-600;
.action-input-control-off-default {
	background-color: $action-input-control-off-default !important;
}

/* ACTION-INPUT-CONTROL-OFF-HOVER */

$action-input-control-off-hover: $gray-700;
.action-input-control-off-hover:hover {
	background-color: $action-input-control-off-hover !important;
}

/* ACTION-INPUT-CONTROL-ON-DEFAULT */

$action-input-control-on-default: $blue-900;
.action-input-control-on-default {
	background-color: $action-input-control-on-default !important;
}

/* ACTION-INPUT-CONTROL-ON-HOVER */

$action-input-control-on-hover: $blue-800;
.action-input-control-on-hover:hover {
	background-color: $action-input-control-on-hover !important;
}

/* ACTION-PRIMARY-BRAND-DEFAULT */

$action-primary-brand-default: $blue-700;
.action-primary-brand-default {
	background-color: $action-primary-brand-default !important;
}

/* ACTION-PRIMARY-BRAND-HOVER */

$action-primary-brand-hover: $blue-800;
.action-primary-brand-hover:hover {
	background-color: $action-primary-brand-hover !important;
}

/* ACTION-PRIMARY-BRAND-ACTIVE */

$action-primary-brand-active: $blue-900;
.action-primary-brand-active:active {
	background-color: $action-primary-brand-active !important;
}

/* ACTION-PRIMARY-BRAND-SELECTED */

$action-primary-brand-selected: $blue-900;
.action-primary-brand-selected,
.action-primary-brand-selected-active:active,
.action-primary-brand-selected-hover:hover {
	background-color: $action-primary-brand-selected !important;
}

/* ACTION-PRIMARY-BRAND-FOCUS */

$action-primary-brand-focus: $blue-900;

/* ACTION-PRIMARY-DANGER-DEFAULT */

$action-primary-danger-default: $red-700;
.action-primary-danger-default {
	background-color: $action-primary-danger-default !important;
}

/* ACTION-PRIMARY-DANGER-HOVER */

$action-primary-danger-hover: $red-800;
.action-primary-danger-hover:hover {
	background-color: $action-primary-danger-hover !important;
}

/* ACTION-PRIMARY-DANGER-ACTIVE */

$action-primary-danger-active: $red-900;
.action-primary-danger-active:active {
	background-color: $action-primary-danger-active !important;
}

/* ACTION-PRIMARY-DANGER-SELECTED */

$action-primary-danger-selected: $red-900;
.action-primary-danger-selected,
.action-primary-danger-selected-active:active,
.action-primary-danger-selected-hover:hover {
	background-color: $action-primary-danger-selected !important;
}

/* ACTION-PRIMARY-DANGER-FOCUS */

$action-primary-danger-focus: $red-900;

/* ACTION-PRIMARY-INFORMATIONAL-DEFAULT */

$action-primary-informational-default: $blue-700;
.action-primary-informational-default {
	background-color: $action-primary-informational-default !important;
}

/* ACTION-PRIMARY-INFORMATIONAL-HOVER */

$action-primary-informational-hover: $blue-800;
.action-primary-informational-hover:hover {
	background-color: $action-primary-informational-hover !important;
}

/* ACTION-PRIMARY-INFORMATIONAL-ACTIVE */

$action-primary-informational-active: $blue-900;
.action-primary-informational-active:active {
	background-color: $action-primary-informational-active !important;
}

/* ACTION-PRIMARY-INFORMATIONAL-SELECTED */

$action-primary-informational-selected: $blue-900;
.action-primary-informational-selected,
.action-primary-informational-selected-active:active,
.action-primary-informational-selected-hover:hover {
	background-color: $action-primary-informational-selected !important;
}

/* ACTION-PRIMARY-INFORMATIONAL-FOCUS */

$action-primary-informational-focus: $blue-900;

/* ACTION-PRIMARY-SUCCESS-DEFAULT */

$action-primary-success-default: $green-700;
.action-primary-success-default {
	background-color: $action-primary-success-default !important;
}

/* ACTION-PRIMARY-SUCCESS-HOVER */

$action-primary-success-hover: $green-800;
.action-primary-success-hover:hover {
	background-color: $action-primary-success-hover !important;
}

/* ACTION-PRIMARY-SUCCESS-ACTIVE */

$action-primary-success-active: $green-900;
.action-primary-success-active:active {
	background-color: $action-primary-success-active !important;
}

/* ACTION-PRIMARY-SUCCESS-SELECTED */

$action-primary-success-selected: $green-900;
.action-primary-success-selected,
.action-primary-success-selected-active:active,
.action-primary-success-selected-hover:hover {
	background-color: $action-primary-success-selected !important;
}

/* ACTION-PRIMARY-SUCCESS-FOCUS */

$action-primary-success-focus: $green-900;

/* ACTION-PRIMARY-WARNING-DEFAULT */

$action-primary-warning-default: $orange-700;
.action-primary-warning-default {
	background-color: $action-primary-warning-default !important;
}

/* ACTION-PRIMARY-WARNING-HOVER */

$action-primary-warning-hover: $orange-800;
.action-primary-warning-hover:hover {
	background-color: $action-primary-warning-hover !important;
}

/* ACTION-PRIMARY-WARNING-ACTIVE */

$action-primary-warning-active: $orange-900;
.action-primary-warning-active:active {
	background-color: $action-primary-warning-active !important;
}

/* ACTION-PRIMARY-WARNING-SELECTED */

$action-primary-warning-selected: $orange-900;
.action-primary-warning-selected,
.action-primary-warning-selected-active:active,
.action-primary-warning-selected-hover:hover {
	background-color: $action-primary-warning-selected !important;
}

/* ACTION-PRIMARY-WARNING-FOCUS */

$action-primary-warning-focus: $orange-900;

/* ACTION-SECONDARY-BRAND-DEFAULT */

$action-secondary-brand-default: $pure-white;
.action-secondary-brand-default {
	background-color: $action-secondary-brand-default !important;
}

/* ACTION-SECONDARY-BRAND-HOVER */

$action-secondary-brand-hover: $blue-200;
.action-secondary-brand-hover:hover {
	background-color: $action-secondary-brand-hover !important;
}

/* ACTION-SECONDARY-BRAND-ACTIVE */

$action-secondary-brand-active: $blue-300;
.action-secondary-brand-active:active {
	background-color: $action-secondary-brand-active !important;
}

/* ACTION-SECONDARY-BRAND-SELECTED */

$action-secondary-brand-selected: $blue-300;
.action-secondary-brand-selected,
.action-secondary-brand-selected-active:active,
.action-secondary-brand-selected-hover:hover {
	background-color: $action-secondary-brand-selected !important;
}

/* ACTION-SECONDARY-DANGER-DEFAULT */

$action-secondary-danger-default: $red-100;
.action-secondary-danger-default {
	background-color: $action-secondary-danger-default !important;
}

/* ACTION-SECONDARY-DANGER-HOVER */

$action-secondary-danger-hover: $red-200;
.action-secondary-danger-hover:hover {
	background-color: $action-secondary-danger-hover !important;
}

/* ACTION-SECONDARY-DANGER-ACTIVE */

$action-secondary-danger-active: $red-300;
.action-secondary-danger-active:active {
	background-color: $action-secondary-danger-active !important;
}

/* ACTION-SECONDARY-DANGER-SELECTED */

$action-secondary-danger-selected: $red-300;
.action-secondary-danger-selected,
.action-secondary-danger-selected-active:active,
.action-secondary-danger-selected-hover:hover {
	background-color: $action-secondary-danger-selected !important;
}

/* ACTION-SECONDARY-GENERIC-DEFAULT */

$action-secondary-generic-default: $pure-white;
.action-secondary-generic-default {
	background-color: $action-secondary-generic-default !important;
}

/* ACTION-SECONDARY-GENERIC-HOVER */

$action-secondary-generic-hover: $gray-200;
.action-secondary-generic-hover:hover {
	background-color: $action-secondary-generic-hover !important;
}

/* ACTION-SECONDARY-GENERIC-ACTIVE */

$action-secondary-generic-active: $gray-300;
.action-secondary-generic-active:active {
	background-color: $action-secondary-generic-active !important;
}

/* ACTION-SECONDARY-GENERIC-SELECTED */

$action-secondary-generic-selected: $gray-300;
.action-secondary-generic-selected,
.action-secondary-generic-selected-active:active,
.action-secondary-generic-selected-hover:hover {
	background-color: $action-secondary-generic-selected !important;
}

/* ACTION-SECONDARY-INFORMATIONAL-DEFAULT */

$action-secondary-informational-default: $blue-100;
.action-secondary-informational-default {
	background-color: $action-secondary-informational-default !important;
}

/* ACTION-SECONDARY-INFORMATIONAL-HOVER */

$action-secondary-informational-hover: $blue-200;
.action-secondary-informational-hover:hover {
	background-color: $action-secondary-informational-hover !important;
}

/* ACTION-SECONDARY-INFORMATIONAL-ACTIVE */

$action-secondary-informational-active: $blue-300;
.action-secondary-informational-active:active {
	background-color: $action-secondary-informational-active !important;
}

/* ACTION-SECONDARY-INFORMATIONAL-SELECTED */

$action-secondary-informational-selected: $blue-300;
.action-secondary-informational-selected,
.action-secondary-informational-selected-active:active,
.action-secondary-informational-selected-hover:hover {
	background-color: $action-secondary-informational-selected !important;
}

/* ACTION-SECONDARY-SUCCESS-DEFAULT */

$action-secondary-success-default: $green-100;
.action-secondary-success-default {
	background-color: $action-secondary-success-default !important;
}

/* ACTION-SECONDARY-SUCCESS-HOVER */

$action-secondary-success-hover: $green-200;
.action-secondary-success-hover:hover {
	background-color: $action-secondary-success-hover !important;
}

/* ACTION-SECONDARY-SUCCESS-ACTIVE */

$action-secondary-success-active: $green-300;
.action-secondary-success-active:active {
	background-color: $action-secondary-success-active !important;
}

/* ACTION-SECONDARY-SUCCESS-SELECTED */

$action-secondary-success-selected: $green-300;
.action-secondary-success-selected,
.action-secondary-success-selected-active:active,
.action-secondary-success-selected-hover:hover {
	background-color: $action-secondary-success-selected !important;
}

/* ACTION-SECONDARY-WARNING-DEFAULT */

$action-secondary-warning-default: $orange-100;
.action-secondary-warning-default {
	background-color: $action-secondary-warning-default !important;
}

/* ACTION-SECONDARY-WARNING-HOVER */

$action-secondary-warning-hover: $orange-200;
.action-secondary-warning-hover:hover {
	background-color: $action-secondary-warning-hover !important;
}

/* ACTION-SECONDARY-WARNING-ACTIVE */

$action-secondary-warning-active: $orange-300;
.action-secondary-warning-active:active {
	background-color: $action-secondary-warning-active !important;
}

/* ACTION-SECONDARY-WARNING-SELECTED */

$action-secondary-warning-selected: $orange-300;
.action-secondary-warning-selected,
.action-secondary-warning-selected-active:active,
.action-secondary-warning-selected-hover:hover {
	background-color: $action-secondary-warning-selected !important;
}

/* ACTION-TERTIARY-BRAND-DEFAULT */

$action-tertiary-brand-default: $pure-white;
.action-tertiary-brand-default {
	background-color: $action-tertiary-brand-default !important;
}

/* ACTION-TERTIARY-BRAND-HOVER */

$action-tertiary-brand-hover: $blue-200;
.action-tertiary-brand-hover:hover {
	background-color: $action-tertiary-brand-hover !important;
}

/* ACTION-TERTIARY-BRAND-ACTIVE */

$action-tertiary-brand-active: $blue-300;
.action-tertiary-brand-active:active {
	background-color: $action-tertiary-brand-active !important;
}

/* ACTION-TERTIARY-BRAND-SELECTED */

$action-tertiary-brand-selected: $blue-300;
.action-tertiary-brand-selected,
.action-tertiary-brand-selected-active:active,
.action-tertiary-brand-selected-hover:hover {
	background-color: $action-tertiary-brand-selected !important;
}

/* ACTION-TERTIARY-GENERIC-DEFAULT */

$action-tertiary-generic-default: $pure-white;
.action-tertiary-generic-default {
	background-color: $action-tertiary-generic-default !important;
}

/* ACTION-TERTIARY-GENERIC-HOVER */

$action-tertiary-generic-hover: $gray-200;
.action-tertiary-generic-hover:hover {
	background-color: $action-tertiary-generic-hover !important;
}

/* ACTION-TERTIARY-GENERIC-ACTIVE */

$action-tertiary-generic-active: $gray-300;
.action-tertiary-generic-active:active {
	background-color: $action-tertiary-generic-active !important;
}

/* ACTION-TERTIARY-GENERIC-SELECTED */

$action-tertiary-generic-selected: $gray-300;
.action-tertiary-generic-selected,
.action-tertiary-generic-selected-active:active,
.action-tertiary-generic-selected-hover:hover {
	background-color: $action-tertiary-generic-selected !important;
}

/* BACKGROUND-GENERIC-PRIMARY */

$background-generic-primary: $pure-white;
.background-generic-primary,
.background-generic-primary-active:active,
.background-generic-primary-hover:hover {
	background-color: $background-generic-primary !important;
}

/* BACKGROUND-GENERIC-SECONDARY */

$background-generic-secondary: $gray-100;
.background-generic-secondary,
.background-generic-secondary-active:active,
.background-generic-secondary-hover:hover {
	background-color: $background-generic-secondary !important;
}

/* BACKGROUND-GENERIC-TERTIARY */

$background-generic-tertiary: $gray-200;
.background-generic-tertiary,
.background-generic-tertiary-active:active,
.background-generic-tertiary-hover:hover {
	background-color: $background-generic-tertiary !important;
}

/* BACKGROUND-GENERIC-QUATERNARY */

$background-generic-quaternary: $gray-300;
.background-generic-quaternary,
.background-generic-quaternary-active:active,
.background-generic-quaternary-hover:hover {
	background-color: $background-generic-quaternary !important;
}

/* BACKGROUND-GENERIC-QUINARY */

$background-generic-quinary: $gray-400;
.background-generic-quinary,
.background-generic-quinary-active:active,
.background-generic-quinary-hover:hover {
	background-color: $background-generic-quinary !important;
}

/* BACKGROUND-GENERIC-TRANSPARENT */

$background-generic-transparent: $transparent;
.background-generic-transparent,
.background-generic-transparent-active:active,
.background-generic-transparent-hover:hover {
	background-color: $background-generic-transparent !important;
}

/* BACKGROUND-GENERIC-OVERLAY */

$background-generic-overlay: $pure-black;
.background-generic-overlay,
.background-generic-overlay-active:active,
.background-generic-overlay-hover:hover {
	background-color: $background-generic-overlay !important;
}

/* BACKGROUND-INPUT-DEFAULT */

$background-input-default: $gray-100;
.background-input-default {
	background-color: $background-input-default !important;
}

/* BACKGROUND-INPUT-HOVER */

$background-input-hover: $gray-200;
.background-input-hover:hover {
	background-color: $background-input-hover !important;
}

/* BACKGROUND-INPUT-ACTIVE */

$background-input-active: $gray-100;
.background-input-active:active {
	background-color: $background-input-active !important;
}

/* BORDER-BRAND-DEFAULT */

$border-brand-default: $blue-700;
.border-brand-default {
	border-color: $border-brand-default !important;
}

/* BORDER-BRAND-HOVER */

$border-brand-hover: $blue-800;
.border-brand-hover:hover {
	border-color: $border-brand-hover !important;
}

/* BORDER-BRAND-ACTIVE */

$border-brand-active: $blue-900;
.border-brand-active:active {
	border-color: $border-brand-active !important;
}

/* BORDER-BRAND-SELECTED */

$border-brand-selected: $blue-900;
.border-brand-selected,
.border-brand-selected-active:active,
.border-brand-selected-hover:hover {
	border-color: $border-brand-selected !important;
}

/* BORDER-DANGER-DEFAULT */

$border-danger-default: $red-700;
.border-danger-default {
	border-color: $border-danger-default !important;
}

/* BORDER-DANGER-HOVER */

$border-danger-hover: $red-800;
.border-danger-hover:hover {
	border-color: $border-danger-hover !important;
}

/* BORDER-DANGER-ACTIVE */

$border-danger-active: $red-900;
.border-danger-active:active {
	border-color: $border-danger-active !important;
}

/* BORDER-DANGER-SELECTED */

$border-danger-selected: $red-900;
.border-danger-selected,
.border-danger-selected-active:active,
.border-danger-selected-hover:hover {
	border-color: $border-danger-selected !important;
}

/* BORDER-GENERIC-DEFAULT */

$border-generic-default: $gray-500;
.border-generic-default {
	border-color: $border-generic-default !important;
}

/* BORDER-GENERIC-HOVER */

$border-generic-hover: $gray-700;
.border-generic-hover:hover {
	border-color: $border-generic-hover !important;
}

/* BORDER-GENERIC-ACTIVE */

$border-generic-active: $gray-900;
.border-generic-active:active {
	border-color: $border-generic-active !important;
}

/* BORDER-GENERIC-INVERSE */

$border-generic-inverse: $pure-white;
.border-generic-inverse,
.border-generic-inverse-active:active,
.border-generic-inverse-hover:hover {
	border-color: $border-generic-inverse !important;
}

/* BORDER-GENERIC-SELECTED */

$border-generic-selected: $gray-900;
.border-generic-selected,
.border-generic-selected-active:active,
.border-generic-selected-hover:hover {
	border-color: $border-generic-selected !important;
}

/* BORDER-GENERIC-TRANSPARENT */

$border-generic-transparent: $transparent;
.border-generic-transparent,
.border-generic-transparent-active:active,
.border-generic-transparent-hover:hover {
	border-color: $border-generic-transparent !important;
}

/* BORDER-INFORMATIONAL-DEFAULT */

$border-informational-default: $blue-700;
.border-informational-default {
	border-color: $border-informational-default !important;
}

/* BORDER-INFORMATIONAL-HOVER */

$border-informational-hover: $blue-800;
.border-informational-hover:hover {
	border-color: $border-informational-hover !important;
}

/* BORDER-INFORMATIONAL-ACTIVE */

$border-informational-active: $blue-900;
.border-informational-active:active {
	border-color: $border-informational-active !important;
}

/* BORDER-INFORMATIONAL-SELECTED */

$border-informational-selected: $blue-900;
.border-informational-selected,
.border-informational-selected-active:active,
.border-informational-selected-hover:hover {
	border-color: $border-informational-selected !important;
}

/* BORDER-SUCCESS-DEFAULT */

$border-success-default: $green-700;
.border-success-default {
	border-color: $border-success-default !important;
}

/* BORDER-SUCCESS-HOVER */

$border-success-hover: $green-800;
.border-success-hover:hover {
	border-color: $border-success-hover !important;
}

/* BORDER-SUCCESS-ACTIVE */

$border-success-active: $green-900;
.border-success-active:active {
	border-color: $border-success-active !important;
}

/* BORDER-SUCCESS-SELECTED */

$border-success-selected: $green-900;
.border-success-selected,
.border-success-selected-active:active,
.border-success-selected-hover:hover {
	border-color: $border-success-selected !important;
}

/* BORDER-WARNING-DEFAULT */

$border-warning-default: $orange-700;
.border-warning-default {
	border-color: $border-warning-default !important;
}

/* BORDER-WARNING-HOVER */

$border-warning-hover: $orange-800;
.border-warning-hover:hover {
	border-color: $border-warning-hover !important;
}

/* BORDER-WARNING-ACTIVE */

$border-warning-active: $orange-900;
.border-warning-active:active {
	border-color: $border-warning-active !important;
}

/* BORDER-WARNING-SELECTED */

$border-warning-selected: $orange-900;
.border-warning-selected,
.border-warning-selected-active:active,
.border-warning-selected-hover:hover {
	border-color: $border-warning-selected !important;
}

/* DIVIDER-GENERIC-PRIMARY */

$divider-generic-primary: $gray-200;
.divider-generic-primary,
.divider-generic-primary-active:active,
.divider-generic-primary-hover:hover {
	border-color: $divider-generic-primary !important;
}

/* DIVIDER-GENERIC-SECONDARY */

$divider-generic-secondary: $gray-300;
.divider-generic-secondary,
.divider-generic-secondary-active:active,
.divider-generic-secondary-hover:hover {
	border-color: $divider-generic-secondary !important;
}

/* DIVIDER-GENERIC-TERTIARY */

$divider-generic-tertiary: $gray-400;
.divider-generic-tertiary,
.divider-generic-tertiary-active:active,
.divider-generic-tertiary-hover:hover {
	border-color: $divider-generic-tertiary !important;
}

/* TEXT-BRAND-DEFAULT */

$text-brand-default: $blue-700;
.text-brand-default {
	color: $text-brand-default !important;
}

/* TEXT-BRAND-HOVER */

$text-brand-hover: $blue-800;
.text-brand-hover:hover {
	color: $text-brand-hover !important;
}

/* TEXT-BRAND-ACTIVE */

$text-brand-active: $blue-900;
.text-brand-active:active {
	color: $text-brand-active !important;
}

/* TEXT-BRAND-SELECTED */

$text-brand-selected: $blue-900;
.text-brand-selected,
.text-brand-selected-active:active,
.text-brand-selected-hover:hover {
	color: $text-brand-selected !important;
}

/* TEXT-DANGER-DEFAULT */

$text-danger-default: $red-700;
.text-danger-default {
	color: $text-danger-default !important;
}

/* TEXT-DANGER-HOVER */

$text-danger-hover: $red-800;
.text-danger-hover:hover {
	color: $text-danger-hover !important;
}

/* TEXT-DANGER-ACTIVE */

$text-danger-active: $red-900;
.text-danger-active:active {
	color: $text-danger-active !important;
}

/* TEXT-DANGER-SELECTED */

$text-danger-selected: $red-900;
.text-danger-selected,
.text-danger-selected-active:active,
.text-danger-selected-hover:hover {
	color: $text-danger-selected !important;
}

/* TEXT-GENERIC-PRIMARY */

$text-generic-primary: $gray-1000;
.text-generic-primary,
.text-generic-primary-active:active,
.text-generic-primary-hover:hover {
	color: $text-generic-primary !important;
}

/* TEXT-GENERIC-SECONDARY */

$text-generic-secondary: $gray-900;
.text-generic-secondary,
.text-generic-secondary-active:active,
.text-generic-secondary-hover:hover {
	color: $text-generic-secondary !important;
}

/* TEXT-GENERIC-TERTIARY */

$text-generic-tertiary: $gray-800;
.text-generic-tertiary,
.text-generic-tertiary-active:active,
.text-generic-tertiary-hover:hover {
	color: $text-generic-tertiary !important;
}

/* TEXT-GENERIC-QUATERNARY */

$text-generic-quaternary: $gray-700;
.text-generic-quaternary,
.text-generic-quaternary-active:active,
.text-generic-quaternary-hover:hover {
	color: $text-generic-quaternary !important;
}

/* TEXT-GENERIC-QUINARY */

$text-generic-quinary: $gray-600;
.text-generic-quinary,
.text-generic-quinary-active:active,
.text-generic-quinary-hover:hover {
	color: $text-generic-quinary !important;
}

/* TEXT-GENERIC-INVERSE */

$text-generic-inverse: $pure-white;
.text-generic-inverse,
.text-generic-inverse-active:active,
.text-generic-inverse-hover:hover {
	color: $text-generic-inverse !important;
}

/* TEXT-INFORMATIONAL-DEFAULT */

$text-informational-default: $blue-700;
.text-informational-default {
	color: $text-informational-default !important;
}

/* TEXT-INFORMATIONAL-HOVER */

$text-informational-hover: $blue-800;
.text-informational-hover:hover {
	color: $text-informational-hover !important;
}

/* TEXT-INFORMATIONAL-ACTIVE */

$text-informational-active: $blue-900;
.text-informational-active:active {
	color: $text-informational-active !important;
}

/* TEXT-INFORMATIONAL-SELECTED */

$text-informational-selected: $blue-900;
.text-informational-selected,
.text-informational-selected-active:active,
.text-informational-selected-hover:hover {
	color: $text-informational-selected !important;
}

/* TEXT-INPUT-BODY */

$text-input-body: $gray-1000;
.text-input-body,
.text-input-body-active:active,
.text-input-body-hover:hover {
	color: $text-input-body !important;
}

/* TEXT-INPUT-LABEL */

$text-input-label: $gray-900;
.text-input-label,
.text-input-label-active:active,
.text-input-label-hover:hover {
	color: $text-input-label !important;
}

/* TEXT-INPUT-HELPER */

$text-input-helper: $gray-800;
.text-input-helper,
.text-input-helper-active:active,
.text-input-helper-hover:hover {
	color: $text-input-helper !important;
}

/* TEXT-SUCCESS-DEFAULT */

$text-success-default: $green-700;
.text-success-default {
	color: $text-success-default !important;
}

/* TEXT-SUCCESS-HOVER */

$text-success-hover: $green-800;
.text-success-hover:hover {
	color: $text-success-hover !important;
}

/* TEXT-SUCCESS-ACTIVE */

$text-success-active: $green-900;
.text-success-active:active {
	color: $text-success-active !important;
}

/* TEXT-SUCCESS-SELECTED */

$text-success-selected: $green-900;
.text-success-selected,
.text-success-selected-active:active,
.text-success-selected-hover:hover {
	color: $text-success-selected !important;
}

/* TEXT-WARNING-DEFAULT */

$text-warning-default: $orange-700;
.text-warning-default {
	color: $text-warning-default !important;
}

/* TEXT-WARNING-HOVER */

$text-warning-hover: $orange-800;
.text-warning-hover:hover {
	color: $text-warning-hover !important;
}

/* TEXT-WARNING-ACTIVE */

$text-warning-active: $orange-900;
.text-warning-active:active {
	color: $text-warning-active !important;
}

/* TEXT-WARNING-SELECTED */

$text-warning-selected: $orange-900;
.text-warning-selected,
.text-warning-selected-active:active,
.text-warning-selected-hover:hover {
	color: $text-warning-selected !important;
}

/* COLOR UTILS */

$disabled-opacity: 0.4;

.disabled, .disabled-item {
	opacity: $disabled-opacity !important;
}

$focus-box-shadow: 0 0 0 2px $pure-white, 0 0 0 4px $action-primary-brand-focus;

$error-box-shadow: 0 0 0 2px $pure-white, 0 0 0 4px $action-primary-danger-focus;


/* DARK MODE */
body.dark-mode {
	/* BASE COLORS */

	/* BLUE-1000 */

	$blue-1000: #f1f7fd;
	.text-blue-1000,
	.text-blue-1000-active:active,
	.text-blue-1000-hover:hover {
		color: $blue-1000 !important;
	}
	.bg-blue-1000,
	.bg-blue-1000-active:active,
	.bg-blue-1000-hover:hover {
		background-color: $blue-1000 !important;
	}
	.border-blue-1000,
	.border-blue-1000-active:active,
	.border-blue-1000-hover:hover {
		border-color: $blue-1000 !important;
	}

	/* BLUE-900 */

	$blue-900: #ddedf8;
	.text-blue-900,
	.text-blue-900-active:active,
	.text-blue-900-hover:hover {
		color: $blue-900 !important;
	}
	.bg-blue-900,
	.bg-blue-900-active:active,
	.bg-blue-900-hover:hover {
		background-color: $blue-900 !important;
	}
	.border-blue-900,
	.border-blue-900-active:active,
	.border-blue-900-hover:hover {
		border-color: $blue-900 !important;
	}

	/* BLUE-800 */

	$blue-800: #b7d8f7;
	.text-blue-800,
	.text-blue-800-active:active,
	.text-blue-800-hover:hover {
		color: $blue-800 !important;
	}
	.bg-blue-800,
	.bg-blue-800-active:active,
	.bg-blue-800-hover:hover {
		background-color: $blue-800 !important;
	}
	.border-blue-800,
	.border-blue-800-active:active,
	.border-blue-800-hover:hover {
		border-color: $blue-800 !important;
	}

	/* BLUE-700 */

	$blue-700: #8ac1f2;
	.text-blue-700,
	.text-blue-700-active:active,
	.text-blue-700-hover:hover {
		color: $blue-700 !important;
	}
	.bg-blue-700,
	.bg-blue-700-active:active,
	.bg-blue-700-hover:hover {
		background-color: $blue-700 !important;
	}
	.border-blue-700,
	.border-blue-700-active:active,
	.border-blue-700-hover:hover {
		border-color: $blue-700 !important;
	}

	/* BLUE-600 */

	$blue-600: #62abed;
	.text-blue-600,
	.text-blue-600-active:active,
	.text-blue-600-hover:hover {
		color: $blue-600 !important;
	}
	.bg-blue-600,
	.bg-blue-600-active:active,
	.bg-blue-600-hover:hover {
		background-color: $blue-600 !important;
	}
	.border-blue-600,
	.border-blue-600-active:active,
	.border-blue-600-hover:hover {
		border-color: $blue-600 !important;
	}

	/* BLUE-500 */

	$blue-500: #278ce6;
	.text-blue-500,
	.text-blue-500-active:active,
	.text-blue-500-hover:hover {
		color: $blue-500 !important;
	}
	.bg-blue-500,
	.bg-blue-500-active:active,
	.bg-blue-500-hover:hover {
		background-color: $blue-500 !important;
	}
	.border-blue-500,
	.border-blue-500-active:active,
	.border-blue-500-hover:hover {
		border-color: $blue-500 !important;
	}

	/* BLUE-400 */

	$blue-400: #006fd3;
	.text-blue-400,
	.text-blue-400-active:active,
	.text-blue-400-hover:hover {
		color: $blue-400 !important;
	}
	.bg-blue-400,
	.bg-blue-400-active:active,
	.bg-blue-400-hover:hover {
		background-color: $blue-400 !important;
	}
	.border-blue-400,
	.border-blue-400-active:active,
	.border-blue-400-hover:hover {
		border-color: $blue-400 !important;
	}

	/* BLUE-300 */

	$blue-300: #0059aa;
	.text-blue-300,
	.text-blue-300-active:active,
	.text-blue-300-hover:hover {
		color: $blue-300 !important;
	}
	.bg-blue-300,
	.bg-blue-300-active:active,
	.bg-blue-300-hover:hover {
		background-color: $blue-300 !important;
	}
	.border-blue-300,
	.border-blue-300-active:active,
	.border-blue-300-hover:hover {
		border-color: $blue-300 !important;
	}

	/* BLUE-200 */

	$blue-200: #004582;
	.text-blue-200,
	.text-blue-200-active:active,
	.text-blue-200-hover:hover {
		color: $blue-200 !important;
	}
	.bg-blue-200,
	.bg-blue-200-active:active,
	.bg-blue-200-hover:hover {
		background-color: $blue-200 !important;
	}
	.border-blue-200,
	.border-blue-200-active:active,
	.border-blue-200-hover:hover {
		border-color: $blue-200 !important;
	}

	/* BLUE-100 */

	$blue-100: #002b51;
	.text-blue-100,
	.text-blue-100-active:active,
	.text-blue-100-hover:hover {
		color: $blue-100 !important;
	}
	.bg-blue-100,
	.bg-blue-100-active:active,
	.bg-blue-100-hover:hover {
		background-color: $blue-100 !important;
	}
	.border-blue-100,
	.border-blue-100-active:active,
	.border-blue-100-hover:hover {
		border-color: $blue-100 !important;
	}


	/* GRAY-1000 */

	$gray-1000: #f6f6f8;
	.text-gray-1000,
	.text-gray-1000-active:active,
	.text-gray-1000-hover:hover {
		color: $gray-1000 !important;
	}
	.bg-gray-1000,
	.bg-gray-1000-active:active,
	.bg-gray-1000-hover:hover {
		background-color: $gray-1000 !important;
	}
	.border-gray-1000,
	.border-gray-1000-active:active,
	.border-gray-1000-hover:hover {
		border-color: $gray-1000 !important;
	}

	/* GRAY-900 */

	$gray-900: #ebebeb;
	.text-gray-900,
	.text-gray-900-active:active,
	.text-gray-900-hover:hover {
		color: $gray-900 !important;
	}
	.bg-gray-900,
	.bg-gray-900-active:active,
	.bg-gray-900-hover:hover {
		background-color: $gray-900 !important;
	}
	.border-gray-900,
	.border-gray-900-active:active,
	.border-gray-900-hover:hover {
		border-color: $gray-900 !important;
	}

	/* GRAY-800 */

	$gray-800: #d4d4d4;
	.text-gray-800,
	.text-gray-800-active:active,
	.text-gray-800-hover:hover {
		color: $gray-800 !important;
	}
	.bg-gray-800,
	.bg-gray-800-active:active,
	.bg-gray-800-hover:hover {
		background-color: $gray-800 !important;
	}
	.border-gray-800,
	.border-gray-800-active:active,
	.border-gray-800-hover:hover {
		border-color: $gray-800 !important;
	}

	/* GRAY-700 */

	$gray-700: #bbbbbb;
	.text-gray-700,
	.text-gray-700-active:active,
	.text-gray-700-hover:hover {
		color: $gray-700 !important;
	}
	.bg-gray-700,
	.bg-gray-700-active:active,
	.bg-gray-700-hover:hover {
		background-color: $gray-700 !important;
	}
	.border-gray-700,
	.border-gray-700-active:active,
	.border-gray-700-hover:hover {
		border-color: $gray-700 !important;
	}

	/* GRAY-600 */

	$gray-600: #a6a6a6;
	.text-gray-600,
	.text-gray-600-active:active,
	.text-gray-600-hover:hover {
		color: $gray-600 !important;
	}
	.bg-gray-600,
	.bg-gray-600-active:active,
	.bg-gray-600-hover:hover {
		background-color: $gray-600 !important;
	}
	.border-gray-600,
	.border-gray-600-active:active,
	.border-gray-600-hover:hover {
		border-color: $gray-600 !important;
	}

	/* GRAY-500 */

	$gray-500: #898989;
	.text-gray-500,
	.text-gray-500-active:active,
	.text-gray-500-hover:hover {
		color: $gray-500 !important;
	}
	.bg-gray-500,
	.bg-gray-500-active:active,
	.bg-gray-500-hover:hover {
		background-color: $gray-500 !important;
	}
	.border-gray-500,
	.border-gray-500-active:active,
	.border-gray-500-hover:hover {
		border-color: $gray-500 !important;
	}

	/* GRAY-400 */

	$gray-400: #6f6f6f;
	.text-gray-400,
	.text-gray-400-active:active,
	.text-gray-400-hover:hover {
		color: $gray-400 !important;
	}
	.bg-gray-400,
	.bg-gray-400-active:active,
	.bg-gray-400-hover:hover {
		background-color: $gray-400 !important;
	}
	.border-gray-400,
	.border-gray-400-active:active,
	.border-gray-400-hover:hover {
		border-color: $gray-400 !important;
	}

	/* GRAY-300 */

	$gray-300: #595959;
	.text-gray-300,
	.text-gray-300-active:active,
	.text-gray-300-hover:hover {
		color: $gray-300 !important;
	}
	.bg-gray-300,
	.bg-gray-300-active:active,
	.bg-gray-300-hover:hover {
		background-color: $gray-300 !important;
	}
	.border-gray-300,
	.border-gray-300-active:active,
	.border-gray-300-hover:hover {
		border-color: $gray-300 !important;
	}

	/* GRAY-200 */

	$gray-200: #444444;
	.text-gray-200,
	.text-gray-200-active:active,
	.text-gray-200-hover:hover {
		color: $gray-200 !important;
	}
	.bg-gray-200,
	.bg-gray-200-active:active,
	.bg-gray-200-hover:hover {
		background-color: $gray-200 !important;
	}
	.border-gray-200,
	.border-gray-200-active:active,
	.border-gray-200-hover:hover {
		border-color: $gray-200 !important;
	}

	/* GRAY-100 */

	$gray-100: #2a2a2a;
	.text-gray-100,
	.text-gray-100-active:active,
	.text-gray-100-hover:hover {
		color: $gray-100 !important;
	}
	.bg-gray-100,
	.bg-gray-100-active:active,
	.bg-gray-100-hover:hover {
		background-color: $gray-100 !important;
	}
	.border-gray-100,
	.border-gray-100-active:active,
	.border-gray-100-hover:hover {
		border-color: $gray-100 !important;
	}


	/* GREEN-1000 */

	$green-1000: #f3f8ef;
	.text-green-1000,
	.text-green-1000-active:active,
	.text-green-1000-hover:hover {
		color: $green-1000 !important;
	}
	.bg-green-1000,
	.bg-green-1000-active:active,
	.bg-green-1000-hover:hover {
		background-color: $green-1000 !important;
	}
	.border-green-1000,
	.border-green-1000-active:active,
	.border-green-1000-hover:hover {
		border-color: $green-1000 !important;
	}

	/* GREEN-900 */

	$green-900: #e3efda;
	.text-green-900,
	.text-green-900-active:active,
	.text-green-900-hover:hover {
		color: $green-900 !important;
	}
	.bg-green-900,
	.bg-green-900-active:active,
	.bg-green-900-hover:hover {
		background-color: $green-900 !important;
	}
	.border-green-900,
	.border-green-900-active:active,
	.border-green-900-hover:hover {
		border-color: $green-900 !important;
	}

	/* GREEN-800 */

	$green-800: #c3dcb0;
	.text-green-800,
	.text-green-800-active:active,
	.text-green-800-hover:hover {
		color: $green-800 !important;
	}
	.bg-green-800,
	.bg-green-800-active:active,
	.bg-green-800-hover:hover {
		background-color: $green-800 !important;
	}
	.border-green-800,
	.border-green-800-active:active,
	.border-green-800-hover:hover {
		border-color: $green-800 !important;
	}

	/* GREEN-700 */

	$green-700: #9ec782;
	.text-green-700,
	.text-green-700-active:active,
	.text-green-700-hover:hover {
		color: $green-700 !important;
	}
	.bg-green-700,
	.bg-green-700-active:active,
	.bg-green-700-hover:hover {
		background-color: $green-700 !important;
	}
	.border-green-700,
	.border-green-700-active:active,
	.border-green-700-hover:hover {
		border-color: $green-700 !important;
	}

	/* GREEN-600 */

	$green-600: #7cb559;
	.text-green-600,
	.text-green-600-active:active,
	.text-green-600-hover:hover {
		color: $green-600 !important;
	}
	.bg-green-600,
	.bg-green-600-active:active,
	.bg-green-600-hover:hover {
		background-color: $green-600 !important;
	}
	.border-green-600,
	.border-green-600-active:active,
	.border-green-600-hover:hover {
		border-color: $green-600 !important;
	}

	/* GREEN-500 */

	$green-500: #529a2a;
	.text-green-500,
	.text-green-500-active:active,
	.text-green-500-hover:hover {
		color: $green-500 !important;
	}
	.bg-green-500,
	.bg-green-500-active:active,
	.bg-green-500-hover:hover {
		background-color: $green-500 !important;
	}
	.border-green-500,
	.border-green-500-active:active,
	.border-green-500-hover:hover {
		border-color: $green-500 !important;
	}

	/* GREEN-400 */

	$green-400: #457d25;
	.text-green-400,
	.text-green-400-active:active,
	.text-green-400-hover:hover {
		color: $green-400 !important;
	}
	.bg-green-400,
	.bg-green-400-active:active,
	.bg-green-400-hover:hover {
		background-color: $green-400 !important;
	}
	.border-green-400,
	.border-green-400-active:active,
	.border-green-400-hover:hover {
		border-color: $green-400 !important;
	}

	/* GREEN-300 */

	$green-300: #396420;
	.text-green-300,
	.text-green-300-active:active,
	.text-green-300-hover:hover {
		color: $green-300 !important;
	}
	.bg-green-300,
	.bg-green-300-active:active,
	.bg-green-300-hover:hover {
		background-color: $green-300 !important;
	}
	.border-green-300,
	.border-green-300-active:active,
	.border-green-300-hover:hover {
		border-color: $green-300 !important;
	}

	/* GREEN-200 */

	$green-200: #2d4c1b;
	.text-green-200,
	.text-green-200-active:active,
	.text-green-200-hover:hover {
		color: $green-200 !important;
	}
	.bg-green-200,
	.bg-green-200-active:active,
	.bg-green-200-hover:hover {
		background-color: $green-200 !important;
	}
	.border-green-200,
	.border-green-200-active:active,
	.border-green-200-hover:hover {
		border-color: $green-200 !important;
	}

	/* GREEN-100 */

	$green-100: #1e2e14;
	.text-green-100,
	.text-green-100-active:active,
	.text-green-100-hover:hover {
		color: $green-100 !important;
	}
	.bg-green-100,
	.bg-green-100-active:active,
	.bg-green-100-hover:hover {
		background-color: $green-100 !important;
	}
	.border-green-100,
	.border-green-100-active:active,
	.border-green-100-hover:hover {
		border-color: $green-100 !important;
	}


	/* ORANGE-1000 */

	$orange-1000: #fff4ef;
	.text-orange-1000,
	.text-orange-1000-active:active,
	.text-orange-1000-hover:hover {
		color: $orange-1000 !important;
	}
	.bg-orange-1000,
	.bg-orange-1000-active:active,
	.bg-orange-1000-hover:hover {
		background-color: $orange-1000 !important;
	}
	.border-orange-1000,
	.border-orange-1000-active:active,
	.border-orange-1000-hover:hover {
		border-color: $orange-1000 !important;
	}

	/* ORANGE-900 */

	$orange-900: #ffe6d9;
	.text-orange-900,
	.text-orange-900-active:active,
	.text-orange-900-hover:hover {
		color: $orange-900 !important;
	}
	.bg-orange-900,
	.bg-orange-900-active:active,
	.bg-orange-900-hover:hover {
		background-color: $orange-900 !important;
	}
	.border-orange-900,
	.border-orange-900-active:active,
	.border-orange-900-hover:hover {
		border-color: $orange-900 !important;
	}

	/* ORANGE-800 */

	$orange-800: #ffc9ad;
	.text-orange-800,
	.text-orange-800-active:active,
	.text-orange-800-hover:hover {
		color: $orange-800 !important;
	}
	.bg-orange-800,
	.bg-orange-800-active:active,
	.bg-orange-800-hover:hover {
		background-color: $orange-800 !important;
	}
	.border-orange-800,
	.border-orange-800-active:active,
	.border-orange-800-hover:hover {
		border-color: $orange-800 !important;
	}

	/* ORANGE-700 */

	$orange-700: #ffa677;
	.text-orange-700,
	.text-orange-700-active:active,
	.text-orange-700-hover:hover {
		color: $orange-700 !important;
	}
	.bg-orange-700,
	.bg-orange-700-active:active,
	.bg-orange-700-hover:hover {
		background-color: $orange-700 !important;
	}
	.border-orange-700,
	.border-orange-700-active:active,
	.border-orange-700-hover:hover {
		border-color: $orange-700 !important;
	}

	/* ORANGE-600 */

	$orange-600: #f8884b;
	.text-orange-600,
	.text-orange-600-active:active,
	.text-orange-600-hover:hover {
		color: $orange-600 !important;
	}
	.bg-orange-600,
	.bg-orange-600-active:active,
	.bg-orange-600-hover:hover {
		background-color: $orange-600 !important;
	}
	.border-orange-600,
	.border-orange-600-active:active,
	.border-orange-600-hover:hover {
		border-color: $orange-600 !important;
	}

	/* ORANGE-500 */

	$orange-500: #e55f06;
	.text-orange-500,
	.text-orange-500-active:active,
	.text-orange-500-hover:hover {
		color: $orange-500 !important;
	}
	.bg-orange-500,
	.bg-orange-500-active:active,
	.bg-orange-500-hover:hover {
		background-color: $orange-500 !important;
	}
	.border-orange-500,
	.border-orange-500-active:active,
	.border-orange-500-hover:hover {
		border-color: $orange-500 !important;
	}

	/* ORANGE-400 */

	$orange-400: #ba4f0d;
	.text-orange-400,
	.text-orange-400-active:active,
	.text-orange-400-hover:hover {
		color: $orange-400 !important;
	}
	.bg-orange-400,
	.bg-orange-400-active:active,
	.bg-orange-400-hover:hover {
		background-color: $orange-400 !important;
	}
	.border-orange-400,
	.border-orange-400-active:active,
	.border-orange-400-hover:hover {
		border-color: $orange-400 !important;
	}

	/* ORANGE-300 */

	$orange-300: #944110;
	.text-orange-300,
	.text-orange-300-active:active,
	.text-orange-300-hover:hover {
		color: $orange-300 !important;
	}
	.bg-orange-300,
	.bg-orange-300-active:active,
	.bg-orange-300-hover:hover {
		background-color: $orange-300 !important;
	}
	.border-orange-300,
	.border-orange-300-active:active,
	.border-orange-300-hover:hover {
		border-color: $orange-300 !important;
	}

	/* ORANGE-200 */

	$orange-200: #703310;
	.text-orange-200,
	.text-orange-200-active:active,
	.text-orange-200-hover:hover {
		color: $orange-200 !important;
	}
	.bg-orange-200,
	.bg-orange-200-active:active,
	.bg-orange-200-hover:hover {
		background-color: $orange-200 !important;
	}
	.border-orange-200,
	.border-orange-200-active:active,
	.border-orange-200-hover:hover {
		border-color: $orange-200 !important;
	}

	/* ORANGE-100 */

	$orange-100: #43210e;
	.text-orange-100,
	.text-orange-100-active:active,
	.text-orange-100-hover:hover {
		color: $orange-100 !important;
	}
	.bg-orange-100,
	.bg-orange-100-active:active,
	.bg-orange-100-hover:hover {
		background-color: $orange-100 !important;
	}
	.border-orange-100,
	.border-orange-100-active:active,
	.border-orange-100-hover:hover {
		border-color: $orange-100 !important;
	}


	/* RED-1000 */

	$red-1000: #fff4f3;
	.text-red-1000,
	.text-red-1000-active:active,
	.text-red-1000-hover:hover {
		color: $red-1000 !important;
	}
	.bg-red-1000,
	.bg-red-1000-active:active,
	.bg-red-1000-hover:hover {
		background-color: $red-1000 !important;
	}
	.border-red-1000,
	.border-red-1000-active:active,
	.border-red-1000-hover:hover {
		border-color: $red-1000 !important;
	}

	/* RED-900 */

	$red-900: #ffe5e3;
	.text-red-900,
	.text-red-900-active:active,
	.text-red-900-hover:hover {
		color: $red-900 !important;
	}
	.bg-red-900,
	.bg-red-900-active:active,
	.bg-red-900-hover:hover {
		background-color: $red-900 !important;
	}
	.border-red-900,
	.border-red-900-active:active,
	.border-red-900-hover:hover {
		border-color: $red-900 !important;
	}

	/* RED-800 */

	$red-800: #ffc7c4;
	.text-red-800,
	.text-red-800-active:active,
	.text-red-800-hover:hover {
		color: $red-800 !important;
	}
	.bg-red-800,
	.bg-red-800-active:active,
	.bg-red-800-hover:hover {
		background-color: $red-800 !important;
	}
	.border-red-800,
	.border-red-800-active:active,
	.border-red-800-hover:hover {
		border-color: $red-800 !important;
	}

	/* RED-700 */

	$red-700: #fda4a0;
	.text-red-700,
	.text-red-700-active:active,
	.text-red-700-hover:hover {
		color: $red-700 !important;
	}
	.bg-red-700,
	.bg-red-700-active:active,
	.bg-red-700-hover:hover {
		background-color: $red-700 !important;
	}
	.border-red-700,
	.border-red-700-active:active,
	.border-red-700-hover:hover {
		border-color: $red-700 !important;
	}

	/* RED-600 */

	$red-600: #f78483;
	.text-red-600,
	.text-red-600-active:active,
	.text-red-600-hover:hover {
		color: $red-600 !important;
	}
	.bg-red-600,
	.bg-red-600-active:active,
	.bg-red-600-hover:hover {
		background-color: $red-600 !important;
	}
	.border-red-600,
	.border-red-600-active:active,
	.border-red-600-hover:hover {
		border-color: $red-600 !important;
	}

	/* RED-500 */

	$red-500: #eb555c;
	.text-red-500,
	.text-red-500-active:active,
	.text-red-500-hover:hover {
		color: $red-500 !important;
	}
	.bg-red-500,
	.bg-red-500-active:active,
	.bg-red-500-hover:hover {
		background-color: $red-500 !important;
	}
	.border-red-500,
	.border-red-500-active:active,
	.border-red-500-hover:hover {
		border-color: $red-500 !important;
	}

	/* RED-400 */

	$red-400: #da1c3d;
	.text-red-400,
	.text-red-400-active:active,
	.text-red-400-hover:hover {
		color: $red-400 !important;
	}
	.bg-red-400,
	.bg-red-400-active:active,
	.bg-red-400-hover:hover {
		background-color: $red-400 !important;
	}
	.border-red-400,
	.border-red-400-active:active,
	.border-red-400-hover:hover {
		border-color: $red-400 !important;
	}

	/* RED-300 */

	$red-300: #ad1f32;
	.text-red-300,
	.text-red-300-active:active,
	.text-red-300-hover:hover {
		color: $red-300 !important;
	}
	.bg-red-300,
	.bg-red-300-active:active,
	.bg-red-300-hover:hover {
		background-color: $red-300 !important;
	}
	.border-red-300,
	.border-red-300-active:active,
	.border-red-300-hover:hover {
		border-color: $red-300 !important;
	}

	/* RED-200 */

	$red-200: #821e27;
	.text-red-200,
	.text-red-200-active:active,
	.text-red-200-hover:hover {
		color: $red-200 !important;
	}
	.bg-red-200,
	.bg-red-200-active:active,
	.bg-red-200-hover:hover {
		background-color: $red-200 !important;
	}
	.border-red-200,
	.border-red-200-active:active,
	.border-red-200-hover:hover {
		border-color: $red-200 !important;
	}

	/* RED-100 */

	$red-100: #4d181a;
	.text-red-100,
	.text-red-100-active:active,
	.text-red-100-hover:hover {
		color: $red-100 !important;
	}
	.bg-red-100,
	.bg-red-100-active:active,
	.bg-red-100-hover:hover {
		background-color: $red-100 !important;
	}
	.border-red-100,
	.border-red-100-active:active,
	.border-red-100-hover:hover {
		border-color: $red-100 !important;
	}

	/* PURE-BLACK */

	$pure-black: #FFFFFF;
	.text-pure-black,
	.text-pure-black-active:active,
	.text-pure-black-hover:hover {
		color: $pure-black !important;
	}
	.bg-pure-black,
	.bg-pure-black-active:active,
	.bg-pure-black-hover:hover {
		background-color: $pure-black !important;
	}
	.border-pure-black,
	.border-pure-black-active:active,
	.border-pure-black-hover:hover {
		border-color: $pure-black !important;
	}

	/* OFF-BLACK */

	$off-black: #FFFFFF;
	.text-off-black,
	.text-off-black-active:active,
	.text-off-black-hover:hover {
		color: $off-black !important;
	}
	.bg-off-black,
	.bg-off-black-active:active,
	.bg-off-black-hover:hover {
		background-color: $off-black !important;
	}
	.border-off-black,
	.border-off-black-active:active,
	.border-off-black-hover:hover {
		border-color: $off-black !important;
	}

	/* PURE-WHITE */

	$pure-white: #151515;
	.text-pure-white,
	.text-pure-white-active:active,
	.text-pure-white-hover:hover {
		color: $pure-white !important;
	}
	.bg-pure-white,
	.bg-pure-white-active:active,
	.bg-pure-white-hover:hover {
		background-color: $pure-white !important;
	}
	.border-pure-white,
	.border-pure-white-active:active,
	.border-pure-white-hover:hover {
		border-color: $pure-white !important;
	}

	/* TRANSPARENT */

	$transparent: transparent;
	.text-transparent,
	.text-transparent-active:active,
	.text-transparent-hover:hover {
		color: $transparent !important;
	}
	.bg-transparent,
	.bg-transparent-active:active,
	.bg-transparent-hover:hover {
		background-color: $transparent !important;
	}
	.border-transparent,
	.border-transparent-active:active,
	.border-transparent-hover:hover {
		border-color: $transparent !important;
	}

	/* ALIASES */

	/* ACTION-INPUT-CONTROL-OFF-DEFAULT */

	$action-input-control-off-default: $gray-600;
	.action-input-control-off-default {
		background-color: $action-input-control-off-default !important;
	}

	/* ACTION-INPUT-CONTROL-OFF-HOVER */

	$action-input-control-off-hover: $gray-700;
	.action-input-control-off-hover:hover {
		background-color: $action-input-control-off-hover !important;
	}

	/* ACTION-INPUT-CONTROL-ON-DEFAULT */

	$action-input-control-on-default: $blue-900;
	.action-input-control-on-default {
		background-color: $action-input-control-on-default !important;
	}

	/* ACTION-INPUT-CONTROL-ON-HOVER */

	$action-input-control-on-hover: $blue-800;
	.action-input-control-on-hover:hover {
		background-color: $action-input-control-on-hover !important;
	}

	/* ACTION-PRIMARY-BRAND-DEFAULT */

	$action-primary-brand-default: $blue-700;
	.action-primary-brand-default {
		background-color: $action-primary-brand-default !important;
	}

	/* ACTION-PRIMARY-BRAND-HOVER */

	$action-primary-brand-hover: $blue-800;
	.action-primary-brand-hover:hover {
		background-color: $action-primary-brand-hover !important;
	}

	/* ACTION-PRIMARY-BRAND-ACTIVE */

	$action-primary-brand-active: $blue-900;
	.action-primary-brand-active:active {
		background-color: $action-primary-brand-active !important;
	}

	/* ACTION-PRIMARY-BRAND-SELECTED */

	$action-primary-brand-selected: $blue-900;
	.action-primary-brand-selected,
	.action-primary-brand-selected-active:active,
	.action-primary-brand-selected-hover:hover {
		background-color: $action-primary-brand-selected !important;
	}

	/* ACTION-PRIMARY-BRAND-FOCUS */

	$action-primary-brand-focus: $blue-900;

	/* ACTION-PRIMARY-DANGER-DEFAULT */

	$action-primary-danger-default: $red-700;
	.action-primary-danger-default {
		background-color: $action-primary-danger-default !important;
	}

	/* ACTION-PRIMARY-DANGER-HOVER */

	$action-primary-danger-hover: $red-800;
	.action-primary-danger-hover:hover {
		background-color: $action-primary-danger-hover !important;
	}

	/* ACTION-PRIMARY-DANGER-ACTIVE */

	$action-primary-danger-active: $red-900;
	.action-primary-danger-active:active {
		background-color: $action-primary-danger-active !important;
	}

	/* ACTION-PRIMARY-DANGER-SELECTED */

	$action-primary-danger-selected: $red-900;
	.action-primary-danger-selected,
	.action-primary-danger-selected-active:active,
	.action-primary-danger-selected-hover:hover {
		background-color: $action-primary-danger-selected !important;
	}

	/* ACTION-PRIMARY-DANGER-FOCUS */

	$action-primary-danger-focus: $red-900;

	/* ACTION-PRIMARY-INFORMATIONAL-DEFAULT */

	$action-primary-informational-default: $blue-700;
	.action-primary-informational-default {
		background-color: $action-primary-informational-default !important;
	}

	/* ACTION-PRIMARY-INFORMATIONAL-HOVER */

	$action-primary-informational-hover: $blue-800;
	.action-primary-informational-hover:hover {
		background-color: $action-primary-informational-hover !important;
	}

	/* ACTION-PRIMARY-INFORMATIONAL-ACTIVE */

	$action-primary-informational-active: $blue-900;
	.action-primary-informational-active:active {
		background-color: $action-primary-informational-active !important;
	}

	/* ACTION-PRIMARY-INFORMATIONAL-SELECTED */

	$action-primary-informational-selected: $blue-900;
	.action-primary-informational-selected,
	.action-primary-informational-selected-active:active,
	.action-primary-informational-selected-hover:hover {
		background-color: $action-primary-informational-selected !important;
	}

	/* ACTION-PRIMARY-INFORMATIONAL-FOCUS */

	$action-primary-informational-focus: $blue-900;

	/* ACTION-PRIMARY-SUCCESS-DEFAULT */

	$action-primary-success-default: $green-700;
	.action-primary-success-default {
		background-color: $action-primary-success-default !important;
	}

	/* ACTION-PRIMARY-SUCCESS-HOVER */

	$action-primary-success-hover: $green-800;
	.action-primary-success-hover:hover {
		background-color: $action-primary-success-hover !important;
	}

	/* ACTION-PRIMARY-SUCCESS-ACTIVE */

	$action-primary-success-active: $green-900;
	.action-primary-success-active:active {
		background-color: $action-primary-success-active !important;
	}

	/* ACTION-PRIMARY-SUCCESS-SELECTED */

	$action-primary-success-selected: $green-900;
	.action-primary-success-selected,
	.action-primary-success-selected-active:active,
	.action-primary-success-selected-hover:hover {
		background-color: $action-primary-success-selected !important;
	}

	/* ACTION-PRIMARY-SUCCESS-FOCUS */

	$action-primary-success-focus: $green-900;

	/* ACTION-PRIMARY-WARNING-DEFAULT */

	$action-primary-warning-default: $orange-700;
	.action-primary-warning-default {
		background-color: $action-primary-warning-default !important;
	}

	/* ACTION-PRIMARY-WARNING-HOVER */

	$action-primary-warning-hover: $orange-800;
	.action-primary-warning-hover:hover {
		background-color: $action-primary-warning-hover !important;
	}

	/* ACTION-PRIMARY-WARNING-ACTIVE */

	$action-primary-warning-active: $orange-900;
	.action-primary-warning-active:active {
		background-color: $action-primary-warning-active !important;
	}

	/* ACTION-PRIMARY-WARNING-SELECTED */

	$action-primary-warning-selected: $orange-900;
	.action-primary-warning-selected,
	.action-primary-warning-selected-active:active,
	.action-primary-warning-selected-hover:hover {
		background-color: $action-primary-warning-selected !important;
	}

	/* ACTION-PRIMARY-WARNING-FOCUS */

	$action-primary-warning-focus: $orange-900;

	/* ACTION-SECONDARY-BRAND-DEFAULT */

	$action-secondary-brand-default: $pure-white;
	.action-secondary-brand-default {
		background-color: $action-secondary-brand-default !important;
	}

	/* ACTION-SECONDARY-BRAND-HOVER */

	$action-secondary-brand-hover: $blue-200;
	.action-secondary-brand-hover:hover {
		background-color: $action-secondary-brand-hover !important;
	}

	/* ACTION-SECONDARY-BRAND-ACTIVE */

	$action-secondary-brand-active: $blue-300;
	.action-secondary-brand-active:active {
		background-color: $action-secondary-brand-active !important;
	}

	/* ACTION-SECONDARY-BRAND-SELECTED */

	$action-secondary-brand-selected: $blue-300;
	.action-secondary-brand-selected,
	.action-secondary-brand-selected-active:active,
	.action-secondary-brand-selected-hover:hover {
		background-color: $action-secondary-brand-selected !important;
	}

	/* ACTION-SECONDARY-DANGER-DEFAULT */

	$action-secondary-danger-default: $red-100;
	.action-secondary-danger-default {
		background-color: $action-secondary-danger-default !important;
	}

	/* ACTION-SECONDARY-DANGER-HOVER */

	$action-secondary-danger-hover: $red-200;
	.action-secondary-danger-hover:hover {
		background-color: $action-secondary-danger-hover !important;
	}

	/* ACTION-SECONDARY-DANGER-ACTIVE */

	$action-secondary-danger-active: $red-300;
	.action-secondary-danger-active:active {
		background-color: $action-secondary-danger-active !important;
	}

	/* ACTION-SECONDARY-DANGER-SELECTED */

	$action-secondary-danger-selected: $red-300;
	.action-secondary-danger-selected,
	.action-secondary-danger-selected-active:active,
	.action-secondary-danger-selected-hover:hover {
		background-color: $action-secondary-danger-selected !important;
	}

	/* ACTION-SECONDARY-GENERIC-DEFAULT */

	$action-secondary-generic-default: $pure-white;
	.action-secondary-generic-default {
		background-color: $action-secondary-generic-default !important;
	}

	/* ACTION-SECONDARY-GENERIC-HOVER */

	$action-secondary-generic-hover: $gray-200;
	.action-secondary-generic-hover:hover {
		background-color: $action-secondary-generic-hover !important;
	}

	/* ACTION-SECONDARY-GENERIC-ACTIVE */

	$action-secondary-generic-active: $gray-300;
	.action-secondary-generic-active:active {
		background-color: $action-secondary-generic-active !important;
	}

	/* ACTION-SECONDARY-GENERIC-SELECTED */

	$action-secondary-generic-selected: $gray-300;
	.action-secondary-generic-selected,
	.action-secondary-generic-selected-active:active,
	.action-secondary-generic-selected-hover:hover {
		background-color: $action-secondary-generic-selected !important;
	}

	/* ACTION-SECONDARY-INFORMATIONAL-DEFAULT */

	$action-secondary-informational-default: $blue-100;
	.action-secondary-informational-default {
		background-color: $action-secondary-informational-default !important;
	}

	/* ACTION-SECONDARY-INFORMATIONAL-HOVER */

	$action-secondary-informational-hover: $blue-200;
	.action-secondary-informational-hover:hover {
		background-color: $action-secondary-informational-hover !important;
	}

	/* ACTION-SECONDARY-INFORMATIONAL-ACTIVE */

	$action-secondary-informational-active: $blue-300;
	.action-secondary-informational-active:active {
		background-color: $action-secondary-informational-active !important;
	}

	/* ACTION-SECONDARY-INFORMATIONAL-SELECTED */

	$action-secondary-informational-selected: $blue-300;
	.action-secondary-informational-selected,
	.action-secondary-informational-selected-active:active,
	.action-secondary-informational-selected-hover:hover {
		background-color: $action-secondary-informational-selected !important;
	}

	/* ACTION-SECONDARY-SUCCESS-DEFAULT */

	$action-secondary-success-default: $green-100;
	.action-secondary-success-default {
		background-color: $action-secondary-success-default !important;
	}

	/* ACTION-SECONDARY-SUCCESS-HOVER */

	$action-secondary-success-hover: $green-200;
	.action-secondary-success-hover:hover {
		background-color: $action-secondary-success-hover !important;
	}

	/* ACTION-SECONDARY-SUCCESS-ACTIVE */

	$action-secondary-success-active: $green-300;
	.action-secondary-success-active:active {
		background-color: $action-secondary-success-active !important;
	}

	/* ACTION-SECONDARY-SUCCESS-SELECTED */

	$action-secondary-success-selected: $green-300;
	.action-secondary-success-selected,
	.action-secondary-success-selected-active:active,
	.action-secondary-success-selected-hover:hover {
		background-color: $action-secondary-success-selected !important;
	}

	/* ACTION-SECONDARY-WARNING-DEFAULT */

	$action-secondary-warning-default: $orange-100;
	.action-secondary-warning-default {
		background-color: $action-secondary-warning-default !important;
	}

	/* ACTION-SECONDARY-WARNING-HOVER */

	$action-secondary-warning-hover: $orange-200;
	.action-secondary-warning-hover:hover {
		background-color: $action-secondary-warning-hover !important;
	}

	/* ACTION-SECONDARY-WARNING-ACTIVE */

	$action-secondary-warning-active: $orange-300;
	.action-secondary-warning-active:active {
		background-color: $action-secondary-warning-active !important;
	}

	/* ACTION-SECONDARY-WARNING-SELECTED */

	$action-secondary-warning-selected: $orange-300;
	.action-secondary-warning-selected,
	.action-secondary-warning-selected-active:active,
	.action-secondary-warning-selected-hover:hover {
		background-color: $action-secondary-warning-selected !important;
	}

	/* ACTION-TERTIARY-BRAND-DEFAULT */

	$action-tertiary-brand-default: $pure-white;
	.action-tertiary-brand-default {
		background-color: $action-tertiary-brand-default !important;
	}

	/* ACTION-TERTIARY-BRAND-HOVER */

	$action-tertiary-brand-hover: $blue-200;
	.action-tertiary-brand-hover:hover {
		background-color: $action-tertiary-brand-hover !important;
	}

	/* ACTION-TERTIARY-BRAND-ACTIVE */

	$action-tertiary-brand-active: $blue-300;
	.action-tertiary-brand-active:active {
		background-color: $action-tertiary-brand-active !important;
	}

	/* ACTION-TERTIARY-BRAND-SELECTED */

	$action-tertiary-brand-selected: $blue-300;
	.action-tertiary-brand-selected,
	.action-tertiary-brand-selected-active:active,
	.action-tertiary-brand-selected-hover:hover {
		background-color: $action-tertiary-brand-selected !important;
	}

	/* ACTION-TERTIARY-GENERIC-DEFAULT */

	$action-tertiary-generic-default: $pure-white;
	.action-tertiary-generic-default {
		background-color: $action-tertiary-generic-default !important;
	}

	/* ACTION-TERTIARY-GENERIC-HOVER */

	$action-tertiary-generic-hover: $gray-200;
	.action-tertiary-generic-hover:hover {
		background-color: $action-tertiary-generic-hover !important;
	}

	/* ACTION-TERTIARY-GENERIC-ACTIVE */

	$action-tertiary-generic-active: $gray-300;
	.action-tertiary-generic-active:active {
		background-color: $action-tertiary-generic-active !important;
	}

	/* ACTION-TERTIARY-GENERIC-SELECTED */

	$action-tertiary-generic-selected: $gray-300;
	.action-tertiary-generic-selected,
	.action-tertiary-generic-selected-active:active,
	.action-tertiary-generic-selected-hover:hover {
		background-color: $action-tertiary-generic-selected !important;
	}

	/* BACKGROUND-GENERIC-PRIMARY */

	$background-generic-primary: $pure-white;
	.background-generic-primary,
	.background-generic-primary-active:active,
	.background-generic-primary-hover:hover {
		background-color: $background-generic-primary !important;
	}

	/* BACKGROUND-GENERIC-SECONDARY */

	$background-generic-secondary: $gray-100;
	.background-generic-secondary,
	.background-generic-secondary-active:active,
	.background-generic-secondary-hover:hover {
		background-color: $background-generic-secondary !important;
	}

	/* BACKGROUND-GENERIC-TERTIARY */

	$background-generic-tertiary: $gray-200;
	.background-generic-tertiary,
	.background-generic-tertiary-active:active,
	.background-generic-tertiary-hover:hover {
		background-color: $background-generic-tertiary !important;
	}

	/* BACKGROUND-GENERIC-QUATERNARY */

	$background-generic-quaternary: $gray-300;
	.background-generic-quaternary,
	.background-generic-quaternary-active:active,
	.background-generic-quaternary-hover:hover {
		background-color: $background-generic-quaternary !important;
	}

	/* BACKGROUND-GENERIC-QUINARY */

	$background-generic-quinary: $gray-400;
	.background-generic-quinary,
	.background-generic-quinary-active:active,
	.background-generic-quinary-hover:hover {
		background-color: $background-generic-quinary !important;
	}

	/* BACKGROUND-GENERIC-TRANSPARENT */

	$background-generic-transparent: $transparent;
	.background-generic-transparent,
	.background-generic-transparent-active:active,
	.background-generic-transparent-hover:hover {
		background-color: $background-generic-transparent !important;
	}

	/* BACKGROUND-GENERIC-OVERLAY */

	$background-generic-overlay: $pure-black;
	.background-generic-overlay,
	.background-generic-overlay-active:active,
	.background-generic-overlay-hover:hover {
		background-color: $background-generic-overlay !important;
	}

	/* BACKGROUND-INPUT-DEFAULT */

	$background-input-default: $gray-100;
	.background-input-default {
		background-color: $background-input-default !important;
	}

	/* BACKGROUND-INPUT-HOVER */

	$background-input-hover: $gray-200;
	.background-input-hover:hover {
		background-color: $background-input-hover !important;
	}

	/* BACKGROUND-INPUT-ACTIVE */

	$background-input-active: $gray-100;
	.background-input-active:active {
		background-color: $background-input-active !important;
	}

	/* BORDER-BRAND-DEFAULT */

	$border-brand-default: $blue-700;
	.border-brand-default {
		border-color: $border-brand-default !important;
	}

	/* BORDER-BRAND-HOVER */

	$border-brand-hover: $blue-800;
	.border-brand-hover:hover {
		border-color: $border-brand-hover !important;
	}

	/* BORDER-BRAND-ACTIVE */

	$border-brand-active: $blue-900;
	.border-brand-active:active {
		border-color: $border-brand-active !important;
	}

	/* BORDER-BRAND-SELECTED */

	$border-brand-selected: $blue-900;
	.border-brand-selected,
	.border-brand-selected-active:active,
	.border-brand-selected-hover:hover {
		border-color: $border-brand-selected !important;
	}

	/* BORDER-DANGER-DEFAULT */

	$border-danger-default: $red-700;
	.border-danger-default {
		border-color: $border-danger-default !important;
	}

	/* BORDER-DANGER-HOVER */

	$border-danger-hover: $red-800;
	.border-danger-hover:hover {
		border-color: $border-danger-hover !important;
	}

	/* BORDER-DANGER-ACTIVE */

	$border-danger-active: $red-900;
	.border-danger-active:active {
		border-color: $border-danger-active !important;
	}

	/* BORDER-DANGER-SELECTED */

	$border-danger-selected: $red-900;
	.border-danger-selected,
	.border-danger-selected-active:active,
	.border-danger-selected-hover:hover {
		border-color: $border-danger-selected !important;
	}

	/* BORDER-GENERIC-DEFAULT */

	$border-generic-default: $gray-500;
	.border-generic-default {
		border-color: $border-generic-default !important;
	}

	/* BORDER-GENERIC-HOVER */

	$border-generic-hover: $gray-700;
	.border-generic-hover:hover {
		border-color: $border-generic-hover !important;
	}

	/* BORDER-GENERIC-ACTIVE */

	$border-generic-active: $gray-900;
	.border-generic-active:active {
		border-color: $border-generic-active !important;
	}

	/* BORDER-GENERIC-INVERSE */

	$border-generic-inverse: $pure-white;
	.border-generic-inverse,
	.border-generic-inverse-active:active,
	.border-generic-inverse-hover:hover {
		border-color: $border-generic-inverse !important;
	}

	/* BORDER-GENERIC-SELECTED */

	$border-generic-selected: $gray-900;
	.border-generic-selected,
	.border-generic-selected-active:active,
	.border-generic-selected-hover:hover {
		border-color: $border-generic-selected !important;
	}

	/* BORDER-GENERIC-TRANSPARENT */

	$border-generic-transparent: $transparent;
	.border-generic-transparent,
	.border-generic-transparent-active:active,
	.border-generic-transparent-hover:hover {
		border-color: $border-generic-transparent !important;
	}

	/* BORDER-INFORMATIONAL-DEFAULT */

	$border-informational-default: $blue-700;
	.border-informational-default {
		border-color: $border-informational-default !important;
	}

	/* BORDER-INFORMATIONAL-HOVER */

	$border-informational-hover: $blue-800;
	.border-informational-hover:hover {
		border-color: $border-informational-hover !important;
	}

	/* BORDER-INFORMATIONAL-ACTIVE */

	$border-informational-active: $blue-900;
	.border-informational-active:active {
		border-color: $border-informational-active !important;
	}

	/* BORDER-INFORMATIONAL-SELECTED */

	$border-informational-selected: $blue-900;
	.border-informational-selected,
	.border-informational-selected-active:active,
	.border-informational-selected-hover:hover {
		border-color: $border-informational-selected !important;
	}

	/* BORDER-SUCCESS-DEFAULT */

	$border-success-default: $green-700;
	.border-success-default {
		border-color: $border-success-default !important;
	}

	/* BORDER-SUCCESS-HOVER */

	$border-success-hover: $green-800;
	.border-success-hover:hover {
		border-color: $border-success-hover !important;
	}

	/* BORDER-SUCCESS-ACTIVE */

	$border-success-active: $green-900;
	.border-success-active:active {
		border-color: $border-success-active !important;
	}

	/* BORDER-SUCCESS-SELECTED */

	$border-success-selected: $green-900;
	.border-success-selected,
	.border-success-selected-active:active,
	.border-success-selected-hover:hover {
		border-color: $border-success-selected !important;
	}

	/* BORDER-WARNING-DEFAULT */

	$border-warning-default: $orange-700;
	.border-warning-default {
		border-color: $border-warning-default !important;
	}

	/* BORDER-WARNING-HOVER */

	$border-warning-hover: $orange-800;
	.border-warning-hover:hover {
		border-color: $border-warning-hover !important;
	}

	/* BORDER-WARNING-ACTIVE */

	$border-warning-active: $orange-900;
	.border-warning-active:active {
		border-color: $border-warning-active !important;
	}

	/* BORDER-WARNING-SELECTED */

	$border-warning-selected: $orange-900;
	.border-warning-selected,
	.border-warning-selected-active:active,
	.border-warning-selected-hover:hover {
		border-color: $border-warning-selected !important;
	}

	/* DIVIDER-GENERIC-PRIMARY */

	$divider-generic-primary: $gray-200;
	.divider-generic-primary,
	.divider-generic-primary-active:active,
	.divider-generic-primary-hover:hover {
		border-color: $divider-generic-primary !important;
	}

	/* DIVIDER-GENERIC-SECONDARY */

	$divider-generic-secondary: $gray-300;
	.divider-generic-secondary,
	.divider-generic-secondary-active:active,
	.divider-generic-secondary-hover:hover {
		border-color: $divider-generic-secondary !important;
	}

	/* DIVIDER-GENERIC-TERTIARY */

	$divider-generic-tertiary: $gray-400;
	.divider-generic-tertiary,
	.divider-generic-tertiary-active:active,
	.divider-generic-tertiary-hover:hover {
		border-color: $divider-generic-tertiary !important;
	}

	/* TEXT-BRAND-DEFAULT */

	$text-brand-default: $blue-700;
	.text-brand-default {
		color: $text-brand-default !important;
	}

	/* TEXT-BRAND-HOVER */

	$text-brand-hover: $blue-800;
	.text-brand-hover:hover {
		color: $text-brand-hover !important;
	}

	/* TEXT-BRAND-ACTIVE */

	$text-brand-active: $blue-900;
	.text-brand-active:active {
		color: $text-brand-active !important;
	}

	/* TEXT-BRAND-SELECTED */

	$text-brand-selected: $blue-900;
	.text-brand-selected,
	.text-brand-selected-active:active,
	.text-brand-selected-hover:hover {
		color: $text-brand-selected !important;
	}

	/* TEXT-DANGER-DEFAULT */

	$text-danger-default: $red-700;
	.text-danger-default {
		color: $text-danger-default !important;
	}

	/* TEXT-DANGER-HOVER */

	$text-danger-hover: $red-800;
	.text-danger-hover:hover {
		color: $text-danger-hover !important;
	}

	/* TEXT-DANGER-ACTIVE */

	$text-danger-active: $red-900;
	.text-danger-active:active {
		color: $text-danger-active !important;
	}

	/* TEXT-DANGER-SELECTED */

	$text-danger-selected: $red-900;
	.text-danger-selected,
	.text-danger-selected-active:active,
	.text-danger-selected-hover:hover {
		color: $text-danger-selected !important;
	}

	/* TEXT-GENERIC-PRIMARY */

	$text-generic-primary: $gray-1000;
	.text-generic-primary,
	.text-generic-primary-active:active,
	.text-generic-primary-hover:hover {
		color: $text-generic-primary !important;
	}

	/* TEXT-GENERIC-SECONDARY */

	$text-generic-secondary: $gray-900;
	.text-generic-secondary,
	.text-generic-secondary-active:active,
	.text-generic-secondary-hover:hover {
		color: $text-generic-secondary !important;
	}

	/* TEXT-GENERIC-TERTIARY */

	$text-generic-tertiary: $gray-800;
	.text-generic-tertiary,
	.text-generic-tertiary-active:active,
	.text-generic-tertiary-hover:hover {
		color: $text-generic-tertiary !important;
	}

	/* TEXT-GENERIC-QUATERNARY */

	$text-generic-quaternary: $gray-700;
	.text-generic-quaternary,
	.text-generic-quaternary-active:active,
	.text-generic-quaternary-hover:hover {
		color: $text-generic-quaternary !important;
	}

	/* TEXT-GENERIC-QUINARY */

	$text-generic-quinary: $gray-600;
	.text-generic-quinary,
	.text-generic-quinary-active:active,
	.text-generic-quinary-hover:hover {
		color: $text-generic-quinary !important;
	}

	/* TEXT-GENERIC-INVERSE */

	$text-generic-inverse: $pure-white;
	.text-generic-inverse,
	.text-generic-inverse-active:active,
	.text-generic-inverse-hover:hover {
		color: $text-generic-inverse !important;
	}

	/* TEXT-INFORMATIONAL-DEFAULT */

	$text-informational-default: $blue-700;
	.text-informational-default {
		color: $text-informational-default !important;
	}

	/* TEXT-INFORMATIONAL-HOVER */

	$text-informational-hover: $blue-800;
	.text-informational-hover:hover {
		color: $text-informational-hover !important;
	}

	/* TEXT-INFORMATIONAL-ACTIVE */

	$text-informational-active: $blue-900;
	.text-informational-active:active {
		color: $text-informational-active !important;
	}

	/* TEXT-INFORMATIONAL-SELECTED */

	$text-informational-selected: $blue-900;
	.text-informational-selected,
	.text-informational-selected-active:active,
	.text-informational-selected-hover:hover {
		color: $text-informational-selected !important;
	}

	/* TEXT-INPUT-BODY */

	$text-input-body: $gray-1000;
	.text-input-body,
	.text-input-body-active:active,
	.text-input-body-hover:hover {
		color: $text-input-body !important;
	}

	/* TEXT-INPUT-LABEL */

	$text-input-label: $gray-900;
	.text-input-label,
	.text-input-label-active:active,
	.text-input-label-hover:hover {
		color: $text-input-label !important;
	}

	/* TEXT-INPUT-HELPER */

	$text-input-helper: $gray-800;
	.text-input-helper,
	.text-input-helper-active:active,
	.text-input-helper-hover:hover {
		color: $text-input-helper !important;
	}

	/* TEXT-SUCCESS-DEFAULT */

	$text-success-default: $green-700;
	.text-success-default {
		color: $text-success-default !important;
	}

	/* TEXT-SUCCESS-HOVER */

	$text-success-hover: $green-800;
	.text-success-hover:hover {
		color: $text-success-hover !important;
	}

	/* TEXT-SUCCESS-ACTIVE */

	$text-success-active: $green-900;
	.text-success-active:active {
		color: $text-success-active !important;
	}

	/* TEXT-SUCCESS-SELECTED */

	$text-success-selected: $green-900;
	.text-success-selected,
	.text-success-selected-active:active,
	.text-success-selected-hover:hover {
		color: $text-success-selected !important;
	}

	/* TEXT-WARNING-DEFAULT */

	$text-warning-default: $orange-700;
	.text-warning-default {
		color: $text-warning-default !important;
	}

	/* TEXT-WARNING-HOVER */

	$text-warning-hover: $orange-800;
	.text-warning-hover:hover {
		color: $text-warning-hover !important;
	}

	/* TEXT-WARNING-ACTIVE */

	$text-warning-active: $orange-900;
	.text-warning-active:active {
		color: $text-warning-active !important;
	}

	/* TEXT-WARNING-SELECTED */

	$text-warning-selected: $orange-900;
	.text-warning-selected,
	.text-warning-selected-active:active,
	.text-warning-selected-hover:hover {
		color: $text-warning-selected !important;
	}

	/* COLOR UTILS */

	$disabled-opacity: 0.4;

	.disabled, .disabled-item {
		opacity: $disabled-opacity !important;
	}

	$focus-box-shadow: 0 0 0 2px $pure-white, 0 0 0 4px $action-primary-brand-focus;

	$error-box-shadow: 0 0 0 2px $pure-white, 0 0 0 4px $action-primary-danger-focus;

}