FIXED: Utility: TextColors: CSS variables were not set which made the…

… colors unusable.

src/css/utilities/text-colors.css

@@ -1,37 +1,67 @@
 /*
- * Copyright (c) 2022 SGNetworks. All rights reserved.
+ * Copyright (c) 2022-2023 SGNetworks. All rights reserved.
  *
  * The software is an exclusive copyright of "SGNetworks" and is provided as is exclusively with only "USAGE" access. "Modification",  "Alteration", "Re-distribution" is completely prohibited.
  * VIOLATING THE ABOVE TERMS IS A PUNISHABLE OFFENSE WHICH MAY LEAD TO LEGAL CONSEQUENCES.
  */
-
-.primary-text {
+:root {
+	--black-text: #000000;
+	--light-black-text: #333333;
+	--red-text: #f44336;
+	--pink-text: #9c27b0;
+	--deep-purple-text: #673ab7;
+	--indigo-text: #3f51b5;
+	--blue-text: #2196f3;
+	--light-blue-text: #03a9f4;
+	--cyan-text: #00bcd4;
+	--teal-text: #009688;
+	--green-text: #4caf50;
+	--light-green-text: #8bc34a;
+	--lime-text: hsl(66, 70%, 54%);
+	--yellow-text: #ffeb3b;
+	--amber-text: #ffc107;
+	--orange-text: #ff9800;
+	--deep-orange-text: #ff5722;
+	--brown-text: #795548;
+	--grey-text: #9e9e9e;
+	--blue-grey-text: #607d8b;
+	--white-text: #ffffff;
+}
+
+
+.primary-text,
+.text-primary {
 	color: var(--sgn-primary) !important;
 }
 
-.secondary-text {
+.secondary-text,
+.text-secondary {
 	color: var(--sgn-secondary) !important;
 }
 
-.success-text {
-	color: var(--sgn-success) !important;
-}
-
-.info-text {
+.info-text,
+.text-info {
 	color: var(--sgn-info) !important;
 }
 
-.warning-text {
+.warning-text,
+.text-warning {
 	color: var(--sgn-warning) !important;
 }
 
-.danger-text {
+.success-text,
+.text-success {
+	color: var(--sgn-success) !important;
+}
+
+.danger-text,
+.text-danger {
 	color: var(--sgn-danger) !important;
 }
 
 
 .black-text {
-	color: #000000 !important;
+	color: hsla(0, 0%, 0%, 1) !important;
 }
 
 .light-black-text {
@@ -118,3 +148,95 @@
 	color: #ffffff !important;
 }
 
+.text-black {
+	color: var(--black) !important;
+}
+
+.text-grey {
+	color: var(--grey) !important;
+}
+
+.text-cod-grey {
+	color: var(--cod-grey) !important;
+}
+
+.text-all-black {
+	color: var(--all-black) !important;
+}
+
+.text-eerie-black {
+	color: var(--eerie-black) !important;
+}
+
+.text-filmpro-black {
+	color: var(--filmpro-black) !important;
+}
+
+.text-mine-shaft {
+	color: var(--mine-shaft) !important;
+}
+
+.text-jet {
+	color: var(--jet) !important;
+}
+
+.text-davy-grey {
+	color: var(--davy-grey) !important;
+}
+
+.text-granite-gray {
+	color: var(--granite-gray) !important;
+}
+
+.text-dim-gray {
+	color: var(--dim-gray) !important;
+}
+
+.text-sonic-silver {
+	color: var(--sonic-silver) !important;
+}
+
+.text-gray {
+	color: var(--gray) !important;
+}
+
+.text-spanish-gray {
+	color: var(--spanish-gray) !important;
+}
+
+.text-quick-silver {
+	color: var(--quick-silver) !important;
+}
+
+.text-dark-gray-x11 {
+	color: var(--dark-gray-x11) !important;
+}
+
+.text-silver-chalice {
+	color: var(--silver-chalice) !important;
+}
+
+.text-gray-x11-gray {
+	color: var(--gray-x11-gray) !important;
+}
+
+.text-silver {
+	color: var(--silver) !important;
+}
+
+.text-light-gray {
+	color: var(--light-gray) !important;
+}
+
+.text-gainsboro {
+	color: var(--gainsboro) !important;
+}
+
+.text-cultured {
+	color: var(--cultured) !important;
+}
+
+.text-white {
+	color: var(--white) !important;
+}
+