:root {
	/* WHITE MODE */

	/* BASE COLORS */

	/* BLUE-100 */

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

	/* BLUE-200 */

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

	/* BLUE-300 */

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

	/* BLUE-400 */

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

	/* BLUE-500 */

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

	/* BLUE-600 */

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

	/* BLUE-700 */

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

	/* BLUE-800 */

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

	/* BLUE-900 */

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

	/* BLUE-1000 */

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


	/* GRAY-100 */

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

	/* GRAY-200 */

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

	/* GRAY-300 */

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

	/* GRAY-400 */

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

	/* GRAY-500 */

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

	/* GRAY-600 */

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

	/* GRAY-700 */

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

	/* GRAY-800 */

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

	/* GRAY-900 */

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

	/* GRAY-1000 */

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


	/* GREEN-100 */

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

	/* GREEN-200 */

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

	/* GREEN-300 */

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

	/* GREEN-400 */

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

	/* GREEN-500 */

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

	/* GREEN-600 */

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

	/* GREEN-700 */

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

	/* GREEN-800 */

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

	/* GREEN-900 */

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

	/* GREEN-1000 */

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


	/* ORANGE-100 */

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

	/* ORANGE-200 */

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

	/* ORANGE-300 */

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

	/* ORANGE-400 */

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

	/* ORANGE-500 */

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

	/* ORANGE-600 */

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

	/* ORANGE-700 */

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

	/* ORANGE-800 */

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

	/* ORANGE-900 */

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

	/* ORANGE-1000 */

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


	/* RED-100 */

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

	/* RED-200 */

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

	/* RED-300 */

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

	/* RED-400 */

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

	/* RED-500 */

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

	/* RED-600 */

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

	/* RED-700 */

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

	/* RED-800 */

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

	/* RED-900 */

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

	/* RED-1000 */

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

	/* PURE-BLACK */

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

	/* OFF-BLACK */

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

	/* PURE-WHITE */

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

	/* TRANSPARENT */

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

	/* ALIASES */

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

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

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

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

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

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

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

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

	/* ACTION-PRIMARY-BRAND-DEFAULT */

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

	/* ACTION-PRIMARY-BRAND-HOVER */

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

	/* ACTION-PRIMARY-BRAND-ACTIVE */

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

	/* ACTION-PRIMARY-BRAND-SELECTED */

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

	/* ACTION-PRIMARY-BRAND-FOCUS */

	--action-primary-brand-focus: var(--blue-900);

	/* ACTION-PRIMARY-DANGER-DEFAULT */

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

	/* ACTION-PRIMARY-DANGER-HOVER */

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

	/* ACTION-PRIMARY-DANGER-ACTIVE */

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

	/* ACTION-PRIMARY-DANGER-SELECTED */

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

	/* ACTION-PRIMARY-DANGER-FOCUS */

	--action-primary-danger-focus: var(--red-900);

	/* ACTION-PRIMARY-INFORMATIONAL-DEFAULT */

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

	/* ACTION-PRIMARY-INFORMATIONAL-HOVER */

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

	/* ACTION-PRIMARY-INFORMATIONAL-ACTIVE */

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

	/* ACTION-PRIMARY-INFORMATIONAL-SELECTED */

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

	/* ACTION-PRIMARY-INFORMATIONAL-FOCUS */

	--action-primary-informational-focus: var(--blue-900);

	/* ACTION-PRIMARY-SUCCESS-DEFAULT */

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

	/* ACTION-PRIMARY-SUCCESS-HOVER */

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

	/* ACTION-PRIMARY-SUCCESS-ACTIVE */

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

	/* ACTION-PRIMARY-SUCCESS-SELECTED */

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

	/* ACTION-PRIMARY-SUCCESS-FOCUS */

	--action-primary-success-focus: var(--green-900);

	/* ACTION-PRIMARY-WARNING-DEFAULT */

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

	/* ACTION-PRIMARY-WARNING-HOVER */

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

	/* ACTION-PRIMARY-WARNING-ACTIVE */

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

	/* ACTION-PRIMARY-WARNING-SELECTED */

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

	/* ACTION-PRIMARY-WARNING-FOCUS */

	--action-primary-warning-focus: var(--orange-900);

	/* ACTION-SECONDARY-BRAND-DEFAULT */

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

	/* ACTION-SECONDARY-BRAND-HOVER */

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

	/* ACTION-SECONDARY-BRAND-ACTIVE */

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

	/* ACTION-SECONDARY-BRAND-SELECTED */

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

	/* ACTION-SECONDARY-DANGER-DEFAULT */

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

	/* ACTION-SECONDARY-DANGER-HOVER */

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

	/* ACTION-SECONDARY-DANGER-ACTIVE */

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

	/* ACTION-SECONDARY-DANGER-SELECTED */

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

	/* ACTION-SECONDARY-GENERIC-DEFAULT */

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

	/* ACTION-SECONDARY-GENERIC-HOVER */

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

	/* ACTION-SECONDARY-GENERIC-ACTIVE */

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

	/* ACTION-SECONDARY-GENERIC-SELECTED */

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

	/* ACTION-SECONDARY-INFORMATIONAL-DEFAULT */

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

	/* ACTION-SECONDARY-INFORMATIONAL-HOVER */

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

	/* ACTION-SECONDARY-INFORMATIONAL-ACTIVE */

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

	/* ACTION-SECONDARY-INFORMATIONAL-SELECTED */

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

	/* ACTION-SECONDARY-SUCCESS-DEFAULT */

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

	/* ACTION-SECONDARY-SUCCESS-HOVER */

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

	/* ACTION-SECONDARY-SUCCESS-ACTIVE */

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

	/* ACTION-SECONDARY-SUCCESS-SELECTED */

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

	/* ACTION-SECONDARY-WARNING-DEFAULT */

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

	/* ACTION-SECONDARY-WARNING-HOVER */

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

	/* ACTION-SECONDARY-WARNING-ACTIVE */

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

	/* ACTION-SECONDARY-WARNING-SELECTED */

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

	/* ACTION-TERTIARY-BRAND-DEFAULT */

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

	/* ACTION-TERTIARY-BRAND-HOVER */

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

	/* ACTION-TERTIARY-BRAND-ACTIVE */

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

	/* ACTION-TERTIARY-BRAND-SELECTED */

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

	/* ACTION-TERTIARY-GENERIC-DEFAULT */

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

	/* ACTION-TERTIARY-GENERIC-HOVER */

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

	/* ACTION-TERTIARY-GENERIC-ACTIVE */

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

	/* ACTION-TERTIARY-GENERIC-SELECTED */

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

	/* BACKGROUND-GENERIC-PRIMARY */

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

	/* BACKGROUND-GENERIC-SECONDARY */

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

	/* BACKGROUND-GENERIC-TERTIARY */

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

	/* BACKGROUND-GENERIC-QUATERNARY */

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

	/* BACKGROUND-GENERIC-QUINARY */

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

	/* BACKGROUND-GENERIC-TRANSPARENT */

	--background-generic-transparent: var(--transparent);
	.background-generic-transparent,
	.background-generic-transparent-active:active,
	.background-generic-transparent-hover:hover {
		background-color: var(--background-generic-transparent) !important;
	}

	/* BACKGROUND-GENERIC-OVERLAY */

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

	/* BACKGROUND-INPUT-DEFAULT */

	--background-input-default: var(--gray-100);
	.background-input-default {
		background-color: var(--background-input-default) !important;
	}

	/* BACKGROUND-INPUT-HOVER */

	--background-input-hover: var(--gray-200);
	.background-input-hover:hover {
		background-color: var(--background-input-hover) !important;
	}

	/* BACKGROUND-INPUT-ACTIVE */

	--background-input-active: var(--gray-100);
	.background-input-active:active {
		background-color: var(--background-input-active) !important;
	}

	/* BORDER-BRAND-DEFAULT */

	--border-brand-default: var(--blue-700);
	.border-brand-default {
		border-color: var(--border-brand-default) !important;
	}

	/* BORDER-BRAND-HOVER */

	--border-brand-hover: var(--blue-800);
	.border-brand-hover:hover {
		border-color: var(--border-brand-hover) !important;
	}

	/* BORDER-BRAND-ACTIVE */

	--border-brand-active: var(--blue-900);
	.border-brand-active:active {
		border-color: var(--border-brand-active) !important;
	}

	/* BORDER-BRAND-SELECTED */

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

	/* BORDER-DANGER-DEFAULT */

	--border-danger-default: var(--red-700);
	.border-danger-default {
		border-color: var(--border-danger-default) !important;
	}

	/* BORDER-DANGER-HOVER */

	--border-danger-hover: var(--red-800);
	.border-danger-hover:hover {
		border-color: var(--border-danger-hover) !important;
	}

	/* BORDER-DANGER-ACTIVE */

	--border-danger-active: var(--red-900);
	.border-danger-active:active {
		border-color: var(--border-danger-active) !important;
	}

	/* BORDER-DANGER-SELECTED */

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

	/* BORDER-GENERIC-DEFAULT */

	--border-generic-default: var(--gray-500);
	.border-generic-default {
		border-color: var(--border-generic-default) !important;
	}

	/* BORDER-GENERIC-HOVER */

	--border-generic-hover: var(--gray-700);
	.border-generic-hover:hover {
		border-color: var(--border-generic-hover) !important;
	}

	/* BORDER-GENERIC-ACTIVE */

	--border-generic-active: var(--gray-900);
	.border-generic-active:active {
		border-color: var(--border-generic-active) !important;
	}

	/* BORDER-GENERIC-INVERSE */

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

	/* BORDER-GENERIC-SELECTED */

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

	/* BORDER-GENERIC-TRANSPARENT */

	--border-generic-transparent: var(--transparent);
	.border-generic-transparent,
	.border-generic-transparent-active:active,
	.border-generic-transparent-hover:hover {
		border-color: var(--border-generic-transparent) !important;
	}

	/* BORDER-INFORMATIONAL-DEFAULT */

	--border-informational-default: var(--blue-700);
	.border-informational-default {
		border-color: var(--border-informational-default) !important;
	}

	/* BORDER-INFORMATIONAL-HOVER */

	--border-informational-hover: var(--blue-800);
	.border-informational-hover:hover {
		border-color: var(--border-informational-hover) !important;
	}

	/* BORDER-INFORMATIONAL-ACTIVE */

	--border-informational-active: var(--blue-900);
	.border-informational-active:active {
		border-color: var(--border-informational-active) !important;
	}

	/* BORDER-INFORMATIONAL-SELECTED */

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

	/* BORDER-SUCCESS-DEFAULT */

	--border-success-default: var(--green-700);
	.border-success-default {
		border-color: var(--border-success-default) !important;
	}

	/* BORDER-SUCCESS-HOVER */

	--border-success-hover: var(--green-800);
	.border-success-hover:hover {
		border-color: var(--border-success-hover) !important;
	}

	/* BORDER-SUCCESS-ACTIVE */

	--border-success-active: var(--green-900);
	.border-success-active:active {
		border-color: var(--border-success-active) !important;
	}

	/* BORDER-SUCCESS-SELECTED */

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

	/* BORDER-WARNING-DEFAULT */

	--border-warning-default: var(--orange-700);
	.border-warning-default {
		border-color: var(--border-warning-default) !important;
	}

	/* BORDER-WARNING-HOVER */

	--border-warning-hover: var(--orange-800);
	.border-warning-hover:hover {
		border-color: var(--border-warning-hover) !important;
	}

	/* BORDER-WARNING-ACTIVE */

	--border-warning-active: var(--orange-900);
	.border-warning-active:active {
		border-color: var(--border-warning-active) !important;
	}

	/* BORDER-WARNING-SELECTED */

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

	/* DIVIDER-GENERIC-PRIMARY */

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

	/* DIVIDER-GENERIC-SECONDARY */

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

	/* DIVIDER-GENERIC-TERTIARY */

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

	/* TEXT-BRAND-DEFAULT */

	--text-brand-default: var(--blue-700);
	.text-brand-default {
		color: var(--text-brand-default) !important;
	}

	/* TEXT-BRAND-HOVER */

	--text-brand-hover: var(--blue-800);
	.text-brand-hover:hover {
		color: var(--text-brand-hover) !important;
	}

	/* TEXT-BRAND-ACTIVE */

	--text-brand-active: var(--blue-900);
	.text-brand-active:active {
		color: var(--text-brand-active) !important;
	}

	/* TEXT-BRAND-SELECTED */

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

	/* TEXT-DANGER-DEFAULT */

	--text-danger-default: var(--red-700);
	.text-danger-default {
		color: var(--text-danger-default) !important;
	}

	/* TEXT-DANGER-HOVER */

	--text-danger-hover: var(--red-800);
	.text-danger-hover:hover {
		color: var(--text-danger-hover) !important;
	}

	/* TEXT-DANGER-ACTIVE */

	--text-danger-active: var(--red-900);
	.text-danger-active:active {
		color: var(--text-danger-active) !important;
	}

	/* TEXT-DANGER-SELECTED */

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

	/* TEXT-GENERIC-PRIMARY */

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

	/* TEXT-GENERIC-SECONDARY */

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

	/* TEXT-GENERIC-TERTIARY */

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

	/* TEXT-GENERIC-QUATERNARY */

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

	/* TEXT-GENERIC-QUINARY */

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

	/* TEXT-GENERIC-INVERSE */

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

	/* TEXT-INFORMATIONAL-DEFAULT */

	--text-informational-default: var(--blue-700);
	.text-informational-default {
		color: var(--text-informational-default) !important;
	}

	/* TEXT-INFORMATIONAL-HOVER */

	--text-informational-hover: var(--blue-800);
	.text-informational-hover:hover {
		color: var(--text-informational-hover) !important;
	}

	/* TEXT-INFORMATIONAL-ACTIVE */

	--text-informational-active: var(--blue-900);
	.text-informational-active:active {
		color: var(--text-informational-active) !important;
	}

	/* TEXT-INFORMATIONAL-SELECTED */

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

	/* TEXT-INPUT-BODY */

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

	/* TEXT-INPUT-LABEL */

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

	/* TEXT-INPUT-HELPER */

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

	/* TEXT-SUCCESS-DEFAULT */

	--text-success-default: var(--green-700);
	.text-success-default {
		color: var(--text-success-default) !important;
	}

	/* TEXT-SUCCESS-HOVER */

	--text-success-hover: var(--green-800);
	.text-success-hover:hover {
		color: var(--text-success-hover) !important;
	}

	/* TEXT-SUCCESS-ACTIVE */

	--text-success-active: var(--green-900);
	.text-success-active:active {
		color: var(--text-success-active) !important;
	}

	/* TEXT-SUCCESS-SELECTED */

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

	/* TEXT-WARNING-DEFAULT */

	--text-warning-default: var(--orange-700);
	.text-warning-default {
		color: var(--text-warning-default) !important;
	}

	/* TEXT-WARNING-HOVER */

	--text-warning-hover: var(--orange-800);
	.text-warning-hover:hover {
		color: var(--text-warning-hover) !important;
	}

	/* TEXT-WARNING-ACTIVE */

	--text-warning-active: var(--orange-900);
	.text-warning-active:active {
		color: var(--text-warning-active) !important;
	}

	/* TEXT-WARNING-SELECTED */

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

	/* COLOR UTILS */

	--disabled-opacity: 0.4;

	.disabled, .disabled-item {
		opacity: var(--disabled-opacity) !important;
	}

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

	--error-box-shadow: 0 0 0 2px var(--pure-white), 0 0 0 4px var(--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: var(--blue-1000) !important;
	}
	.bg-blue-1000,
	.bg-blue-1000-active:active,
	.bg-blue-1000-hover:hover {
		background-color: var(--blue-1000) !important;
	}
	.border-blue-1000,
	.border-blue-1000-active:active,
	.border-blue-1000-hover:hover {
		border-color: var(--blue-1000) !important;
	}

	/* BLUE-900 */

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

	/* BLUE-800 */

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

	/* BLUE-700 */

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

	/* BLUE-600 */

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

	/* BLUE-500 */

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

	/* BLUE-400 */

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

	/* BLUE-300 */

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

	/* BLUE-200 */

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

	/* BLUE-100 */

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


	/* GRAY-1000 */

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

	/* GRAY-900 */

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

	/* GRAY-800 */

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

	/* GRAY-700 */

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

	/* GRAY-600 */

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

	/* GRAY-500 */

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

	/* GRAY-400 */

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

	/* GRAY-300 */

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

	/* GRAY-200 */

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

	/* GRAY-100 */

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


	/* GREEN-1000 */

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

	/* GREEN-900 */

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

	/* GREEN-800 */

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

	/* GREEN-700 */

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

	/* GREEN-600 */

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

	/* GREEN-500 */

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

	/* GREEN-400 */

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

	/* GREEN-300 */

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

	/* GREEN-200 */

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

	/* GREEN-100 */

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


	/* ORANGE-1000 */

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

	/* ORANGE-900 */

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

	/* ORANGE-800 */

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

	/* ORANGE-700 */

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

	/* ORANGE-600 */

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

	/* ORANGE-500 */

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

	/* ORANGE-400 */

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

	/* ORANGE-300 */

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

	/* ORANGE-200 */

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

	/* ORANGE-100 */

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


	/* RED-1000 */

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

	/* RED-900 */

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

	/* RED-800 */

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

	/* RED-700 */

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

	/* RED-600 */

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

	/* RED-500 */

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

	/* RED-400 */

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

	/* RED-300 */

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

	/* RED-200 */

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

	/* RED-100 */

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

	/* PURE-BLACK */

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

	/* OFF-BLACK */

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

	/* PURE-WHITE */

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

	/* TRANSPARENT */

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

	/* ALIASES */

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

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

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

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

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

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

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

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

	/* ACTION-PRIMARY-BRAND-DEFAULT */

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

	/* ACTION-PRIMARY-BRAND-HOVER */

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

	/* ACTION-PRIMARY-BRAND-ACTIVE */

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

	/* ACTION-PRIMARY-BRAND-SELECTED */

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

	/* ACTION-PRIMARY-BRAND-FOCUS */

	--action-primary-brand-focus: var(--blue-900);

	/* ACTION-PRIMARY-DANGER-DEFAULT */

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

	/* ACTION-PRIMARY-DANGER-HOVER */

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

	/* ACTION-PRIMARY-DANGER-ACTIVE */

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

	/* ACTION-PRIMARY-DANGER-SELECTED */

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

	/* ACTION-PRIMARY-DANGER-FOCUS */

	--action-primary-danger-focus: var(--red-900);

	/* ACTION-PRIMARY-INFORMATIONAL-DEFAULT */

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

	/* ACTION-PRIMARY-INFORMATIONAL-HOVER */

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

	/* ACTION-PRIMARY-INFORMATIONAL-ACTIVE */

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

	/* ACTION-PRIMARY-INFORMATIONAL-SELECTED */

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

	/* ACTION-PRIMARY-INFORMATIONAL-FOCUS */

	--action-primary-informational-focus: var(--blue-900);

	/* ACTION-PRIMARY-SUCCESS-DEFAULT */

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

	/* ACTION-PRIMARY-SUCCESS-HOVER */

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

	/* ACTION-PRIMARY-SUCCESS-ACTIVE */

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

	/* ACTION-PRIMARY-SUCCESS-SELECTED */

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

	/* ACTION-PRIMARY-SUCCESS-FOCUS */

	--action-primary-success-focus: var(--green-900);

	/* ACTION-PRIMARY-WARNING-DEFAULT */

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

	/* ACTION-PRIMARY-WARNING-HOVER */

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

	/* ACTION-PRIMARY-WARNING-ACTIVE */

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

	/* ACTION-PRIMARY-WARNING-SELECTED */

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

	/* ACTION-PRIMARY-WARNING-FOCUS */

	--action-primary-warning-focus: var(--orange-900);

	/* ACTION-SECONDARY-BRAND-DEFAULT */

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

	/* ACTION-SECONDARY-BRAND-HOVER */

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

	/* ACTION-SECONDARY-BRAND-ACTIVE */

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

	/* ACTION-SECONDARY-BRAND-SELECTED */

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

	/* ACTION-SECONDARY-DANGER-DEFAULT */

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

	/* ACTION-SECONDARY-DANGER-HOVER */

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

	/* ACTION-SECONDARY-DANGER-ACTIVE */

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

	/* ACTION-SECONDARY-DANGER-SELECTED */

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

	/* ACTION-SECONDARY-GENERIC-DEFAULT */

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

	/* ACTION-SECONDARY-GENERIC-HOVER */

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

	/* ACTION-SECONDARY-GENERIC-ACTIVE */

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

	/* ACTION-SECONDARY-GENERIC-SELECTED */

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

	/* ACTION-SECONDARY-INFORMATIONAL-DEFAULT */

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

	/* ACTION-SECONDARY-INFORMATIONAL-HOVER */

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

	/* ACTION-SECONDARY-INFORMATIONAL-ACTIVE */

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

	/* ACTION-SECONDARY-INFORMATIONAL-SELECTED */

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

	/* ACTION-SECONDARY-SUCCESS-DEFAULT */

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

	/* ACTION-SECONDARY-SUCCESS-HOVER */

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

	/* ACTION-SECONDARY-SUCCESS-ACTIVE */

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

	/* ACTION-SECONDARY-SUCCESS-SELECTED */

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

	/* ACTION-SECONDARY-WARNING-DEFAULT */

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

	/* ACTION-SECONDARY-WARNING-HOVER */

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

	/* ACTION-SECONDARY-WARNING-ACTIVE */

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

	/* ACTION-SECONDARY-WARNING-SELECTED */

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

	/* ACTION-TERTIARY-BRAND-DEFAULT */

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

	/* ACTION-TERTIARY-BRAND-HOVER */

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

	/* ACTION-TERTIARY-BRAND-ACTIVE */

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

	/* ACTION-TERTIARY-BRAND-SELECTED */

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

	/* ACTION-TERTIARY-GENERIC-DEFAULT */

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

	/* ACTION-TERTIARY-GENERIC-HOVER */

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

	/* ACTION-TERTIARY-GENERIC-ACTIVE */

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

	/* ACTION-TERTIARY-GENERIC-SELECTED */

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

	/* BACKGROUND-GENERIC-PRIMARY */

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

	/* BACKGROUND-GENERIC-SECONDARY */

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

	/* BACKGROUND-GENERIC-TERTIARY */

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

	/* BACKGROUND-GENERIC-QUATERNARY */

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

	/* BACKGROUND-GENERIC-QUINARY */

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

	/* BACKGROUND-GENERIC-TRANSPARENT */

	--background-generic-transparent: var(--transparent);
	.background-generic-transparent,
	.background-generic-transparent-active:active,
	.background-generic-transparent-hover:hover {
		background-color: var(--background-generic-transparent) !important;
	}

	/* BACKGROUND-GENERIC-OVERLAY */

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

	/* BACKGROUND-INPUT-DEFAULT */

	--background-input-default: var(--gray-100);
	.background-input-default {
		background-color: var(--background-input-default) !important;
	}

	/* BACKGROUND-INPUT-HOVER */

	--background-input-hover: var(--gray-200);
	.background-input-hover:hover {
		background-color: var(--background-input-hover) !important;
	}

	/* BACKGROUND-INPUT-ACTIVE */

	--background-input-active: var(--gray-100);
	.background-input-active:active {
		background-color: var(--background-input-active) !important;
	}

	/* BORDER-BRAND-DEFAULT */

	--border-brand-default: var(--blue-700);
	.border-brand-default {
		border-color: var(--border-brand-default) !important;
	}

	/* BORDER-BRAND-HOVER */

	--border-brand-hover: var(--blue-800);
	.border-brand-hover:hover {
		border-color: var(--border-brand-hover) !important;
	}

	/* BORDER-BRAND-ACTIVE */

	--border-brand-active: var(--blue-900);
	.border-brand-active:active {
		border-color: var(--border-brand-active) !important;
	}

	/* BORDER-BRAND-SELECTED */

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

	/* BORDER-DANGER-DEFAULT */

	--border-danger-default: var(--red-700);
	.border-danger-default {
		border-color: var(--border-danger-default) !important;
	}

	/* BORDER-DANGER-HOVER */

	--border-danger-hover: var(--red-800);
	.border-danger-hover:hover {
		border-color: var(--border-danger-hover) !important;
	}

	/* BORDER-DANGER-ACTIVE */

	--border-danger-active: var(--red-900);
	.border-danger-active:active {
		border-color: var(--border-danger-active) !important;
	}

	/* BORDER-DANGER-SELECTED */

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

	/* BORDER-GENERIC-DEFAULT */

	--border-generic-default: var(--gray-500);
	.border-generic-default {
		border-color: var(--border-generic-default) !important;
	}

	/* BORDER-GENERIC-HOVER */

	--border-generic-hover: var(--gray-700);
	.border-generic-hover:hover {
		border-color: var(--border-generic-hover) !important;
	}

	/* BORDER-GENERIC-ACTIVE */

	--border-generic-active: var(--gray-900);
	.border-generic-active:active {
		border-color: var(--border-generic-active) !important;
	}

	/* BORDER-GENERIC-INVERSE */

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

	/* BORDER-GENERIC-SELECTED */

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

	/* BORDER-GENERIC-TRANSPARENT */

	--border-generic-transparent: var(--transparent);
	.border-generic-transparent,
	.border-generic-transparent-active:active,
	.border-generic-transparent-hover:hover {
		border-color: var(--border-generic-transparent) !important;
	}

	/* BORDER-INFORMATIONAL-DEFAULT */

	--border-informational-default: var(--blue-700);
	.border-informational-default {
		border-color: var(--border-informational-default) !important;
	}

	/* BORDER-INFORMATIONAL-HOVER */

	--border-informational-hover: var(--blue-800);
	.border-informational-hover:hover {
		border-color: var(--border-informational-hover) !important;
	}

	/* BORDER-INFORMATIONAL-ACTIVE */

	--border-informational-active: var(--blue-900);
	.border-informational-active:active {
		border-color: var(--border-informational-active) !important;
	}

	/* BORDER-INFORMATIONAL-SELECTED */

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

	/* BORDER-SUCCESS-DEFAULT */

	--border-success-default: var(--green-700);
	.border-success-default {
		border-color: var(--border-success-default) !important;
	}

	/* BORDER-SUCCESS-HOVER */

	--border-success-hover: var(--green-800);
	.border-success-hover:hover {
		border-color: var(--border-success-hover) !important;
	}

	/* BORDER-SUCCESS-ACTIVE */

	--border-success-active: var(--green-900);
	.border-success-active:active {
		border-color: var(--border-success-active) !important;
	}

	/* BORDER-SUCCESS-SELECTED */

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

	/* BORDER-WARNING-DEFAULT */

	--border-warning-default: var(--orange-700);
	.border-warning-default {
		border-color: var(--border-warning-default) !important;
	}

	/* BORDER-WARNING-HOVER */

	--border-warning-hover: var(--orange-800);
	.border-warning-hover:hover {
		border-color: var(--border-warning-hover) !important;
	}

	/* BORDER-WARNING-ACTIVE */

	--border-warning-active: var(--orange-900);
	.border-warning-active:active {
		border-color: var(--border-warning-active) !important;
	}

	/* BORDER-WARNING-SELECTED */

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

	/* DIVIDER-GENERIC-PRIMARY */

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

	/* DIVIDER-GENERIC-SECONDARY */

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

	/* DIVIDER-GENERIC-TERTIARY */

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

	/* TEXT-BRAND-DEFAULT */

	--text-brand-default: var(--blue-700);
	.text-brand-default {
		color: var(--text-brand-default) !important;
	}

	/* TEXT-BRAND-HOVER */

	--text-brand-hover: var(--blue-800);
	.text-brand-hover:hover {
		color: var(--text-brand-hover) !important;
	}

	/* TEXT-BRAND-ACTIVE */

	--text-brand-active: var(--blue-900);
	.text-brand-active:active {
		color: var(--text-brand-active) !important;
	}

	/* TEXT-BRAND-SELECTED */

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

	/* TEXT-DANGER-DEFAULT */

	--text-danger-default: var(--red-700);
	.text-danger-default {
		color: var(--text-danger-default) !important;
	}

	/* TEXT-DANGER-HOVER */

	--text-danger-hover: var(--red-800);
	.text-danger-hover:hover {
		color: var(--text-danger-hover) !important;
	}

	/* TEXT-DANGER-ACTIVE */

	--text-danger-active: var(--red-900);
	.text-danger-active:active {
		color: var(--text-danger-active) !important;
	}

	/* TEXT-DANGER-SELECTED */

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

	/* TEXT-GENERIC-PRIMARY */

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

	/* TEXT-GENERIC-SECONDARY */

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

	/* TEXT-GENERIC-TERTIARY */

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

	/* TEXT-GENERIC-QUATERNARY */

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

	/* TEXT-GENERIC-QUINARY */

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

	/* TEXT-GENERIC-INVERSE */

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

	/* TEXT-INFORMATIONAL-DEFAULT */

	--text-informational-default: var(--blue-700);
	.text-informational-default {
		color: var(--text-informational-default) !important;
	}

	/* TEXT-INFORMATIONAL-HOVER */

	--text-informational-hover: var(--blue-800);
	.text-informational-hover:hover {
		color: var(--text-informational-hover) !important;
	}

	/* TEXT-INFORMATIONAL-ACTIVE */

	--text-informational-active: var(--blue-900);
	.text-informational-active:active {
		color: var(--text-informational-active) !important;
	}

	/* TEXT-INFORMATIONAL-SELECTED */

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

	/* TEXT-INPUT-BODY */

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

	/* TEXT-INPUT-LABEL */

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

	/* TEXT-INPUT-HELPER */

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

	/* TEXT-SUCCESS-DEFAULT */

	--text-success-default: var(--green-700);
	.text-success-default {
		color: var(--text-success-default) !important;
	}

	/* TEXT-SUCCESS-HOVER */

	--text-success-hover: var(--green-800);
	.text-success-hover:hover {
		color: var(--text-success-hover) !important;
	}

	/* TEXT-SUCCESS-ACTIVE */

	--text-success-active: var(--green-900);
	.text-success-active:active {
		color: var(--text-success-active) !important;
	}

	/* TEXT-SUCCESS-SELECTED */

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

	/* TEXT-WARNING-DEFAULT */

	--text-warning-default: var(--orange-700);
	.text-warning-default {
		color: var(--text-warning-default) !important;
	}

	/* TEXT-WARNING-HOVER */

	--text-warning-hover: var(--orange-800);
	.text-warning-hover:hover {
		color: var(--text-warning-hover) !important;
	}

	/* TEXT-WARNING-ACTIVE */

	--text-warning-active: var(--orange-900);
	.text-warning-active:active {
		color: var(--text-warning-active) !important;
	}

	/* TEXT-WARNING-SELECTED */

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

	/* COLOR UTILS */

	--disabled-opacity: 0.4;

	.disabled, .disabled-item {
		opacity: var(--disabled-opacity) !important;
	}

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

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

}