@tet/tet-components 1.3.60-testing → 1.3.61-staging

package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css

@@ -3319,1495 +3319,3349 @@
 .tet-color__blue,
 .tet-color__blue--hover:hover,
 .tet-color__blue--focus:focus {
-  color: rgb(0, 96, 245);
+  color: var(--tc-blue-40);
 }
 
 .tet-color__blue--border,
 .tet-color__blue--border-hover:hover,
 .tet-color__blue--border-focus:focus {
-  border-color: rgb(0, 96, 245);
+  border-color: var(--tc-blue-40);
 }
 
 .tet-color__blue--background,
 .tet-color__blue--background-hover:hover,
 .tet-color__blue--background-focus:focus {
-  background-color: rgb(0, 96, 245);
+  background-color: var(--tc-blue-40);
 }
 
 .tet-color__blue80,
 .tet-color__blue80--hover:hover,
 .tet-color__blue80--focus:focus {
-  color: rgb(8, 53, 104);
+  color: var(--tc-blue-80);
 }
 
 .tet-color__blue80--border,
 .tet-color__blue80--border-hover:hover,
 .tet-color__blue80--border-focus:focus {
-  border-color: rgb(8, 53, 104);
+  border-color: var(--tc-blue-80);
 }
 
 .tet-color__blue80--background,
 .tet-color__blue80--background-hover:hover,
 .tet-color__blue80--background-focus:focus {
-  background-color: rgb(8, 53, 104);
+  background-color: var(--tc-blue-80);
+}
+
+.tet-color__blue70,
+.tet-color__blue70--hover:hover,
+.tet-color__blue70--focus:focus {
+  color: var(--tc-blue-70);
+}
+
+.tet-color__blue70--border,
+.tet-color__blue70--border-hover:hover,
+.tet-color__blue70--border-focus:focus {
+  border-color: var(--tc-blue-70);
+}
+
+.tet-color__blue70--background,
+.tet-color__blue70--background-hover:hover,
+.tet-color__blue70--background-focus:focus {
+  background-color: var(--tc-blue-70);
+}
+
+.tet-color__blue60,
+.tet-color__blue60--hover:hover,
+.tet-color__blue60--focus:focus {
+  color: var(--tc-blue-60);
+}
+
+.tet-color__blue60--border,
+.tet-color__blue60--border-hover:hover,
+.tet-color__blue60--border-focus:focus {
+  border-color: var(--tc-blue-60);
+}
+
+.tet-color__blue60--background,
+.tet-color__blue60--background-hover:hover,
+.tet-color__blue60--background-focus:focus {
+  background-color: var(--tc-blue-60);
+}
+
+.tet-color__blue50,
+.tet-color__blue50--hover:hover,
+.tet-color__blue50--focus:focus {
+  color: var(--tc-blue-50);
+}
+
+.tet-color__blue50--border,
+.tet-color__blue50--border-hover:hover,
+.tet-color__blue50--border-focus:focus {
+  border-color: var(--tc-blue-50);
+}
+
+.tet-color__blue50--background,
+.tet-color__blue50--background-hover:hover,
+.tet-color__blue50--background-focus:focus {
+  background-color: var(--tc-blue-50);
 }
 
 .tet-color__blue40,
 .tet-color__blue40--hover:hover,
 .tet-color__blue40--focus:focus {
-  color: rgb(0, 96, 245);
+  color: var(--tc-blue-40);
 }
 
 .tet-color__blue40--border,
 .tet-color__blue40--border-hover:hover,
 .tet-color__blue40--border-focus:focus {
-  border-color: rgb(0, 96, 245);
+  border-color: var(--tc-blue-40);
 }
 
 .tet-color__blue40--background,
 .tet-color__blue40--background-hover:hover,
 .tet-color__blue40--background-focus:focus {
-  background-color: rgb(0, 96, 245);
+  background-color: var(--tc-blue-40);
 }
 
 .tet-color__blue30,
 .tet-color__blue30--hover:hover,
 .tet-color__blue30--focus:focus {
-  color: rgb(52, 132, 244);
+  color: var(--tc-blue-30);
 }
 
 .tet-color__blue30--border,
 .tet-color__blue30--border-hover:hover,
 .tet-color__blue30--border-focus:focus {
-  border-color: rgb(52, 132, 244);
+  border-color: var(--tc-blue-30);
 }
 
 .tet-color__blue30--background,
 .tet-color__blue30--background-hover:hover,
 .tet-color__blue30--background-focus:focus {
-  background-color: rgb(52, 132, 244);
+  background-color: var(--tc-blue-30);
 }
 
 .tet-color__blue20,
 .tet-color__blue20--hover:hover,
 .tet-color__blue20--focus:focus {
-  color: rgb(113, 172, 244);
+  color: var(--tc-blue-20);
 }
 
 .tet-color__blue20--border,
 .tet-color__blue20--border-hover:hover,
 .tet-color__blue20--border-focus:focus {
-  border-color: rgb(113, 172, 244);
+  border-color: var(--tc-blue-20);
 }
 
 .tet-color__blue20--background,
 .tet-color__blue20--background-hover:hover,
 .tet-color__blue20--background-focus:focus {
-  background-color: rgb(113, 172, 244);
+  background-color: var(--tc-blue-20);
 }
 
 .tet-color__blue10,
 .tet-color__blue10--hover:hover,
 .tet-color__blue10--focus:focus {
-  color: rgb(201, 224, 248);
+  color: var(--tc-blue-10);
 }
 
 .tet-color__blue10--border,
 .tet-color__blue10--border-hover:hover,
 .tet-color__blue10--border-focus:focus {
-  border-color: rgb(201, 224, 248);
+  border-color: var(--tc-blue-10);
 }
 
 .tet-color__blue10--background,
 .tet-color__blue10--background-hover:hover,
 .tet-color__blue10--background-focus:focus {
-  background-color: rgb(201, 224, 248);
+  background-color: var(--tc-blue-10);
 }
 
 .tet-color__blue00,
 .tet-color__blue00--hover:hover,
 .tet-color__blue00--focus:focus {
-  color: rgb(237, 245, 252);
+  color: var(--tc-blue-00);
 }
 
 .tet-color__blue00--border,
 .tet-color__blue00--border-hover:hover,
 .tet-color__blue00--border-focus:focus {
-  border-color: rgb(237, 245, 252);
+  border-color: var(--tc-blue-00);
 }
 
 .tet-color__blue00--background,
 .tet-color__blue00--background-hover:hover,
 .tet-color__blue00--background-focus:focus {
-  background-color: rgb(237, 245, 252);
+  background-color: var(--tc-blue-00);
 }
 
 .tet-color__blue80dark,
 .tet-color__blue80dark--hover:hover,
 .tet-color__blue80dark--focus:focus {
-  color: rgb(0, 36, 77);
+  color: var(--tc-blue-80);
 }
 
 .tet-color__blue80dark--border,
 .tet-color__blue80dark--border-hover:hover,
 .tet-color__blue80dark--border-focus:focus {
-  border-color: rgb(0, 36, 77);
+  border-color: var(--tc-blue-80);
 }
 
 .tet-color__blue80dark--background,
 .tet-color__blue80dark--background-hover:hover,
 .tet-color__blue80dark--background-focus:focus {
-  background-color: rgb(0, 36, 77);
+  background-color: var(--tc-blue-80);
 }
 
 .tet-color__blue70dark,
 .tet-color__blue70dark--hover:hover,
 .tet-color__blue70dark--focus:focus {
-  color: rgb(0, 48, 102);
+  color: var(--tc-blue-70);
 }
 
 .tet-color__blue70dark--border,
 .tet-color__blue70dark--border-hover:hover,
 .tet-color__blue70dark--border-focus:focus {
-  border-color: rgb(0, 48, 102);
+  border-color: var(--tc-blue-70);
 }
 
 .tet-color__blue70dark--background,
 .tet-color__blue70dark--background-hover:hover,
 .tet-color__blue70dark--background-focus:focus {
-  background-color: rgb(0, 48, 102);
+  background-color: var(--tc-blue-70);
 }
 
 .tet-color__blue60dark,
 .tet-color__blue60dark--hover:hover,
 .tet-color__blue60dark--focus:focus {
-  color: rgb(0, 71, 153);
+  color: var(--tc-blue-60);
 }
 
 .tet-color__blue60dark--border,
 .tet-color__blue60dark--border-hover:hover,
 .tet-color__blue60dark--border-focus:focus {
-  border-color: rgb(0, 71, 153);
+  border-color: var(--tc-blue-60);
 }
 
 .tet-color__blue60dark--background,
 .tet-color__blue60dark--background-hover:hover,
 .tet-color__blue60dark--background-focus:focus {
-  background-color: rgb(0, 71, 153);
+  background-color: var(--tc-blue-60);
 }
 
 .tet-color__blue50dark,
 .tet-color__blue50dark--hover:hover,
 .tet-color__blue50dark--focus:focus {
-  color: rgb(0, 95, 204);
+  color: var(--tc-blue-50);
 }
 
 .tet-color__blue50dark--border,
 .tet-color__blue50dark--border-hover:hover,
 .tet-color__blue50dark--border-focus:focus {
-  border-color: rgb(0, 95, 204);
+  border-color: var(--tc-blue-50);
 }
 
 .tet-color__blue50dark--background,
 .tet-color__blue50dark--background-hover:hover,
 .tet-color__blue50dark--background-focus:focus {
-  background-color: rgb(0, 95, 204);
+  background-color: var(--tc-blue-50);
 }
 
 .tet-color__blue40dark,
 .tet-color__blue40dark--hover:hover,
 .tet-color__blue40dark--focus:focus {
-  color: rgb(26, 115, 255);
+  color: var(--tc-blue-40);
 }
 
 .tet-color__blue40dark--border,
 .tet-color__blue40dark--border-hover:hover,
 .tet-color__blue40dark--border-focus:focus {
-  border-color: rgb(26, 115, 255);
+  border-color: var(--tc-blue-40);
 }
 
 .tet-color__blue40dark--background,
 .tet-color__blue40dark--background-hover:hover,
 .tet-color__blue40dark--background-focus:focus {
-  background-color: rgb(26, 115, 255);
+  background-color: var(--tc-blue-40);
 }
 
 .tet-color__blue10dark,
 .tet-color__blue10dark--hover:hover,
 .tet-color__blue10dark--focus:focus {
-  color: rgb(194, 224, 255);
+  color: var(--tc-blue-10);
 }
 
 .tet-color__blue10dark--border,
 .tet-color__blue10dark--border-hover:hover,
 .tet-color__blue10dark--border-focus:focus {
-  border-color: rgb(194, 224, 255);
+  border-color: var(--tc-blue-10);
 }
 
 .tet-color__blue10dark--background,
 .tet-color__blue10dark--background-hover:hover,
 .tet-color__blue10dark--background-focus:focus {
-  background-color: rgb(194, 224, 255);
-}
-
-.tet-color__mint,
-.tet-color__mint--hover:hover,
-.tet-color__mint--focus:focus {
-  color: rgb(31, 208, 214);
-}
-
-.tet-color__mint--border,
-.tet-color__mint--border-hover:hover,
-.tet-color__mint--border-focus:focus {
-  border-color: rgb(31, 208, 214);
-}
-
-.tet-color__mint--background,
-.tet-color__mint--background-hover:hover,
-.tet-color__mint--background-focus:focus {
-  background-color: rgb(31, 208, 214);
-}
-
-.tet-color__mint80,
-.tet-color__mint80--hover:hover,
-.tet-color__mint80--focus:focus {
-  color: rgb(19, 74, 76);
-}
-
-.tet-color__mint80--border,
-.tet-color__mint80--border-hover:hover,
-.tet-color__mint80--border-focus:focus {
-  border-color: rgb(19, 74, 76);
-}
-
-.tet-color__mint80--background,
-.tet-color__mint80--background-hover:hover,
-.tet-color__mint80--background-focus:focus {
-  background-color: rgb(19, 74, 76);
-}
-
-.tet-color__mint40,
-.tet-color__mint40--hover:hover,
-.tet-color__mint40--focus:focus {
-  color: rgb(31, 208, 214);
-}
-
-.tet-color__mint40--border,
-.tet-color__mint40--border-hover:hover,
-.tet-color__mint40--border-focus:focus {
-  border-color: rgb(31, 208, 214);
-}
-
-.tet-color__mint40--background,
-.tet-color__mint40--background-hover:hover,
-.tet-color__mint40--background-focus:focus {
-  background-color: rgb(31, 208, 214);
-}
-
-.tet-color__mint30,
-.tet-color__mint30--hover:hover,
-.tet-color__mint30--focus:focus {
-  color: rgb(111, 227, 231);
-}
-
-.tet-color__mint30--border,
-.tet-color__mint30--border-hover:hover,
-.tet-color__mint30--border-focus:focus {
-  border-color: rgb(111, 227, 231);
-}
-
-.tet-color__mint30--background,
-.tet-color__mint30--background-hover:hover,
-.tet-color__mint30--background-focus:focus {
-  background-color: rgb(111, 227, 231);
-}
-
-.tet-color__mint20,
-.tet-color__mint20--hover:hover,
-.tet-color__mint20--focus:focus {
-  color: rgb(153, 231, 234);
-}
-
-.tet-color__mint20--border,
-.tet-color__mint20--border-hover:hover,
-.tet-color__mint20--border-focus:focus {
-  border-color: rgb(153, 231, 234);
-}
-
-.tet-color__mint20--background,
-.tet-color__mint20--background-hover:hover,
-.tet-color__mint20--background-focus:focus {
-  background-color: rgb(153, 231, 234);
-}
-
-.tet-color__mint10,
-.tet-color__mint10--hover:hover,
-.tet-color__mint10--focus:focus {
-  color: rgb(194, 243, 244);
-}
-
-.tet-color__mint10--border,
-.tet-color__mint10--border-hover:hover,
-.tet-color__mint10--border-focus:focus {
-  border-color: rgb(194, 243, 244);
-}
-
-.tet-color__mint10--background,
-.tet-color__mint10--background-hover:hover,
-.tet-color__mint10--background-focus:focus {
-  background-color: rgb(194, 243, 244);
-}
-
-.tet-color__mint00,
-.tet-color__mint00--hover:hover,
-.tet-color__mint00--focus:focus {
-  color: rgb(229, 250, 250);
-}
-
-.tet-color__mint00--border,
-.tet-color__mint00--border-hover:hover,
-.tet-color__mint00--border-focus:focus {
-  border-color: rgb(229, 250, 250);
-}
-
-.tet-color__mint00--background,
-.tet-color__mint00--background-hover:hover,
-.tet-color__mint00--background-focus:focus {
-  background-color: rgb(229, 250, 250);
-}
-
-.tet-color__mint80dark,
-.tet-color__mint80dark--hover:hover,
-.tet-color__mint80dark--focus:focus {
-  color: rgb(6, 53, 55);
-}
-
-.tet-color__mint80dark--border,
-.tet-color__mint80dark--border-hover:hover,
-.tet-color__mint80dark--border-focus:focus {
-  border-color: rgb(6, 53, 55);
-}
-
-.tet-color__mint80dark--background,
-.tet-color__mint80dark--background-hover:hover,
-.tet-color__mint80dark--background-focus:focus {
-  background-color: rgb(6, 53, 55);
-}
-
-.tet-color__mint70dark,
-.tet-color__mint70dark--hover:hover,
-.tet-color__mint70dark--focus:focus {
-  color: rgb(11, 78, 80);
-}
-
-.tet-color__mint70dark--border,
-.tet-color__mint70dark--border-hover:hover,
-.tet-color__mint70dark--border-focus:focus {
-  border-color: rgb(11, 78, 80);
-}
-
-.tet-color__mint70dark--background,
-.tet-color__mint70dark--background-hover:hover,
-.tet-color__mint70dark--background-focus:focus {
-  background-color: rgb(11, 78, 80);
-}
-
-.tet-color__mint60dark,
-.tet-color__mint60dark--hover:hover,
-.tet-color__mint60dark--focus:focus {
-  color: rgb(18, 122, 125);
-}
-
-.tet-color__mint60dark--border,
-.tet-color__mint60dark--border-hover:hover,
-.tet-color__mint60dark--border-focus:focus {
-  border-color: rgb(18, 122, 125);
-}
-
-.tet-color__mint60dark--background,
-.tet-color__mint60dark--background-hover:hover,
-.tet-color__mint60dark--background-focus:focus {
-  background-color: rgb(18, 122, 125);
-}
-
-.tet-color__mint50dark,
-.tet-color__mint50dark--hover:hover,
-.tet-color__mint50dark--focus:focus {
-  color: rgb(24, 165, 170);
-}
-
-.tet-color__mint50dark--border,
-.tet-color__mint50dark--border-hover:hover,
-.tet-color__mint50dark--border-focus:focus {
-  border-color: rgb(24, 165, 170);
-}
-
-.tet-color__mint50dark--background,
-.tet-color__mint50dark--background-hover:hover,
-.tet-color__mint50dark--background-focus:focus {
-  background-color: rgb(24, 165, 170);
-}
-
-.tet-color__mint40dark,
-.tet-color__mint40dark--hover:hover,
-.tet-color__mint40dark--focus:focus {
-  color: rgb(26, 213, 219);
-}
-
-.tet-color__mint40dark--border,
-.tet-color__mint40dark--border-hover:hover,
-.tet-color__mint40dark--border-focus:focus {
-  border-color: rgb(26, 213, 219);
-}
-
-.tet-color__mint40dark--background,
-.tet-color__mint40dark--background-hover:hover,
-.tet-color__mint40dark--background-focus:focus {
-  background-color: rgb(26, 213, 219);
-}
-
-.tet-color__mint10dark,
-.tet-color__mint10dark--hover:hover,
-.tet-color__mint10dark--focus:focus {
-  color: rgb(153, 245, 255);
-}
-
-.tet-color__mint10dark--border,
-.tet-color__mint10dark--border-hover:hover,
-.tet-color__mint10dark--border-focus:focus {
-  border-color: rgb(153, 245, 255);
-}
-
-.tet-color__mint10dark--background,
-.tet-color__mint10dark--background-hover:hover,
-.tet-color__mint10dark--background-focus:focus {
-  background-color: rgb(153, 245, 255);
+  background-color: var(--tc-blue-10);
 }
 
 .tet-color__green,
 .tet-color__green--hover:hover,
 .tet-color__green--focus:focus {
-  color: rgb(22, 197, 95);
+  color: var(--tc-green-40);
 }
 
 .tet-color__green--border,
 .tet-color__green--border-hover:hover,
 .tet-color__green--border-focus:focus {
-  border-color: rgb(22, 197, 95);
+  border-color: var(--tc-green-40);
 }
 
 .tet-color__green--background,
 .tet-color__green--background-hover:hover,
 .tet-color__green--background-focus:focus {
-  background-color: rgb(22, 197, 95);
+  background-color: var(--tc-green-40);
 }
 
 .tet-color__green80,
 .tet-color__green80--hover:hover,
 .tet-color__green80--focus:focus {
-  color: rgb(31, 66, 45);
+  color: var(--tc-green-80);
 }
 
 .tet-color__green80--border,
 .tet-color__green80--border-hover:hover,
 .tet-color__green80--border-focus:focus {
-  border-color: rgb(31, 66, 45);
+  border-color: var(--tc-green-80);
 }
 
 .tet-color__green80--background,
 .tet-color__green80--background-hover:hover,
 .tet-color__green80--background-focus:focus {
-  background-color: rgb(31, 66, 45);
+  background-color: var(--tc-green-80);
+}
+
+.tet-color__green70,
+.tet-color__green70--hover:hover,
+.tet-color__green70--focus:focus {
+  color: var(--tc-green-70);
+}
+
+.tet-color__green70--border,
+.tet-color__green70--border-hover:hover,
+.tet-color__green70--border-focus:focus {
+  border-color: var(--tc-green-70);
+}
+
+.tet-color__green70--background,
+.tet-color__green70--background-hover:hover,
+.tet-color__green70--background-focus:focus {
+  background-color: var(--tc-green-70);
+}
+
+.tet-color__green60,
+.tet-color__green60--hover:hover,
+.tet-color__green60--focus:focus {
+  color: var(--tc-green-60);
+}
+
+.tet-color__green60--border,
+.tet-color__green60--border-hover:hover,
+.tet-color__green60--border-focus:focus {
+  border-color: var(--tc-green-60);
+}
+
+.tet-color__green60--background,
+.tet-color__green60--background-hover:hover,
+.tet-color__green60--background-focus:focus {
+  background-color: var(--tc-green-60);
+}
+
+.tet-color__green50,
+.tet-color__green50--hover:hover,
+.tet-color__green50--focus:focus {
+  color: var(--tc-green-50);
+}
+
+.tet-color__green50--border,
+.tet-color__green50--border-hover:hover,
+.tet-color__green50--border-focus:focus {
+  border-color: var(--tc-green-50);
+}
+
+.tet-color__green50--background,
+.tet-color__green50--background-hover:hover,
+.tet-color__green50--background-focus:focus {
+  background-color: var(--tc-green-50);
 }
 
 .tet-color__green40,
 .tet-color__green40--hover:hover,
 .tet-color__green40--focus:focus {
-  color: rgb(22, 197, 95);
+  color: var(--tc-green-40);
 }
 
 .tet-color__green40--border,
 .tet-color__green40--border-hover:hover,
 .tet-color__green40--border-focus:focus {
-  border-color: rgb(22, 197, 95);
+  border-color: var(--tc-green-40);
 }
 
 .tet-color__green40--background,
 .tet-color__green40--background-hover:hover,
 .tet-color__green40--background-focus:focus {
-  background-color: rgb(22, 197, 95);
+  background-color: var(--tc-green-40);
 }
 
 .tet-color__green30,
 .tet-color__green30--hover:hover,
 .tet-color__green30--focus:focus {
-  color: rgb(66, 215, 128);
+  color: var(--tc-green-30);
 }
 
 .tet-color__green30--border,
 .tet-color__green30--border-hover:hover,
 .tet-color__green30--border-focus:focus {
-  border-color: rgb(66, 215, 128);
+  border-color: var(--tc-green-30);
 }
 
 .tet-color__green30--background,
 .tet-color__green30--background-hover:hover,
 .tet-color__green30--background-focus:focus {
-  background-color: rgb(66, 215, 128);
+  background-color: var(--tc-green-30);
 }
 
 .tet-color__green20,
 .tet-color__green20--hover:hover,
 .tet-color__green20--focus:focus {
-  color: rgb(117, 225, 162);
+  color: var(--tc-green-20);
 }
 
 .tet-color__green20--border,
 .tet-color__green20--border-hover:hover,
 .tet-color__green20--border-focus:focus {
-  border-color: rgb(117, 225, 162);
+  border-color: var(--tc-green-20);
 }
 
 .tet-color__green20--background,
 .tet-color__green20--background-hover:hover,
 .tet-color__green20--background-focus:focus {
-  background-color: rgb(117, 225, 162);
+  background-color: var(--tc-green-20);
 }
 
 .tet-color__green10,
 .tet-color__green10--hover:hover,
 .tet-color__green10--focus:focus {
-  color: rgb(169, 239, 198);
+  color: var(--tc-green-10);
 }
 
 .tet-color__green10--border,
 .tet-color__green10--border-hover:hover,
 .tet-color__green10--border-focus:focus {
-  border-color: rgb(169, 239, 198);
+  border-color: var(--tc-green-10);
 }
 
 .tet-color__green10--background,
 .tet-color__green10--background-hover:hover,
 .tet-color__green10--background-focus:focus {
-  background-color: rgb(169, 239, 198);
+  background-color: var(--tc-green-10);
 }
 
 .tet-color__green00,
 .tet-color__green00--hover:hover,
 .tet-color__green00--focus:focus {
-  color: rgb(231, 249, 238);
+  color: var(--tc-green-00);
 }
 
 .tet-color__green00--border,
 .tet-color__green00--border-hover:hover,
 .tet-color__green00--border-focus:focus {
-  border-color: rgb(231, 249, 238);
+  border-color: var(--tc-green-00);
 }
 
 .tet-color__green00--background,
 .tet-color__green00--background-hover:hover,
 .tet-color__green00--background-focus:focus {
-  background-color: rgb(231, 249, 238);
+  background-color: var(--tc-green-00);
 }
 
 .tet-color__green80dark,
 .tet-color__green80dark--hover:hover,
 .tet-color__green80dark--focus:focus {
-  color: rgb(5, 46, 22);
+  color: var(--tc-green-80);
 }
 
 .tet-color__green80dark--border,
 .tet-color__green80dark--border-hover:hover,
 .tet-color__green80dark--border-focus:focus {
-  border-color: rgb(5, 46, 22);
+  border-color: var(--tc-green-80);
 }
 
 .tet-color__green80dark--background,
 .tet-color__green80dark--background-hover:hover,
 .tet-color__green80dark--background-focus:focus {
-  background-color: rgb(5, 46, 22);
+  background-color: var(--tc-green-80);
 }
 
 .tet-color__green70dark,
 .tet-color__green70dark--hover:hover,
 .tet-color__green70dark--focus:focus {
-  color: rgb(8, 69, 33);
+  color: var(--tc-green-70);
 }
 
 .tet-color__green70dark--border,
 .tet-color__green70dark--border-hover:hover,
 .tet-color__green70dark--border-focus:focus {
-  border-color: rgb(8, 69, 33);
+  border-color: var(--tc-green-70);
 }
 
 .tet-color__green70dark--background,
 .tet-color__green70dark--background-hover:hover,
 .tet-color__green70dark--background-focus:focus {
-  background-color: rgb(8, 69, 33);
+  background-color: var(--tc-green-70);
 }
 
 .tet-color__green60dark,
 .tet-color__green60dark--hover:hover,
 .tet-color__green60dark--focus:focus {
-  color: rgb(12, 105, 51);
+  color: var(--tc-green-60);
 }
 
 .tet-color__green60dark--border,
 .tet-color__green60dark--border-hover:hover,
 .tet-color__green60dark--border-focus:focus {
-  border-color: rgb(12, 105, 51);
+  border-color: var(--tc-green-60);
 }
 
 .tet-color__green60dark--background,
 .tet-color__green60dark--background-hover:hover,
 .tet-color__green60dark--background-focus:focus {
-  background-color: rgb(12, 105, 51);
+  background-color: var(--tc-green-60);
 }
 
 .tet-color__green50dark,
 .tet-color__green50dark--hover:hover,
 .tet-color__green50dark--focus:focus {
-  color: rgb(17, 151, 73);
+  color: var(--tc-green-50);
 }
 
 .tet-color__green50dark--border,
 .tet-color__green50dark--border-hover:hover,
 .tet-color__green50dark--border-focus:focus {
-  border-color: rgb(17, 151, 73);
+  border-color: var(--tc-green-50);
 }
 
 .tet-color__green50dark--background,
 .tet-color__green50dark--background-hover:hover,
 .tet-color__green50dark--background-focus:focus {
-  background-color: rgb(17, 151, 73);
+  background-color: var(--tc-green-50);
 }
 
 .tet-color__green40dark,
 .tet-color__green40dark--hover:hover,
 .tet-color__green40dark--focus:focus {
-  color: rgb(37, 208, 108);
+  color: var(--tc-green-40);
 }
 
 .tet-color__green40dark--border,
 .tet-color__green40dark--border-hover:hover,
 .tet-color__green40dark--border-focus:focus {
-  border-color: rgb(37, 208, 108);
+  border-color: var(--tc-green-40);
 }
 
 .tet-color__green40dark--background,
 .tet-color__green40dark--background-hover:hover,
 .tet-color__green40dark--background-focus:focus {
-  background-color: rgb(37, 208, 108);
+  background-color: var(--tc-green-40);
 }
 
 .tet-color__green10dark,
 .tet-color__green10dark--hover:hover,
 .tet-color__green10dark--focus:focus {
-  color: rgb(184, 255, 213);
+  color: var(--tc-green-10);
 }
 
 .tet-color__green10dark--border,
 .tet-color__green10dark--border-hover:hover,
 .tet-color__green10dark--border-focus:focus {
-  border-color: rgb(184, 255, 213);
+  border-color: var(--tc-green-10);
 }
 
 .tet-color__green10dark--background,
 .tet-color__green10dark--background-hover:hover,
 .tet-color__green10dark--background-focus:focus {
-  background-color: rgb(184, 255, 213);
+  background-color: var(--tc-green-10);
 }
 
 .tet-color__yellow,
 .tet-color__yellow--hover:hover,
 .tet-color__yellow--focus:focus {
-  color: rgb(255, 182, 26);
+  color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow--border,
 .tet-color__yellow--border-hover:hover,
 .tet-color__yellow--border-focus:focus {
-  border-color: rgb(255, 182, 26);
+  border-color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow--background,
 .tet-color__yellow--background-hover:hover,
 .tet-color__yellow--background-focus:focus {
-  background-color: rgb(255, 182, 26);
+  background-color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow80,
 .tet-color__yellow80--hover:hover,
 .tet-color__yellow80--focus:focus {
-  color: rgb(80, 59, 22);
+  color: var(--tc-yellow-80);
 }
 
 .tet-color__yellow80--border,
 .tet-color__yellow80--border-hover:hover,
 .tet-color__yellow80--border-focus:focus {
-  border-color: rgb(80, 59, 22);
+  border-color: var(--tc-yellow-80);
 }
 
 .tet-color__yellow80--background,
 .tet-color__yellow80--background-hover:hover,
 .tet-color__yellow80--background-focus:focus {
-  background-color: rgb(80, 59, 22);
+  background-color: var(--tc-yellow-80);
+}
+
+.tet-color__yellow70,
+.tet-color__yellow70--hover:hover,
+.tet-color__yellow70--focus:focus {
+  color: var(--tc-yellow-70);
+}
+
+.tet-color__yellow70--border,
+.tet-color__yellow70--border-hover:hover,
+.tet-color__yellow70--border-focus:focus {
+  border-color: var(--tc-yellow-70);
+}
+
+.tet-color__yellow70--background,
+.tet-color__yellow70--background-hover:hover,
+.tet-color__yellow70--background-focus:focus {
+  background-color: var(--tc-yellow-70);
+}
+
+.tet-color__yellow60,
+.tet-color__yellow60--hover:hover,
+.tet-color__yellow60--focus:focus {
+  color: var(--tc-yellow-60);
+}
+
+.tet-color__yellow60--border,
+.tet-color__yellow60--border-hover:hover,
+.tet-color__yellow60--border-focus:focus {
+  border-color: var(--tc-yellow-60);
+}
+
+.tet-color__yellow60--background,
+.tet-color__yellow60--background-hover:hover,
+.tet-color__yellow60--background-focus:focus {
+  background-color: var(--tc-yellow-60);
 }
 
 .tet-color__yellow50,
 .tet-color__yellow50--hover:hover,
 .tet-color__yellow50--focus:focus {
-  color: rgb(255, 209, 38);
+  color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow50--border,
 .tet-color__yellow50--border-hover:hover,
 .tet-color__yellow50--border-focus:focus {
-  border-color: rgb(255, 209, 38);
+  border-color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow50--background,
 .tet-color__yellow50--background-hover:hover,
 .tet-color__yellow50--background-focus:focus {
-  background-color: rgb(255, 209, 38);
+  background-color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow40,
 .tet-color__yellow40--hover:hover,
 .tet-color__yellow40--focus:focus {
-  color: rgb(255, 182, 26);
+  color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow40--border,
 .tet-color__yellow40--border-hover:hover,
 .tet-color__yellow40--border-focus:focus {
-  border-color: rgb(255, 182, 26);
+  border-color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow40--background,
 .tet-color__yellow40--background-hover:hover,
 .tet-color__yellow40--background-focus:focus {
-  background-color: rgb(255, 182, 26);
+  background-color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow30,
 .tet-color__yellow30--hover:hover,
 .tet-color__yellow30--focus:focus {
-  color: rgb(251, 200, 91);
+  color: var(--tc-yellow-30);
 }
 
 .tet-color__yellow30--border,
 .tet-color__yellow30--border-hover:hover,
 .tet-color__yellow30--border-focus:focus {
-  border-color: rgb(251, 200, 91);
+  border-color: var(--tc-yellow-30);
 }
 
 .tet-color__yellow30--background,
 .tet-color__yellow30--background-hover:hover,
 .tet-color__yellow30--background-focus:focus {
-  background-color: rgb(251, 200, 91);
+  background-color: var(--tc-yellow-30);
 }
 
 .tet-color__yellow20,
 .tet-color__yellow20--hover:hover,
 .tet-color__yellow20--focus:focus {
-  color: rgb(249, 212, 134);
+  color: var(--tc-yellow-20);
 }
 
 .tet-color__yellow20--border,
 .tet-color__yellow20--border-hover:hover,
 .tet-color__yellow20--border-focus:focus {
-  border-color: rgb(249, 212, 134);
+  border-color: var(--tc-yellow-20);
 }
 
 .tet-color__yellow20--background,
 .tet-color__yellow20--background-hover:hover,
 .tet-color__yellow20--background-focus:focus {
-  background-color: rgb(249, 212, 134);
+  background-color: var(--tc-yellow-20);
 }
 
 .tet-color__yellow10,
 .tet-color__yellow10--hover:hover,
 .tet-color__yellow10--focus:focus {
-  color: rgb(251, 231, 187);
+  color: var(--tc-yellow-10);
 }
 
 .tet-color__yellow10--border,
 .tet-color__yellow10--border-hover:hover,
 .tet-color__yellow10--border-focus:focus {
-  border-color: rgb(251, 231, 187);
+  border-color: var(--tc-yellow-10);
 }
 
 .tet-color__yellow10--background,
 .tet-color__yellow10--background-hover:hover,
 .tet-color__yellow10--background-focus:focus {
-  background-color: rgb(251, 231, 187);
+  background-color: var(--tc-yellow-10);
 }
 
 .tet-color__yellow00,
 .tet-color__yellow00--hover:hover,
 .tet-color__yellow00--focus:focus {
-  color: rgb(252, 244, 227);
+  color: var(--tc-yellow-00);
 }
 
 .tet-color__yellow00--border,
 .tet-color__yellow00--border-hover:hover,
 .tet-color__yellow00--border-focus:focus {
-  border-color: rgb(252, 244, 227);
+  border-color: var(--tc-yellow-00);
 }
 
 .tet-color__yellow00--background,
 .tet-color__yellow00--background-hover:hover,
 .tet-color__yellow00--background-focus:focus {
-  background-color: rgb(252, 244, 227);
+  background-color: var(--tc-yellow-00);
 }
 
 .tet-color__yellow80dark,
 .tet-color__yellow80dark--hover:hover,
 .tet-color__yellow80dark--focus:focus {
-  color: rgb(51, 35, 0);
+  color: var(--tc-yellow-80);
 }
 
 .tet-color__yellow80dark--border,
 .tet-color__yellow80dark--border-hover:hover,
 .tet-color__yellow80dark--border-focus:focus {
-  border-color: rgb(51, 35, 0);
+  border-color: var(--tc-yellow-80);
 }
 
 .tet-color__yellow80dark--background,
 .tet-color__yellow80dark--background-hover:hover,
 .tet-color__yellow80dark--background-focus:focus {
-  background-color: rgb(51, 35, 0);
+  background-color: var(--tc-yellow-80);
 }
 
 .tet-color__yellow70dark,
 .tet-color__yellow70dark--hover:hover,
 .tet-color__yellow70dark--focus:focus {
-  color: rgb(102, 70, 0);
+  color: var(--tc-yellow-70);
 }
 
 .tet-color__yellow70dark--border,
 .tet-color__yellow70dark--border-hover:hover,
 .tet-color__yellow70dark--border-focus:focus {
-  border-color: rgb(102, 70, 0);
+  border-color: var(--tc-yellow-70);
 }
 
 .tet-color__yellow70dark--background,
 .tet-color__yellow70dark--background-hover:hover,
 .tet-color__yellow70dark--background-focus:focus {
-  background-color: rgb(102, 70, 0);
+  background-color: var(--tc-yellow-70);
 }
 
 .tet-color__yellow60dark,
 .tet-color__yellow60dark--hover:hover,
 .tet-color__yellow60dark--focus:focus {
-  color: rgb(168, 115, 0);
+  color: var(--tc-yellow-60);
 }
 
 .tet-color__yellow60dark--border,
 .tet-color__yellow60dark--border-hover:hover,
 .tet-color__yellow60dark--border-focus:focus {
-  border-color: rgb(168, 115, 0);
+  border-color: var(--tc-yellow-60);
 }
 
 .tet-color__yellow60dark--background,
 .tet-color__yellow60dark--background-hover:hover,
 .tet-color__yellow60dark--background-focus:focus {
-  background-color: rgb(168, 115, 0);
+  background-color: var(--tc-yellow-60);
 }
 
 .tet-color__yellow55dark,
 .tet-color__yellow55dark--hover:hover,
 .tet-color__yellow55dark--focus:focus {
-  color: rgb(204, 161, 0);
+  color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow55dark--border,
 .tet-color__yellow55dark--border-hover:hover,
 .tet-color__yellow55dark--border-focus:focus {
-  border-color: rgb(204, 161, 0);
+  border-color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow55dark--background,
 .tet-color__yellow55dark--background-hover:hover,
 .tet-color__yellow55dark--background-focus:focus {
-  background-color: rgb(204, 161, 0);
+  background-color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow50dark,
 .tet-color__yellow50dark--hover:hover,
 .tet-color__yellow50dark--focus:focus {
-  color: rgb(229, 157, 0);
+  color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow50dark--border,
 .tet-color__yellow50dark--border-hover:hover,
 .tet-color__yellow50dark--border-focus:focus {
-  border-color: rgb(229, 157, 0);
+  border-color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow50dark--background,
 .tet-color__yellow50dark--background-hover:hover,
 .tet-color__yellow50dark--background-focus:focus {
-  background-color: rgb(229, 157, 0);
+  background-color: var(--tc-yellow-50);
 }
 
 .tet-color__yellow45dark,
 .tet-color__yellow45dark--hover:hover,
 .tet-color__yellow45dark--focus:focus {
-  color: rgb(229, 181, 0);
+  color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow45dark--border,
 .tet-color__yellow45dark--border-hover:hover,
 .tet-color__yellow45dark--border-focus:focus {
-  border-color: rgb(229, 181, 0);
+  border-color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow45dark--background,
 .tet-color__yellow45dark--background-hover:hover,
 .tet-color__yellow45dark--background-focus:focus {
-  background-color: rgb(229, 181, 0);
+  background-color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow40dark,
 .tet-color__yellow40dark--hover:hover,
 .tet-color__yellow40dark--focus:focus {
-  color: rgb(255, 190, 51);
+  color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow40dark--border,
 .tet-color__yellow40dark--border-hover:hover,
 .tet-color__yellow40dark--border-focus:focus {
-  border-color: rgb(255, 190, 51);
+  border-color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow40dark--background,
 .tet-color__yellow40dark--background-hover:hover,
 .tet-color__yellow40dark--background-focus:focus {
-  background-color: rgb(255, 190, 51);
+  background-color: var(--tc-yellow-40);
 }
 
 .tet-color__yellow10dark,
 .tet-color__yellow10dark--hover:hover,
 .tet-color__yellow10dark--focus:focus {
-  color: rgb(255, 232, 184);
+  color: var(--tc-yellow-10);
 }
 
 .tet-color__yellow10dark--border,
 .tet-color__yellow10dark--border-hover:hover,
 .tet-color__yellow10dark--border-focus:focus {
-  border-color: rgb(255, 232, 184);
+  border-color: var(--tc-yellow-10);
 }
 
 .tet-color__yellow10dark--background,
 .tet-color__yellow10dark--background-hover:hover,
 .tet-color__yellow10dark--background-focus:focus {
-  background-color: rgb(255, 232, 184);
+  background-color: var(--tc-yellow-10);
 }
 
 .tet-color__red,
 .tet-color__red--hover:hover,
 .tet-color__red--focus:focus {
-  color: rgb(233, 69, 54);
+  color: var(--tc-red-40);
 }
 
 .tet-color__red--border,
 .tet-color__red--border-hover:hover,
 .tet-color__red--border-focus:focus {
-  border-color: rgb(233, 69, 54);
+  border-color: var(--tc-red-40);
 }
 
 .tet-color__red--background,
 .tet-color__red--background-hover:hover,
 .tet-color__red--background-focus:focus {
-  background-color: rgb(233, 69, 54);
+  background-color: var(--tc-red-40);
 }
 
 .tet-color__red80,
 .tet-color__red80--hover:hover,
 .tet-color__red80--focus:focus {
-  color: rgb(108, 27, 19);
+  color: var(--tc-red-80);
 }
 
 .tet-color__red80--border,
 .tet-color__red80--border-hover:hover,
 .tet-color__red80--border-focus:focus {
-  border-color: rgb(108, 27, 19);
+  border-color: var(--tc-red-80);
 }
 
 .tet-color__red80--background,
 .tet-color__red80--background-hover:hover,
 .tet-color__red80--background-focus:focus {
-  background-color: rgb(108, 27, 19);
+  background-color: var(--tc-red-80);
+}
+
+.tet-color__red70,
+.tet-color__red70--hover:hover,
+.tet-color__red70--focus:focus {
+  color: var(--tc-red-70);
+}
+
+.tet-color__red70--border,
+.tet-color__red70--border-hover:hover,
+.tet-color__red70--border-focus:focus {
+  border-color: var(--tc-red-70);
+}
+
+.tet-color__red70--background,
+.tet-color__red70--background-hover:hover,
+.tet-color__red70--background-focus:focus {
+  background-color: var(--tc-red-70);
+}
+
+.tet-color__red60,
+.tet-color__red60--hover:hover,
+.tet-color__red60--focus:focus {
+  color: var(--tc-red-60);
+}
+
+.tet-color__red60--border,
+.tet-color__red60--border-hover:hover,
+.tet-color__red60--border-focus:focus {
+  border-color: var(--tc-red-60);
+}
+
+.tet-color__red60--background,
+.tet-color__red60--background-hover:hover,
+.tet-color__red60--background-focus:focus {
+  background-color: var(--tc-red-60);
 }
 
 .tet-color__red50,
 .tet-color__red50--hover:hover,
 .tet-color__red50--focus:focus {
-  color: rgb(229, 9, 20);
+  color: var(--tc-red-50);
 }
 
 .tet-color__red50--border,
 .tet-color__red50--border-hover:hover,
 .tet-color__red50--border-focus:focus {
-  border-color: rgb(229, 9, 20);
+  border-color: var(--tc-red-50);
 }
 
 .tet-color__red50--background,
 .tet-color__red50--background-hover:hover,
 .tet-color__red50--background-focus:focus {
-  background-color: rgb(229, 9, 20);
+  background-color: var(--tc-red-50);
 }
 
 .tet-color__red40,
 .tet-color__red40--hover:hover,
 .tet-color__red40--focus:focus {
-  color: rgb(233, 69, 54);
+  color: var(--tc-red-40);
 }
 
 .tet-color__red40--border,
 .tet-color__red40--border-hover:hover,
 .tet-color__red40--border-focus:focus {
-  border-color: rgb(233, 69, 54);
+  border-color: var(--tc-red-40);
 }
 
 .tet-color__red40--background,
 .tet-color__red40--background-hover:hover,
 .tet-color__red40--background-focus:focus {
-  background-color: rgb(233, 69, 54);
+  background-color: var(--tc-red-40);
 }
 
 .tet-color__red30,
 .tet-color__red30--hover:hover,
 .tet-color__red30--focus:focus {
-  color: rgb(239, 119, 108);
+  color: var(--tc-red-30);
 }
 
 .tet-color__red30--border,
 .tet-color__red30--border-hover:hover,
 .tet-color__red30--border-focus:focus {
-  border-color: rgb(239, 119, 108);
+  border-color: var(--tc-red-30);
 }
 
 .tet-color__red30--background,
 .tet-color__red30--background-hover:hover,
 .tet-color__red30--background-focus:focus {
-  background-color: rgb(239, 119, 108);
+  background-color: var(--tc-red-30);
 }
 
 .tet-color__red20,
 .tet-color__red20--hover:hover,
 .tet-color__red20--focus:focus {
-  color: rgb(243, 153, 145);
+  color: var(--tc-red-20);
 }
 
 .tet-color__red20--border,
 .tet-color__red20--border-hover:hover,
 .tet-color__red20--border-focus:focus {
-  border-color: rgb(243, 153, 145);
+  border-color: var(--tc-red-20);
 }
 
 .tet-color__red20--background,
 .tet-color__red20--background-hover:hover,
 .tet-color__red20--background-focus:focus {
-  background-color: rgb(243, 153, 145);
+  background-color: var(--tc-red-20);
 }
 
 .tet-color__red10,
 .tet-color__red10--hover:hover,
 .tet-color__red10--focus:focus {
-  color: rgb(248, 195, 191);
+  color: var(--tc-red-10);
 }
 
 .tet-color__red10--border,
 .tet-color__red10--border-hover:hover,
 .tet-color__red10--border-focus:focus {
-  border-color: rgb(248, 195, 191);
+  border-color: var(--tc-red-10);
 }
 
 .tet-color__red10--background,
 .tet-color__red10--background-hover:hover,
 .tet-color__red10--background-focus:focus {
-  background-color: rgb(248, 195, 191);
+  background-color: var(--tc-red-10);
 }
 
 .tet-color__red00,
 .tet-color__red00--hover:hover,
 .tet-color__red00--focus:focus {
-  color: rgb(252, 238, 238);
+  color: var(--tc-red-00);
 }
 
 .tet-color__red00--border,
 .tet-color__red00--border-hover:hover,
 .tet-color__red00--border-focus:focus {
-  border-color: rgb(252, 238, 238);
+  border-color: var(--tc-red-00);
 }
 
 .tet-color__red00--background,
 .tet-color__red00--background-hover:hover,
 .tet-color__red00--background-focus:focus {
-  background-color: rgb(252, 238, 238);
+  background-color: var(--tc-red-00);
 }
 
 .tet-color__red80dark,
 .tet-color__red80dark--hover:hover,
 .tet-color__red80dark--focus:focus {
-  color: rgb(55, 10, 6);
+  color: var(--tc-red-80);
 }
 
 .tet-color__red80dark--border,
 .tet-color__red80dark--border-hover:hover,
 .tet-color__red80dark--border-focus:focus {
-  border-color: rgb(55, 10, 6);
+  border-color: var(--tc-red-80);
 }
 
 .tet-color__red80dark--background,
 .tet-color__red80dark--background-hover:hover,
 .tet-color__red80dark--background-focus:focus {
-  background-color: rgb(55, 10, 6);
+  background-color: var(--tc-red-80);
 }
 
 .tet-color__red70dark,
 .tet-color__red70dark--hover:hover,
 .tet-color__red70dark--focus:focus {
-  color: rgb(101, 19, 11);
+  color: var(--tc-red-70);
 }
 
 .tet-color__red70dark--border,
 .tet-color__red70dark--border-hover:hover,
 .tet-color__red70dark--border-focus:focus {
-  border-color: rgb(101, 19, 11);
+  border-color: var(--tc-red-70);
 }
 
 .tet-color__red70dark--background,
 .tet-color__red70dark--background-hover:hover,
 .tet-color__red70dark--background-focus:focus {
-  background-color: rgb(101, 19, 11);
+  background-color: var(--tc-red-70);
 }
 
 .tet-color__red65dark,
 .tet-color__red65dark--hover:hover,
 .tet-color__red65dark--focus:focus {
-  color: rgb(132, 5, 13);
+  color: var(--tc-red-60);
 }
 
 .tet-color__red65dark--border,
 .tet-color__red65dark--border-hover:hover,
 .tet-color__red65dark--border-focus:focus {
-  border-color: rgb(132, 5, 13);
+  border-color: var(--tc-red-60);
 }
 
 .tet-color__red65dark--background,
 .tet-color__red65dark--background-hover:hover,
 .tet-color__red65dark--background-focus:focus {
-  background-color: rgb(132, 5, 13);
+  background-color: var(--tc-red-60);
 }
 
 .tet-color__red60dark,
 .tet-color__red60dark--hover:hover,
 .tet-color__red60dark--focus:focus {
-  color: rgb(161, 30, 18);
+  color: var(--tc-red-60);
 }
 
 .tet-color__red60dark--border,
 .tet-color__red60dark--border-hover:hover,
 .tet-color__red60dark--border-focus:focus {
-  border-color: rgb(161, 30, 18);
+  border-color: var(--tc-red-60);
 }
 
 .tet-color__red60dark--background,
 .tet-color__red60dark--background-hover:hover,
 .tet-color__red60dark--background-focus:focus {
-  background-color: rgb(161, 30, 18);
+  background-color: var(--tc-red-60);
 }
 
 .tet-color__red55dark,
 .tet-color__red55dark--hover:hover,
 .tet-color__red55dark--focus:focus {
-  color: rgb(182, 7, 18);
+  color: var(--tc-red-50);
 }
 
 .tet-color__red55dark--border,
 .tet-color__red55dark--border-hover:hover,
 .tet-color__red55dark--border-focus:focus {
-  border-color: rgb(182, 7, 18);
+  border-color: var(--tc-red-50);
 }
 
 .tet-color__red55dark--background,
 .tet-color__red55dark--background-hover:hover,
 .tet-color__red55dark--background-focus:focus {
-  background-color: rgb(182, 7, 18);
+  background-color: var(--tc-red-50);
 }
 
 .tet-color__red50dark,
 .tet-color__red50dark--hover:hover,
 .tet-color__red50dark--focus:focus {
-  color: rgb(207, 38, 23);
+  color: var(--tc-red-50);
 }
 
 .tet-color__red50dark--border,
 .tet-color__red50dark--border-hover:hover,
 .tet-color__red50dark--border-focus:focus {
-  border-color: rgb(207, 38, 23);
+  border-color: var(--tc-red-50);
 }
 
 .tet-color__red50dark--background,
 .tet-color__red50dark--background-hover:hover,
 .tet-color__red50dark--background-focus:focus {
-  background-color: rgb(207, 38, 23);
+  background-color: var(--tc-red-50);
 }
 
 .tet-color__red40dark,
 .tet-color__red40dark--hover:hover,
 .tet-color__red40dark--focus:focus {
-  color: rgb(233, 69, 54);
+  color: var(--tc-red-40);
 }
 
 .tet-color__red40dark--border,
 .tet-color__red40dark--border-hover:hover,
 .tet-color__red40dark--border-focus:focus {
-  border-color: rgb(233, 69, 54);
+  border-color: var(--tc-red-40);
 }
 
 .tet-color__red40dark--background,
 .tet-color__red40dark--background-hover:hover,
 .tet-color__red40dark--background-focus:focus {
-  background-color: rgb(233, 69, 54);
+  background-color: var(--tc-red-40);
 }
 
 .tet-color__red10dark,
 .tet-color__red10dark--hover:hover,
 .tet-color__red10dark--focus:focus {
-  color: rgb(255, 208, 204);
+  color: var(--tc-red-10);
 }
 
 .tet-color__red10dark--border,
 .tet-color__red10dark--border-hover:hover,
 .tet-color__red10dark--border-focus:focus {
-  border-color: rgb(255, 208, 204);
+  border-color: var(--tc-red-10);
 }
 
 .tet-color__red10dark--background,
 .tet-color__red10dark--background-hover:hover,
 .tet-color__red10dark--background-focus:focus {
-  background-color: rgb(255, 208, 204);
+  background-color: var(--tc-red-10);
+}
+
+.tet-color__violet,
+.tet-color__violet--hover:hover,
+.tet-color__violet--focus:focus {
+  color: var(--tc-violet-40);
+}
+
+.tet-color__violet--border,
+.tet-color__violet--border-hover:hover,
+.tet-color__violet--border-focus:focus {
+  border-color: var(--tc-violet-40);
+}
+
+.tet-color__violet--background,
+.tet-color__violet--background-hover:hover,
+.tet-color__violet--background-focus:focus {
+  background-color: var(--tc-violet-40);
+}
+
+.tet-color__violet80,
+.tet-color__violet80--hover:hover,
+.tet-color__violet80--focus:focus {
+  color: var(--tc-violet-80);
+}
+
+.tet-color__violet80--border,
+.tet-color__violet80--border-hover:hover,
+.tet-color__violet80--border-focus:focus {
+  border-color: var(--tc-violet-80);
+}
+
+.tet-color__violet80--background,
+.tet-color__violet80--background-hover:hover,
+.tet-color__violet80--background-focus:focus {
+  background-color: var(--tc-violet-80);
+}
+
+.tet-color__violet70,
+.tet-color__violet70--hover:hover,
+.tet-color__violet70--focus:focus {
+  color: var(--tc-violet-70);
+}
+
+.tet-color__violet70--border,
+.tet-color__violet70--border-hover:hover,
+.tet-color__violet70--border-focus:focus {
+  border-color: var(--tc-violet-70);
+}
+
+.tet-color__violet70--background,
+.tet-color__violet70--background-hover:hover,
+.tet-color__violet70--background-focus:focus {
+  background-color: var(--tc-violet-70);
+}
+
+.tet-color__violet60,
+.tet-color__violet60--hover:hover,
+.tet-color__violet60--focus:focus {
+  color: var(--tc-violet-60);
+}
+
+.tet-color__violet60--border,
+.tet-color__violet60--border-hover:hover,
+.tet-color__violet60--border-focus:focus {
+  border-color: var(--tc-violet-60);
+}
+
+.tet-color__violet60--background,
+.tet-color__violet60--background-hover:hover,
+.tet-color__violet60--background-focus:focus {
+  background-color: var(--tc-violet-60);
+}
+
+.tet-color__violet50,
+.tet-color__violet50--hover:hover,
+.tet-color__violet50--focus:focus {
+  color: var(--tc-violet-50);
+}
+
+.tet-color__violet50--border,
+.tet-color__violet50--border-hover:hover,
+.tet-color__violet50--border-focus:focus {
+  border-color: var(--tc-violet-50);
+}
+
+.tet-color__violet50--background,
+.tet-color__violet50--background-hover:hover,
+.tet-color__violet50--background-focus:focus {
+  background-color: var(--tc-violet-50);
+}
+
+.tet-color__violet40,
+.tet-color__violet40--hover:hover,
+.tet-color__violet40--focus:focus {
+  color: var(--tc-violet-40);
+}
+
+.tet-color__violet40--border,
+.tet-color__violet40--border-hover:hover,
+.tet-color__violet40--border-focus:focus {
+  border-color: var(--tc-violet-40);
+}
+
+.tet-color__violet40--background,
+.tet-color__violet40--background-hover:hover,
+.tet-color__violet40--background-focus:focus {
+  background-color: var(--tc-violet-40);
+}
+
+.tet-color__violet30,
+.tet-color__violet30--hover:hover,
+.tet-color__violet30--focus:focus {
+  color: var(--tc-violet-30);
+}
+
+.tet-color__violet30--border,
+.tet-color__violet30--border-hover:hover,
+.tet-color__violet30--border-focus:focus {
+  border-color: var(--tc-violet-30);
+}
+
+.tet-color__violet30--background,
+.tet-color__violet30--background-hover:hover,
+.tet-color__violet30--background-focus:focus {
+  background-color: var(--tc-violet-30);
+}
+
+.tet-color__violet20,
+.tet-color__violet20--hover:hover,
+.tet-color__violet20--focus:focus {
+  color: var(--tc-violet-20);
+}
+
+.tet-color__violet20--border,
+.tet-color__violet20--border-hover:hover,
+.tet-color__violet20--border-focus:focus {
+  border-color: var(--tc-violet-20);
+}
+
+.tet-color__violet20--background,
+.tet-color__violet20--background-hover:hover,
+.tet-color__violet20--background-focus:focus {
+  background-color: var(--tc-violet-20);
+}
+
+.tet-color__violet10,
+.tet-color__violet10--hover:hover,
+.tet-color__violet10--focus:focus {
+  color: var(--tc-violet-10);
+}
+
+.tet-color__violet10--border,
+.tet-color__violet10--border-hover:hover,
+.tet-color__violet10--border-focus:focus {
+  border-color: var(--tc-violet-10);
+}
+
+.tet-color__violet10--background,
+.tet-color__violet10--background-hover:hover,
+.tet-color__violet10--background-focus:focus {
+  background-color: var(--tc-violet-10);
+}
+
+.tet-color__violet00,
+.tet-color__violet00--hover:hover,
+.tet-color__violet00--focus:focus {
+  color: var(--tc-violet-00);
+}
+
+.tet-color__violet00--border,
+.tet-color__violet00--border-hover:hover,
+.tet-color__violet00--border-focus:focus {
+  border-color: var(--tc-violet-00);
+}
+
+.tet-color__violet00--background,
+.tet-color__violet00--background-hover:hover,
+.tet-color__violet00--background-focus:focus {
+  background-color: var(--tc-violet-00);
+}
+
+.tet-color__grey110,
+.tet-color__grey110--hover:hover,
+.tet-color__grey110--focus:focus {
+  color: var(--tc-grey-110);
+}
+
+.tet-color__grey110--border,
+.tet-color__grey110--border-hover:hover,
+.tet-color__grey110--border-focus:focus {
+  border-color: var(--tc-grey-110);
+}
+
+.tet-color__grey110--background,
+.tet-color__grey110--background-hover:hover,
+.tet-color__grey110--background-focus:focus {
+  background-color: var(--tc-grey-110);
+}
+
+.tet-color__grey100,
+.tet-color__grey100--hover:hover,
+.tet-color__grey100--focus:focus {
+  color: var(--tc-grey-100);
+}
+
+.tet-color__grey100--border,
+.tet-color__grey100--border-hover:hover,
+.tet-color__grey100--border-focus:focus {
+  border-color: var(--tc-grey-100);
+}
+
+.tet-color__grey100--background,
+.tet-color__grey100--background-hover:hover,
+.tet-color__grey100--background-focus:focus {
+  background-color: var(--tc-grey-100);
 }
 
 .tet-color__grey90,
 .tet-color__grey90--hover:hover,
 .tet-color__grey90--focus:focus {
-  color: rgb(22, 25, 29);
+  color: var(--tc-grey-90);
 }
 
 .tet-color__grey90--border,
 .tet-color__grey90--border-hover:hover,
 .tet-color__grey90--border-focus:focus {
-  border-color: rgb(22, 25, 29);
+  border-color: var(--tc-grey-90);
 }
 
 .tet-color__grey90--background,
 .tet-color__grey90--background-hover:hover,
 .tet-color__grey90--background-focus:focus {
-  background-color: rgb(22, 25, 29);
+  background-color: var(--tc-grey-90);
 }
 
 .tet-color__grey80,
 .tet-color__grey80--hover:hover,
 .tet-color__grey80--focus:focus {
-  color: rgb(35, 40, 46);
+  color: var(--tc-grey-80);
 }
 
 .tet-color__grey80--border,
 .tet-color__grey80--border-hover:hover,
 .tet-color__grey80--border-focus:focus {
-  border-color: rgb(35, 40, 46);
+  border-color: var(--tc-grey-80);
 }
 
 .tet-color__grey80--background,
 .tet-color__grey80--background-hover:hover,
 .tet-color__grey80--background-focus:focus {
-  background-color: rgb(35, 40, 46);
+  background-color: var(--tc-grey-80);
 }
 
 .tet-color__grey70,
 .tet-color__grey70--hover:hover,
 .tet-color__grey70--focus:focus {
-  color: rgb(67, 75, 86);
+  color: var(--tc-grey-70);
 }
 
 .tet-color__grey70--border,
 .tet-color__grey70--border-hover:hover,
 .tet-color__grey70--border-focus:focus {
-  border-color: rgb(67, 75, 86);
+  border-color: var(--tc-grey-70);
 }
 
 .tet-color__grey70--background,
 .tet-color__grey70--background-hover:hover,
 .tet-color__grey70--background-focus:focus {
-  background-color: rgb(67, 75, 86);
+  background-color: var(--tc-grey-70);
 }
 
 .tet-color__grey60,
 .tet-color__grey60--hover:hover,
 .tet-color__grey60--focus:focus {
-  color: rgb(88, 99, 116);
+  color: var(--tc-grey-60);
 }
 
 .tet-color__grey60--border,
 .tet-color__grey60--border-hover:hover,
 .tet-color__grey60--border-focus:focus {
-  border-color: rgb(88, 99, 116);
+  border-color: var(--tc-grey-60);
 }
 
 .tet-color__grey60--background,
 .tet-color__grey60--background-hover:hover,
 .tet-color__grey60--background-focus:focus {
-  background-color: rgb(88, 99, 116);
+  background-color: var(--tc-grey-60);
 }
 
 .tet-color__grey50,
 .tet-color__grey50--hover:hover,
 .tet-color__grey50--focus:focus {
-  color: rgb(153, 160, 174);
+  color: var(--tc-grey-50);
 }
 
 .tet-color__grey50--border,
 .tet-color__grey50--border-hover:hover,
 .tet-color__grey50--border-focus:focus {
-  border-color: rgb(153, 160, 174);
+  border-color: var(--tc-grey-50);
 }
 
 .tet-color__grey50--background,
 .tet-color__grey50--background-hover:hover,
 .tet-color__grey50--background-focus:focus {
-  background-color: rgb(153, 160, 174);
+  background-color: var(--tc-grey-50);
 }
 
 .tet-color__grey40,
 .tet-color__grey40--hover:hover,
 .tet-color__grey40--focus:focus {
-  color: rgb(192, 197, 206);
+  color: var(--tc-grey-40);
 }
 
 .tet-color__grey40--border,
 .tet-color__grey40--border-hover:hover,
 .tet-color__grey40--border-focus:focus {
-  border-color: rgb(192, 197, 206);
+  border-color: var(--tc-grey-40);
 }
 
 .tet-color__grey40--background,
 .tet-color__grey40--background-hover:hover,
 .tet-color__grey40--background-focus:focus {
-  background-color: rgb(192, 197, 206);
+  background-color: var(--tc-grey-40);
 }
 
 .tet-color__grey30,
 .tet-color__grey30--hover:hover,
 .tet-color__grey30--focus:focus {
-  color: rgb(215, 219, 224);
+  color: var(--tc-grey-30);
 }
 
 .tet-color__grey30--border,
 .tet-color__grey30--border-hover:hover,
 .tet-color__grey30--border-focus:focus {
-  border-color: rgb(215, 219, 224);
+  border-color: var(--tc-grey-30);
 }
 
 .tet-color__grey30--background,
 .tet-color__grey30--background-hover:hover,
 .tet-color__grey30--background-focus:focus {
-  background-color: rgb(215, 219, 224);
+  background-color: var(--tc-grey-30);
 }
 
 .tet-color__grey20,
 .tet-color__grey20--hover:hover,
 .tet-color__grey20--focus:focus {
-  color: rgb(235, 237, 239);
+  color: var(--tc-grey-20);
 }
 
 .tet-color__grey20--border,
 .tet-color__grey20--border-hover:hover,
 .tet-color__grey20--border-focus:focus {
-  border-color: rgb(235, 237, 239);
+  border-color: var(--tc-grey-20);
 }
 
 .tet-color__grey20--background,
 .tet-color__grey20--background-hover:hover,
 .tet-color__grey20--background-focus:focus {
-  background-color: rgb(235, 237, 239);
+  background-color: var(--tc-grey-20);
 }
 
 .tet-color__grey10,
 .tet-color__grey10--hover:hover,
 .tet-color__grey10--focus:focus {
-  color: rgb(247, 247, 247);
+  color: var(--tc-grey-10);
 }
 
 .tet-color__grey10--border,
 .tet-color__grey10--border-hover:hover,
 .tet-color__grey10--border-focus:focus {
-  border-color: rgb(247, 247, 247);
+  border-color: var(--tc-grey-10);
 }
 
 .tet-color__grey10--background,
 .tet-color__grey10--background-hover:hover,
 .tet-color__grey10--background-focus:focus {
-  background-color: rgb(247, 247, 247);
+  background-color: var(--tc-grey-10);
+}
+
+.tet-color__grey00,
+.tet-color__grey00--hover:hover,
+.tet-color__grey00--focus:focus {
+  color: var(--tc-grey-00);
+}
+
+.tet-color__grey00--border,
+.tet-color__grey00--border-hover:hover,
+.tet-color__grey00--border-focus:focus {
+  border-color: var(--tc-grey-00);
+}
+
+.tet-color__grey00--background,
+.tet-color__grey00--background-hover:hover,
+.tet-color__grey00--background-focus:focus {
+  background-color: var(--tc-grey-00);
 }
 
 .tet-color__purple,
 .tet-color__purple--hover:hover,
 .tet-color__purple--focus:focus {
-  color: rgb(149, 116, 231);
+  color: var(--tc-violet-40);
 }
 
 .tet-color__purple--border,
 .tet-color__purple--border-hover:hover,
 .tet-color__purple--border-focus:focus {
-  border-color: rgb(149, 116, 231);
+  border-color: var(--tc-violet-40);
 }
 
 .tet-color__purple--background,
 .tet-color__purple--background-hover:hover,
 .tet-color__purple--background-focus:focus {
-  background-color: rgb(149, 116, 231);
+  background-color: var(--tc-violet-40);
 }
 
 .tet-color__black,
 .tet-color__black--hover:hover,
 .tet-color__black--focus:focus {
-  color: rgb(10, 11, 13);
+  color: var(--tc-foundation-black);
 }
 
 .tet-color__black--border,
 .tet-color__black--border-hover:hover,
 .tet-color__black--border-focus:focus {
-  border-color: rgb(10, 11, 13);
+  border-color: var(--tc-foundation-black);
 }
 
 .tet-color__black--background,
 .tet-color__black--background-hover:hover,
 .tet-color__black--background-focus:focus {
-  background-color: rgb(10, 11, 13);
+  background-color: var(--tc-foundation-black);
 }
 
 .tet-color__white,
 .tet-color__white--hover:hover,
 .tet-color__white--focus:focus {
-  color: rgb(255, 255, 255);
+  color: var(--tc-foundation-white);
 }
 
 .tet-color__white--border,
 .tet-color__white--border-hover:hover,
 .tet-color__white--border-focus:focus {
-  border-color: rgb(255, 255, 255);
+  border-color: var(--tc-foundation-white);
 }
 
 .tet-color__white--background,
 .tet-color__white--background-hover:hover,
 .tet-color__white--background-focus:focus {
-  background-color: rgb(255, 255, 255);
+  background-color: var(--tc-foundation-white);
+}
+
+.dark .tet-color__blue,
+.dark .tet-color__blue--hover:hover,
+.dark .tet-color__blue--focus:focus {
+  color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue--border,
+.dark .tet-color__blue--border-hover:hover,
+.dark .tet-color__blue--border-focus:focus {
+  border-color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue--background,
+.dark .tet-color__blue--background-hover:hover,
+.dark .tet-color__blue--background-focus:focus {
+  background-color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue80,
+.dark .tet-color__blue80--hover:hover,
+.dark .tet-color__blue80--focus:focus {
+  color: var(--tc-blue-80-dark);
+}
+
+.dark .tet-color__blue80--border,
+.dark .tet-color__blue80--border-hover:hover,
+.dark .tet-color__blue80--border-focus:focus {
+  border-color: var(--tc-blue-80-dark);
+}
+
+.dark .tet-color__blue80--background,
+.dark .tet-color__blue80--background-hover:hover,
+.dark .tet-color__blue80--background-focus:focus {
+  background-color: var(--tc-blue-80-dark);
+}
+
+.dark .tet-color__blue70,
+.dark .tet-color__blue70--hover:hover,
+.dark .tet-color__blue70--focus:focus {
+  color: var(--tc-blue-70-dark);
+}
+
+.dark .tet-color__blue70--border,
+.dark .tet-color__blue70--border-hover:hover,
+.dark .tet-color__blue70--border-focus:focus {
+  border-color: var(--tc-blue-70-dark);
+}
+
+.dark .tet-color__blue70--background,
+.dark .tet-color__blue70--background-hover:hover,
+.dark .tet-color__blue70--background-focus:focus {
+  background-color: var(--tc-blue-70-dark);
+}
+
+.dark .tet-color__blue60,
+.dark .tet-color__blue60--hover:hover,
+.dark .tet-color__blue60--focus:focus {
+  color: var(--tc-blue-60-dark);
+}
+
+.dark .tet-color__blue60--border,
+.dark .tet-color__blue60--border-hover:hover,
+.dark .tet-color__blue60--border-focus:focus {
+  border-color: var(--tc-blue-60-dark);
+}
+
+.dark .tet-color__blue60--background,
+.dark .tet-color__blue60--background-hover:hover,
+.dark .tet-color__blue60--background-focus:focus {
+  background-color: var(--tc-blue-60-dark);
+}
+
+.dark .tet-color__blue50,
+.dark .tet-color__blue50--hover:hover,
+.dark .tet-color__blue50--focus:focus {
+  color: var(--tc-blue-50-dark);
+}
+
+.dark .tet-color__blue50--border,
+.dark .tet-color__blue50--border-hover:hover,
+.dark .tet-color__blue50--border-focus:focus {
+  border-color: var(--tc-blue-50-dark);
+}
+
+.dark .tet-color__blue50--background,
+.dark .tet-color__blue50--background-hover:hover,
+.dark .tet-color__blue50--background-focus:focus {
+  background-color: var(--tc-blue-50-dark);
+}
+
+.dark .tet-color__blue40,
+.dark .tet-color__blue40--hover:hover,
+.dark .tet-color__blue40--focus:focus {
+  color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue40--border,
+.dark .tet-color__blue40--border-hover:hover,
+.dark .tet-color__blue40--border-focus:focus {
+  border-color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue40--background,
+.dark .tet-color__blue40--background-hover:hover,
+.dark .tet-color__blue40--background-focus:focus {
+  background-color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue30,
+.dark .tet-color__blue30--hover:hover,
+.dark .tet-color__blue30--focus:focus {
+  color: var(--tc-blue-30-dark);
+}
+
+.dark .tet-color__blue30--border,
+.dark .tet-color__blue30--border-hover:hover,
+.dark .tet-color__blue30--border-focus:focus {
+  border-color: var(--tc-blue-30-dark);
+}
+
+.dark .tet-color__blue30--background,
+.dark .tet-color__blue30--background-hover:hover,
+.dark .tet-color__blue30--background-focus:focus {
+  background-color: var(--tc-blue-30-dark);
+}
+
+.dark .tet-color__blue20,
+.dark .tet-color__blue20--hover:hover,
+.dark .tet-color__blue20--focus:focus {
+  color: var(--tc-blue-20-dark);
+}
+
+.dark .tet-color__blue20--border,
+.dark .tet-color__blue20--border-hover:hover,
+.dark .tet-color__blue20--border-focus:focus {
+  border-color: var(--tc-blue-20-dark);
+}
+
+.dark .tet-color__blue20--background,
+.dark .tet-color__blue20--background-hover:hover,
+.dark .tet-color__blue20--background-focus:focus {
+  background-color: var(--tc-blue-20-dark);
+}
+
+.dark .tet-color__blue10,
+.dark .tet-color__blue10--hover:hover,
+.dark .tet-color__blue10--focus:focus {
+  color: var(--tc-blue-10-dark);
+}
+
+.dark .tet-color__blue10--border,
+.dark .tet-color__blue10--border-hover:hover,
+.dark .tet-color__blue10--border-focus:focus {
+  border-color: var(--tc-blue-10-dark);
+}
+
+.dark .tet-color__blue10--background,
+.dark .tet-color__blue10--background-hover:hover,
+.dark .tet-color__blue10--background-focus:focus {
+  background-color: var(--tc-blue-10-dark);
+}
+
+.dark .tet-color__blue00,
+.dark .tet-color__blue00--hover:hover,
+.dark .tet-color__blue00--focus:focus {
+  color: var(--tc-blue-00-dark);
+}
+
+.dark .tet-color__blue00--border,
+.dark .tet-color__blue00--border-hover:hover,
+.dark .tet-color__blue00--border-focus:focus {
+  border-color: var(--tc-blue-00-dark);
+}
+
+.dark .tet-color__blue00--background,
+.dark .tet-color__blue00--background-hover:hover,
+.dark .tet-color__blue00--background-focus:focus {
+  background-color: var(--tc-blue-00-dark);
+}
+
+.dark .tet-color__blue80dark,
+.dark .tet-color__blue80dark--hover:hover,
+.dark .tet-color__blue80dark--focus:focus {
+  color: var(--tc-blue-80-dark);
+}
+
+.dark .tet-color__blue80dark--border,
+.dark .tet-color__blue80dark--border-hover:hover,
+.dark .tet-color__blue80dark--border-focus:focus {
+  border-color: var(--tc-blue-80-dark);
+}
+
+.dark .tet-color__blue80dark--background,
+.dark .tet-color__blue80dark--background-hover:hover,
+.dark .tet-color__blue80dark--background-focus:focus {
+  background-color: var(--tc-blue-80-dark);
+}
+
+.dark .tet-color__blue70dark,
+.dark .tet-color__blue70dark--hover:hover,
+.dark .tet-color__blue70dark--focus:focus {
+  color: var(--tc-blue-70-dark);
+}
+
+.dark .tet-color__blue70dark--border,
+.dark .tet-color__blue70dark--border-hover:hover,
+.dark .tet-color__blue70dark--border-focus:focus {
+  border-color: var(--tc-blue-70-dark);
+}
+
+.dark .tet-color__blue70dark--background,
+.dark .tet-color__blue70dark--background-hover:hover,
+.dark .tet-color__blue70dark--background-focus:focus {
+  background-color: var(--tc-blue-70-dark);
+}
+
+.dark .tet-color__blue60dark,
+.dark .tet-color__blue60dark--hover:hover,
+.dark .tet-color__blue60dark--focus:focus {
+  color: var(--tc-blue-60-dark);
+}
+
+.dark .tet-color__blue60dark--border,
+.dark .tet-color__blue60dark--border-hover:hover,
+.dark .tet-color__blue60dark--border-focus:focus {
+  border-color: var(--tc-blue-60-dark);
+}
+
+.dark .tet-color__blue60dark--background,
+.dark .tet-color__blue60dark--background-hover:hover,
+.dark .tet-color__blue60dark--background-focus:focus {
+  background-color: var(--tc-blue-60-dark);
+}
+
+.dark .tet-color__blue50dark,
+.dark .tet-color__blue50dark--hover:hover,
+.dark .tet-color__blue50dark--focus:focus {
+  color: var(--tc-blue-50-dark);
+}
+
+.dark .tet-color__blue50dark--border,
+.dark .tet-color__blue50dark--border-hover:hover,
+.dark .tet-color__blue50dark--border-focus:focus {
+  border-color: var(--tc-blue-50-dark);
+}
+
+.dark .tet-color__blue50dark--background,
+.dark .tet-color__blue50dark--background-hover:hover,
+.dark .tet-color__blue50dark--background-focus:focus {
+  background-color: var(--tc-blue-50-dark);
+}
+
+.dark .tet-color__blue40dark,
+.dark .tet-color__blue40dark--hover:hover,
+.dark .tet-color__blue40dark--focus:focus {
+  color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue40dark--border,
+.dark .tet-color__blue40dark--border-hover:hover,
+.dark .tet-color__blue40dark--border-focus:focus {
+  border-color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue40dark--background,
+.dark .tet-color__blue40dark--background-hover:hover,
+.dark .tet-color__blue40dark--background-focus:focus {
+  background-color: var(--tc-blue-40-dark);
+}
+
+.dark .tet-color__blue10dark,
+.dark .tet-color__blue10dark--hover:hover,
+.dark .tet-color__blue10dark--focus:focus {
+  color: var(--tc-blue-10-dark);
+}
+
+.dark .tet-color__blue10dark--border,
+.dark .tet-color__blue10dark--border-hover:hover,
+.dark .tet-color__blue10dark--border-focus:focus {
+  border-color: var(--tc-blue-10-dark);
+}
+
+.dark .tet-color__blue10dark--background,
+.dark .tet-color__blue10dark--background-hover:hover,
+.dark .tet-color__blue10dark--background-focus:focus {
+  background-color: var(--tc-blue-10-dark);
+}
+
+.dark .tet-color__green,
+.dark .tet-color__green--hover:hover,
+.dark .tet-color__green--focus:focus {
+  color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green--border,
+.dark .tet-color__green--border-hover:hover,
+.dark .tet-color__green--border-focus:focus {
+  border-color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green--background,
+.dark .tet-color__green--background-hover:hover,
+.dark .tet-color__green--background-focus:focus {
+  background-color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green80,
+.dark .tet-color__green80--hover:hover,
+.dark .tet-color__green80--focus:focus {
+  color: var(--tc-green-80-dark);
+}
+
+.dark .tet-color__green80--border,
+.dark .tet-color__green80--border-hover:hover,
+.dark .tet-color__green80--border-focus:focus {
+  border-color: var(--tc-green-80-dark);
+}
+
+.dark .tet-color__green80--background,
+.dark .tet-color__green80--background-hover:hover,
+.dark .tet-color__green80--background-focus:focus {
+  background-color: var(--tc-green-80-dark);
+}
+
+.dark .tet-color__green70,
+.dark .tet-color__green70--hover:hover,
+.dark .tet-color__green70--focus:focus {
+  color: var(--tc-green-70-dark);
+}
+
+.dark .tet-color__green70--border,
+.dark .tet-color__green70--border-hover:hover,
+.dark .tet-color__green70--border-focus:focus {
+  border-color: var(--tc-green-70-dark);
+}
+
+.dark .tet-color__green70--background,
+.dark .tet-color__green70--background-hover:hover,
+.dark .tet-color__green70--background-focus:focus {
+  background-color: var(--tc-green-70-dark);
+}
+
+.dark .tet-color__green60,
+.dark .tet-color__green60--hover:hover,
+.dark .tet-color__green60--focus:focus {
+  color: var(--tc-green-60-dark);
+}
+
+.dark .tet-color__green60--border,
+.dark .tet-color__green60--border-hover:hover,
+.dark .tet-color__green60--border-focus:focus {
+  border-color: var(--tc-green-60-dark);
+}
+
+.dark .tet-color__green60--background,
+.dark .tet-color__green60--background-hover:hover,
+.dark .tet-color__green60--background-focus:focus {
+  background-color: var(--tc-green-60-dark);
+}
+
+.dark .tet-color__green50,
+.dark .tet-color__green50--hover:hover,
+.dark .tet-color__green50--focus:focus {
+  color: var(--tc-green-50-dark);
+}
+
+.dark .tet-color__green50--border,
+.dark .tet-color__green50--border-hover:hover,
+.dark .tet-color__green50--border-focus:focus {
+  border-color: var(--tc-green-50-dark);
+}
+
+.dark .tet-color__green50--background,
+.dark .tet-color__green50--background-hover:hover,
+.dark .tet-color__green50--background-focus:focus {
+  background-color: var(--tc-green-50-dark);
+}
+
+.dark .tet-color__green40,
+.dark .tet-color__green40--hover:hover,
+.dark .tet-color__green40--focus:focus {
+  color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green40--border,
+.dark .tet-color__green40--border-hover:hover,
+.dark .tet-color__green40--border-focus:focus {
+  border-color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green40--background,
+.dark .tet-color__green40--background-hover:hover,
+.dark .tet-color__green40--background-focus:focus {
+  background-color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green30,
+.dark .tet-color__green30--hover:hover,
+.dark .tet-color__green30--focus:focus {
+  color: var(--tc-green-30-dark);
+}
+
+.dark .tet-color__green30--border,
+.dark .tet-color__green30--border-hover:hover,
+.dark .tet-color__green30--border-focus:focus {
+  border-color: var(--tc-green-30-dark);
+}
+
+.dark .tet-color__green30--background,
+.dark .tet-color__green30--background-hover:hover,
+.dark .tet-color__green30--background-focus:focus {
+  background-color: var(--tc-green-30-dark);
+}
+
+.dark .tet-color__green20,
+.dark .tet-color__green20--hover:hover,
+.dark .tet-color__green20--focus:focus {
+  color: var(--tc-green-20-dark);
+}
+
+.dark .tet-color__green20--border,
+.dark .tet-color__green20--border-hover:hover,
+.dark .tet-color__green20--border-focus:focus {
+  border-color: var(--tc-green-20-dark);
+}
+
+.dark .tet-color__green20--background,
+.dark .tet-color__green20--background-hover:hover,
+.dark .tet-color__green20--background-focus:focus {
+  background-color: var(--tc-green-20-dark);
+}
+
+.dark .tet-color__green10,
+.dark .tet-color__green10--hover:hover,
+.dark .tet-color__green10--focus:focus {
+  color: var(--tc-green-10-dark);
+}
+
+.dark .tet-color__green10--border,
+.dark .tet-color__green10--border-hover:hover,
+.dark .tet-color__green10--border-focus:focus {
+  border-color: var(--tc-green-10-dark);
+}
+
+.dark .tet-color__green10--background,
+.dark .tet-color__green10--background-hover:hover,
+.dark .tet-color__green10--background-focus:focus {
+  background-color: var(--tc-green-10-dark);
+}
+
+.dark .tet-color__green00,
+.dark .tet-color__green00--hover:hover,
+.dark .tet-color__green00--focus:focus {
+  color: var(--tc-green-00-dark);
+}
+
+.dark .tet-color__green00--border,
+.dark .tet-color__green00--border-hover:hover,
+.dark .tet-color__green00--border-focus:focus {
+  border-color: var(--tc-green-00-dark);
+}
+
+.dark .tet-color__green00--background,
+.dark .tet-color__green00--background-hover:hover,
+.dark .tet-color__green00--background-focus:focus {
+  background-color: var(--tc-green-00-dark);
+}
+
+.dark .tet-color__green80dark,
+.dark .tet-color__green80dark--hover:hover,
+.dark .tet-color__green80dark--focus:focus {
+  color: var(--tc-green-80-dark);
+}
+
+.dark .tet-color__green80dark--border,
+.dark .tet-color__green80dark--border-hover:hover,
+.dark .tet-color__green80dark--border-focus:focus {
+  border-color: var(--tc-green-80-dark);
+}
+
+.dark .tet-color__green80dark--background,
+.dark .tet-color__green80dark--background-hover:hover,
+.dark .tet-color__green80dark--background-focus:focus {
+  background-color: var(--tc-green-80-dark);
+}
+
+.dark .tet-color__green70dark,
+.dark .tet-color__green70dark--hover:hover,
+.dark .tet-color__green70dark--focus:focus {
+  color: var(--tc-green-70-dark);
+}
+
+.dark .tet-color__green70dark--border,
+.dark .tet-color__green70dark--border-hover:hover,
+.dark .tet-color__green70dark--border-focus:focus {
+  border-color: var(--tc-green-70-dark);
+}
+
+.dark .tet-color__green70dark--background,
+.dark .tet-color__green70dark--background-hover:hover,
+.dark .tet-color__green70dark--background-focus:focus {
+  background-color: var(--tc-green-70-dark);
+}
+
+.dark .tet-color__green60dark,
+.dark .tet-color__green60dark--hover:hover,
+.dark .tet-color__green60dark--focus:focus {
+  color: var(--tc-green-60-dark);
+}
+
+.dark .tet-color__green60dark--border,
+.dark .tet-color__green60dark--border-hover:hover,
+.dark .tet-color__green60dark--border-focus:focus {
+  border-color: var(--tc-green-60-dark);
+}
+
+.dark .tet-color__green60dark--background,
+.dark .tet-color__green60dark--background-hover:hover,
+.dark .tet-color__green60dark--background-focus:focus {
+  background-color: var(--tc-green-60-dark);
+}
+
+.dark .tet-color__green50dark,
+.dark .tet-color__green50dark--hover:hover,
+.dark .tet-color__green50dark--focus:focus {
+  color: var(--tc-green-50-dark);
+}
+
+.dark .tet-color__green50dark--border,
+.dark .tet-color__green50dark--border-hover:hover,
+.dark .tet-color__green50dark--border-focus:focus {
+  border-color: var(--tc-green-50-dark);
+}
+
+.dark .tet-color__green50dark--background,
+.dark .tet-color__green50dark--background-hover:hover,
+.dark .tet-color__green50dark--background-focus:focus {
+  background-color: var(--tc-green-50-dark);
+}
+
+.dark .tet-color__green40dark,
+.dark .tet-color__green40dark--hover:hover,
+.dark .tet-color__green40dark--focus:focus {
+  color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green40dark--border,
+.dark .tet-color__green40dark--border-hover:hover,
+.dark .tet-color__green40dark--border-focus:focus {
+  border-color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green40dark--background,
+.dark .tet-color__green40dark--background-hover:hover,
+.dark .tet-color__green40dark--background-focus:focus {
+  background-color: var(--tc-green-40-dark);
+}
+
+.dark .tet-color__green10dark,
+.dark .tet-color__green10dark--hover:hover,
+.dark .tet-color__green10dark--focus:focus {
+  color: var(--tc-green-10-dark);
+}
+
+.dark .tet-color__green10dark--border,
+.dark .tet-color__green10dark--border-hover:hover,
+.dark .tet-color__green10dark--border-focus:focus {
+  border-color: var(--tc-green-10-dark);
+}
+
+.dark .tet-color__green10dark--background,
+.dark .tet-color__green10dark--background-hover:hover,
+.dark .tet-color__green10dark--background-focus:focus {
+  background-color: var(--tc-green-10-dark);
+}
+
+.dark .tet-color__yellow,
+.dark .tet-color__yellow--hover:hover,
+.dark .tet-color__yellow--focus:focus {
+  color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow--border,
+.dark .tet-color__yellow--border-hover:hover,
+.dark .tet-color__yellow--border-focus:focus {
+  border-color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow--background,
+.dark .tet-color__yellow--background-hover:hover,
+.dark .tet-color__yellow--background-focus:focus {
+  background-color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow80,
+.dark .tet-color__yellow80--hover:hover,
+.dark .tet-color__yellow80--focus:focus {
+  color: var(--tc-yellow-80-dark);
+}
+
+.dark .tet-color__yellow80--border,
+.dark .tet-color__yellow80--border-hover:hover,
+.dark .tet-color__yellow80--border-focus:focus {
+  border-color: var(--tc-yellow-80-dark);
+}
+
+.dark .tet-color__yellow80--background,
+.dark .tet-color__yellow80--background-hover:hover,
+.dark .tet-color__yellow80--background-focus:focus {
+  background-color: var(--tc-yellow-80-dark);
+}
+
+.dark .tet-color__yellow70,
+.dark .tet-color__yellow70--hover:hover,
+.dark .tet-color__yellow70--focus:focus {
+  color: var(--tc-yellow-70-dark);
+}
+
+.dark .tet-color__yellow70--border,
+.dark .tet-color__yellow70--border-hover:hover,
+.dark .tet-color__yellow70--border-focus:focus {
+  border-color: var(--tc-yellow-70-dark);
+}
+
+.dark .tet-color__yellow70--background,
+.dark .tet-color__yellow70--background-hover:hover,
+.dark .tet-color__yellow70--background-focus:focus {
+  background-color: var(--tc-yellow-70-dark);
+}
+
+.dark .tet-color__yellow60,
+.dark .tet-color__yellow60--hover:hover,
+.dark .tet-color__yellow60--focus:focus {
+  color: var(--tc-yellow-60-dark);
+}
+
+.dark .tet-color__yellow60--border,
+.dark .tet-color__yellow60--border-hover:hover,
+.dark .tet-color__yellow60--border-focus:focus {
+  border-color: var(--tc-yellow-60-dark);
+}
+
+.dark .tet-color__yellow60--background,
+.dark .tet-color__yellow60--background-hover:hover,
+.dark .tet-color__yellow60--background-focus:focus {
+  background-color: var(--tc-yellow-60-dark);
+}
+
+.dark .tet-color__yellow50,
+.dark .tet-color__yellow50--hover:hover,
+.dark .tet-color__yellow50--focus:focus {
+  color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow50--border,
+.dark .tet-color__yellow50--border-hover:hover,
+.dark .tet-color__yellow50--border-focus:focus {
+  border-color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow50--background,
+.dark .tet-color__yellow50--background-hover:hover,
+.dark .tet-color__yellow50--background-focus:focus {
+  background-color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow40,
+.dark .tet-color__yellow40--hover:hover,
+.dark .tet-color__yellow40--focus:focus {
+  color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow40--border,
+.dark .tet-color__yellow40--border-hover:hover,
+.dark .tet-color__yellow40--border-focus:focus {
+  border-color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow40--background,
+.dark .tet-color__yellow40--background-hover:hover,
+.dark .tet-color__yellow40--background-focus:focus {
+  background-color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow30,
+.dark .tet-color__yellow30--hover:hover,
+.dark .tet-color__yellow30--focus:focus {
+  color: var(--tc-yellow-30-dark);
+}
+
+.dark .tet-color__yellow30--border,
+.dark .tet-color__yellow30--border-hover:hover,
+.dark .tet-color__yellow30--border-focus:focus {
+  border-color: var(--tc-yellow-30-dark);
+}
+
+.dark .tet-color__yellow30--background,
+.dark .tet-color__yellow30--background-hover:hover,
+.dark .tet-color__yellow30--background-focus:focus {
+  background-color: var(--tc-yellow-30-dark);
+}
+
+.dark .tet-color__yellow20,
+.dark .tet-color__yellow20--hover:hover,
+.dark .tet-color__yellow20--focus:focus {
+  color: var(--tc-yellow-20-dark);
+}
+
+.dark .tet-color__yellow20--border,
+.dark .tet-color__yellow20--border-hover:hover,
+.dark .tet-color__yellow20--border-focus:focus {
+  border-color: var(--tc-yellow-20-dark);
+}
+
+.dark .tet-color__yellow20--background,
+.dark .tet-color__yellow20--background-hover:hover,
+.dark .tet-color__yellow20--background-focus:focus {
+  background-color: var(--tc-yellow-20-dark);
+}
+
+.dark .tet-color__yellow10,
+.dark .tet-color__yellow10--hover:hover,
+.dark .tet-color__yellow10--focus:focus {
+  color: var(--tc-yellow-10-dark);
+}
+
+.dark .tet-color__yellow10--border,
+.dark .tet-color__yellow10--border-hover:hover,
+.dark .tet-color__yellow10--border-focus:focus {
+  border-color: var(--tc-yellow-10-dark);
+}
+
+.dark .tet-color__yellow10--background,
+.dark .tet-color__yellow10--background-hover:hover,
+.dark .tet-color__yellow10--background-focus:focus {
+  background-color: var(--tc-yellow-10-dark);
+}
+
+.dark .tet-color__yellow00,
+.dark .tet-color__yellow00--hover:hover,
+.dark .tet-color__yellow00--focus:focus {
+  color: var(--tc-yellow-00-dark);
+}
+
+.dark .tet-color__yellow00--border,
+.dark .tet-color__yellow00--border-hover:hover,
+.dark .tet-color__yellow00--border-focus:focus {
+  border-color: var(--tc-yellow-00-dark);
+}
+
+.dark .tet-color__yellow00--background,
+.dark .tet-color__yellow00--background-hover:hover,
+.dark .tet-color__yellow00--background-focus:focus {
+  background-color: var(--tc-yellow-00-dark);
+}
+
+.dark .tet-color__yellow80dark,
+.dark .tet-color__yellow80dark--hover:hover,
+.dark .tet-color__yellow80dark--focus:focus {
+  color: var(--tc-yellow-80-dark);
+}
+
+.dark .tet-color__yellow80dark--border,
+.dark .tet-color__yellow80dark--border-hover:hover,
+.dark .tet-color__yellow80dark--border-focus:focus {
+  border-color: var(--tc-yellow-80-dark);
+}
+
+.dark .tet-color__yellow80dark--background,
+.dark .tet-color__yellow80dark--background-hover:hover,
+.dark .tet-color__yellow80dark--background-focus:focus {
+  background-color: var(--tc-yellow-80-dark);
+}
+
+.dark .tet-color__yellow70dark,
+.dark .tet-color__yellow70dark--hover:hover,
+.dark .tet-color__yellow70dark--focus:focus {
+  color: var(--tc-yellow-70-dark);
+}
+
+.dark .tet-color__yellow70dark--border,
+.dark .tet-color__yellow70dark--border-hover:hover,
+.dark .tet-color__yellow70dark--border-focus:focus {
+  border-color: var(--tc-yellow-70-dark);
+}
+
+.dark .tet-color__yellow70dark--background,
+.dark .tet-color__yellow70dark--background-hover:hover,
+.dark .tet-color__yellow70dark--background-focus:focus {
+  background-color: var(--tc-yellow-70-dark);
+}
+
+.dark .tet-color__yellow60dark,
+.dark .tet-color__yellow60dark--hover:hover,
+.dark .tet-color__yellow60dark--focus:focus {
+  color: var(--tc-yellow-60-dark);
+}
+
+.dark .tet-color__yellow60dark--border,
+.dark .tet-color__yellow60dark--border-hover:hover,
+.dark .tet-color__yellow60dark--border-focus:focus {
+  border-color: var(--tc-yellow-60-dark);
+}
+
+.dark .tet-color__yellow60dark--background,
+.dark .tet-color__yellow60dark--background-hover:hover,
+.dark .tet-color__yellow60dark--background-focus:focus {
+  background-color: var(--tc-yellow-60-dark);
+}
+
+.dark .tet-color__yellow55dark,
+.dark .tet-color__yellow55dark--hover:hover,
+.dark .tet-color__yellow55dark--focus:focus {
+  color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow55dark--border,
+.dark .tet-color__yellow55dark--border-hover:hover,
+.dark .tet-color__yellow55dark--border-focus:focus {
+  border-color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow55dark--background,
+.dark .tet-color__yellow55dark--background-hover:hover,
+.dark .tet-color__yellow55dark--background-focus:focus {
+  background-color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow50dark,
+.dark .tet-color__yellow50dark--hover:hover,
+.dark .tet-color__yellow50dark--focus:focus {
+  color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow50dark--border,
+.dark .tet-color__yellow50dark--border-hover:hover,
+.dark .tet-color__yellow50dark--border-focus:focus {
+  border-color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow50dark--background,
+.dark .tet-color__yellow50dark--background-hover:hover,
+.dark .tet-color__yellow50dark--background-focus:focus {
+  background-color: var(--tc-yellow-50-dark);
+}
+
+.dark .tet-color__yellow45dark,
+.dark .tet-color__yellow45dark--hover:hover,
+.dark .tet-color__yellow45dark--focus:focus {
+  color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow45dark--border,
+.dark .tet-color__yellow45dark--border-hover:hover,
+.dark .tet-color__yellow45dark--border-focus:focus {
+  border-color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow45dark--background,
+.dark .tet-color__yellow45dark--background-hover:hover,
+.dark .tet-color__yellow45dark--background-focus:focus {
+  background-color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow40dark,
+.dark .tet-color__yellow40dark--hover:hover,
+.dark .tet-color__yellow40dark--focus:focus {
+  color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow40dark--border,
+.dark .tet-color__yellow40dark--border-hover:hover,
+.dark .tet-color__yellow40dark--border-focus:focus {
+  border-color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow40dark--background,
+.dark .tet-color__yellow40dark--background-hover:hover,
+.dark .tet-color__yellow40dark--background-focus:focus {
+  background-color: var(--tc-yellow-40-dark);
+}
+
+.dark .tet-color__yellow10dark,
+.dark .tet-color__yellow10dark--hover:hover,
+.dark .tet-color__yellow10dark--focus:focus {
+  color: var(--tc-yellow-10-dark);
+}
+
+.dark .tet-color__yellow10dark--border,
+.dark .tet-color__yellow10dark--border-hover:hover,
+.dark .tet-color__yellow10dark--border-focus:focus {
+  border-color: var(--tc-yellow-10-dark);
+}
+
+.dark .tet-color__yellow10dark--background,
+.dark .tet-color__yellow10dark--background-hover:hover,
+.dark .tet-color__yellow10dark--background-focus:focus {
+  background-color: var(--tc-yellow-10-dark);
+}
+
+.dark .tet-color__red,
+.dark .tet-color__red--hover:hover,
+.dark .tet-color__red--focus:focus {
+  color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red--border,
+.dark .tet-color__red--border-hover:hover,
+.dark .tet-color__red--border-focus:focus {
+  border-color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red--background,
+.dark .tet-color__red--background-hover:hover,
+.dark .tet-color__red--background-focus:focus {
+  background-color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red80,
+.dark .tet-color__red80--hover:hover,
+.dark .tet-color__red80--focus:focus {
+  color: var(--tc-red-80-dark);
+}
+
+.dark .tet-color__red80--border,
+.dark .tet-color__red80--border-hover:hover,
+.dark .tet-color__red80--border-focus:focus {
+  border-color: var(--tc-red-80-dark);
+}
+
+.dark .tet-color__red80--background,
+.dark .tet-color__red80--background-hover:hover,
+.dark .tet-color__red80--background-focus:focus {
+  background-color: var(--tc-red-80-dark);
+}
+
+.dark .tet-color__red70,
+.dark .tet-color__red70--hover:hover,
+.dark .tet-color__red70--focus:focus {
+  color: var(--tc-red-70-dark);
+}
+
+.dark .tet-color__red70--border,
+.dark .tet-color__red70--border-hover:hover,
+.dark .tet-color__red70--border-focus:focus {
+  border-color: var(--tc-red-70-dark);
+}
+
+.dark .tet-color__red70--background,
+.dark .tet-color__red70--background-hover:hover,
+.dark .tet-color__red70--background-focus:focus {
+  background-color: var(--tc-red-70-dark);
+}
+
+.dark .tet-color__red60,
+.dark .tet-color__red60--hover:hover,
+.dark .tet-color__red60--focus:focus {
+  color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red60--border,
+.dark .tet-color__red60--border-hover:hover,
+.dark .tet-color__red60--border-focus:focus {
+  border-color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red60--background,
+.dark .tet-color__red60--background-hover:hover,
+.dark .tet-color__red60--background-focus:focus {
+  background-color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red50,
+.dark .tet-color__red50--hover:hover,
+.dark .tet-color__red50--focus:focus {
+  color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red50--border,
+.dark .tet-color__red50--border-hover:hover,
+.dark .tet-color__red50--border-focus:focus {
+  border-color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red50--background,
+.dark .tet-color__red50--background-hover:hover,
+.dark .tet-color__red50--background-focus:focus {
+  background-color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red40,
+.dark .tet-color__red40--hover:hover,
+.dark .tet-color__red40--focus:focus {
+  color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red40--border,
+.dark .tet-color__red40--border-hover:hover,
+.dark .tet-color__red40--border-focus:focus {
+  border-color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red40--background,
+.dark .tet-color__red40--background-hover:hover,
+.dark .tet-color__red40--background-focus:focus {
+  background-color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red30,
+.dark .tet-color__red30--hover:hover,
+.dark .tet-color__red30--focus:focus {
+  color: var(--tc-red-30-dark);
+}
+
+.dark .tet-color__red30--border,
+.dark .tet-color__red30--border-hover:hover,
+.dark .tet-color__red30--border-focus:focus {
+  border-color: var(--tc-red-30-dark);
+}
+
+.dark .tet-color__red30--background,
+.dark .tet-color__red30--background-hover:hover,
+.dark .tet-color__red30--background-focus:focus {
+  background-color: var(--tc-red-30-dark);
+}
+
+.dark .tet-color__red20,
+.dark .tet-color__red20--hover:hover,
+.dark .tet-color__red20--focus:focus {
+  color: var(--tc-red-20-dark);
+}
+
+.dark .tet-color__red20--border,
+.dark .tet-color__red20--border-hover:hover,
+.dark .tet-color__red20--border-focus:focus {
+  border-color: var(--tc-red-20-dark);
+}
+
+.dark .tet-color__red20--background,
+.dark .tet-color__red20--background-hover:hover,
+.dark .tet-color__red20--background-focus:focus {
+  background-color: var(--tc-red-20-dark);
+}
+
+.dark .tet-color__red10,
+.dark .tet-color__red10--hover:hover,
+.dark .tet-color__red10--focus:focus {
+  color: var(--tc-red-10-dark);
+}
+
+.dark .tet-color__red10--border,
+.dark .tet-color__red10--border-hover:hover,
+.dark .tet-color__red10--border-focus:focus {
+  border-color: var(--tc-red-10-dark);
+}
+
+.dark .tet-color__red10--background,
+.dark .tet-color__red10--background-hover:hover,
+.dark .tet-color__red10--background-focus:focus {
+  background-color: var(--tc-red-10-dark);
+}
+
+.dark .tet-color__red00,
+.dark .tet-color__red00--hover:hover,
+.dark .tet-color__red00--focus:focus {
+  color: var(--tc-red-00-dark);
+}
+
+.dark .tet-color__red00--border,
+.dark .tet-color__red00--border-hover:hover,
+.dark .tet-color__red00--border-focus:focus {
+  border-color: var(--tc-red-00-dark);
+}
+
+.dark .tet-color__red00--background,
+.dark .tet-color__red00--background-hover:hover,
+.dark .tet-color__red00--background-focus:focus {
+  background-color: var(--tc-red-00-dark);
+}
+
+.dark .tet-color__red80dark,
+.dark .tet-color__red80dark--hover:hover,
+.dark .tet-color__red80dark--focus:focus {
+  color: var(--tc-red-80-dark);
+}
+
+.dark .tet-color__red80dark--border,
+.dark .tet-color__red80dark--border-hover:hover,
+.dark .tet-color__red80dark--border-focus:focus {
+  border-color: var(--tc-red-80-dark);
+}
+
+.dark .tet-color__red80dark--background,
+.dark .tet-color__red80dark--background-hover:hover,
+.dark .tet-color__red80dark--background-focus:focus {
+  background-color: var(--tc-red-80-dark);
+}
+
+.dark .tet-color__red70dark,
+.dark .tet-color__red70dark--hover:hover,
+.dark .tet-color__red70dark--focus:focus {
+  color: var(--tc-red-70-dark);
+}
+
+.dark .tet-color__red70dark--border,
+.dark .tet-color__red70dark--border-hover:hover,
+.dark .tet-color__red70dark--border-focus:focus {
+  border-color: var(--tc-red-70-dark);
+}
+
+.dark .tet-color__red70dark--background,
+.dark .tet-color__red70dark--background-hover:hover,
+.dark .tet-color__red70dark--background-focus:focus {
+  background-color: var(--tc-red-70-dark);
+}
+
+.dark .tet-color__red65dark,
+.dark .tet-color__red65dark--hover:hover,
+.dark .tet-color__red65dark--focus:focus {
+  color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red65dark--border,
+.dark .tet-color__red65dark--border-hover:hover,
+.dark .tet-color__red65dark--border-focus:focus {
+  border-color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red65dark--background,
+.dark .tet-color__red65dark--background-hover:hover,
+.dark .tet-color__red65dark--background-focus:focus {
+  background-color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red60dark,
+.dark .tet-color__red60dark--hover:hover,
+.dark .tet-color__red60dark--focus:focus {
+  color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red60dark--border,
+.dark .tet-color__red60dark--border-hover:hover,
+.dark .tet-color__red60dark--border-focus:focus {
+  border-color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red60dark--background,
+.dark .tet-color__red60dark--background-hover:hover,
+.dark .tet-color__red60dark--background-focus:focus {
+  background-color: var(--tc-red-60-dark);
+}
+
+.dark .tet-color__red55dark,
+.dark .tet-color__red55dark--hover:hover,
+.dark .tet-color__red55dark--focus:focus {
+  color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red55dark--border,
+.dark .tet-color__red55dark--border-hover:hover,
+.dark .tet-color__red55dark--border-focus:focus {
+  border-color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red55dark--background,
+.dark .tet-color__red55dark--background-hover:hover,
+.dark .tet-color__red55dark--background-focus:focus {
+  background-color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red50dark,
+.dark .tet-color__red50dark--hover:hover,
+.dark .tet-color__red50dark--focus:focus {
+  color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red50dark--border,
+.dark .tet-color__red50dark--border-hover:hover,
+.dark .tet-color__red50dark--border-focus:focus {
+  border-color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red50dark--background,
+.dark .tet-color__red50dark--background-hover:hover,
+.dark .tet-color__red50dark--background-focus:focus {
+  background-color: var(--tc-red-50-dark);
+}
+
+.dark .tet-color__red40dark,
+.dark .tet-color__red40dark--hover:hover,
+.dark .tet-color__red40dark--focus:focus {
+  color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red40dark--border,
+.dark .tet-color__red40dark--border-hover:hover,
+.dark .tet-color__red40dark--border-focus:focus {
+  border-color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red40dark--background,
+.dark .tet-color__red40dark--background-hover:hover,
+.dark .tet-color__red40dark--background-focus:focus {
+  background-color: var(--tc-red-40-dark);
+}
+
+.dark .tet-color__red10dark,
+.dark .tet-color__red10dark--hover:hover,
+.dark .tet-color__red10dark--focus:focus {
+  color: var(--tc-red-10-dark);
+}
+
+.dark .tet-color__red10dark--border,
+.dark .tet-color__red10dark--border-hover:hover,
+.dark .tet-color__red10dark--border-focus:focus {
+  border-color: var(--tc-red-10-dark);
+}
+
+.dark .tet-color__red10dark--background,
+.dark .tet-color__red10dark--background-hover:hover,
+.dark .tet-color__red10dark--background-focus:focus {
+  background-color: var(--tc-red-10-dark);
+}
+
+.dark .tet-color__violet,
+.dark .tet-color__violet--hover:hover,
+.dark .tet-color__violet--focus:focus {
+  color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__violet--border,
+.dark .tet-color__violet--border-hover:hover,
+.dark .tet-color__violet--border-focus:focus {
+  border-color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__violet--background,
+.dark .tet-color__violet--background-hover:hover,
+.dark .tet-color__violet--background-focus:focus {
+  background-color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__violet80,
+.dark .tet-color__violet80--hover:hover,
+.dark .tet-color__violet80--focus:focus {
+  color: var(--tc-violet-80-dark);
+}
+
+.dark .tet-color__violet80--border,
+.dark .tet-color__violet80--border-hover:hover,
+.dark .tet-color__violet80--border-focus:focus {
+  border-color: var(--tc-violet-80-dark);
+}
+
+.dark .tet-color__violet80--background,
+.dark .tet-color__violet80--background-hover:hover,
+.dark .tet-color__violet80--background-focus:focus {
+  background-color: var(--tc-violet-80-dark);
+}
+
+.dark .tet-color__violet70,
+.dark .tet-color__violet70--hover:hover,
+.dark .tet-color__violet70--focus:focus {
+  color: var(--tc-violet-70-dark);
+}
+
+.dark .tet-color__violet70--border,
+.dark .tet-color__violet70--border-hover:hover,
+.dark .tet-color__violet70--border-focus:focus {
+  border-color: var(--tc-violet-70-dark);
+}
+
+.dark .tet-color__violet70--background,
+.dark .tet-color__violet70--background-hover:hover,
+.dark .tet-color__violet70--background-focus:focus {
+  background-color: var(--tc-violet-70-dark);
+}
+
+.dark .tet-color__violet60,
+.dark .tet-color__violet60--hover:hover,
+.dark .tet-color__violet60--focus:focus {
+  color: var(--tc-violet-60-dark);
+}
+
+.dark .tet-color__violet60--border,
+.dark .tet-color__violet60--border-hover:hover,
+.dark .tet-color__violet60--border-focus:focus {
+  border-color: var(--tc-violet-60-dark);
+}
+
+.dark .tet-color__violet60--background,
+.dark .tet-color__violet60--background-hover:hover,
+.dark .tet-color__violet60--background-focus:focus {
+  background-color: var(--tc-violet-60-dark);
+}
+
+.dark .tet-color__violet50,
+.dark .tet-color__violet50--hover:hover,
+.dark .tet-color__violet50--focus:focus {
+  color: var(--tc-violet-50-dark);
+}
+
+.dark .tet-color__violet50--border,
+.dark .tet-color__violet50--border-hover:hover,
+.dark .tet-color__violet50--border-focus:focus {
+  border-color: var(--tc-violet-50-dark);
+}
+
+.dark .tet-color__violet50--background,
+.dark .tet-color__violet50--background-hover:hover,
+.dark .tet-color__violet50--background-focus:focus {
+  background-color: var(--tc-violet-50-dark);
+}
+
+.dark .tet-color__violet40,
+.dark .tet-color__violet40--hover:hover,
+.dark .tet-color__violet40--focus:focus {
+  color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__violet40--border,
+.dark .tet-color__violet40--border-hover:hover,
+.dark .tet-color__violet40--border-focus:focus {
+  border-color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__violet40--background,
+.dark .tet-color__violet40--background-hover:hover,
+.dark .tet-color__violet40--background-focus:focus {
+  background-color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__violet30,
+.dark .tet-color__violet30--hover:hover,
+.dark .tet-color__violet30--focus:focus {
+  color: var(--tc-violet-30-dark);
+}
+
+.dark .tet-color__violet30--border,
+.dark .tet-color__violet30--border-hover:hover,
+.dark .tet-color__violet30--border-focus:focus {
+  border-color: var(--tc-violet-30-dark);
+}
+
+.dark .tet-color__violet30--background,
+.dark .tet-color__violet30--background-hover:hover,
+.dark .tet-color__violet30--background-focus:focus {
+  background-color: var(--tc-violet-30-dark);
+}
+
+.dark .tet-color__violet20,
+.dark .tet-color__violet20--hover:hover,
+.dark .tet-color__violet20--focus:focus {
+  color: var(--tc-violet-20-dark);
+}
+
+.dark .tet-color__violet20--border,
+.dark .tet-color__violet20--border-hover:hover,
+.dark .tet-color__violet20--border-focus:focus {
+  border-color: var(--tc-violet-20-dark);
+}
+
+.dark .tet-color__violet20--background,
+.dark .tet-color__violet20--background-hover:hover,
+.dark .tet-color__violet20--background-focus:focus {
+  background-color: var(--tc-violet-20-dark);
+}
+
+.dark .tet-color__violet10,
+.dark .tet-color__violet10--hover:hover,
+.dark .tet-color__violet10--focus:focus {
+  color: var(--tc-violet-10-dark);
+}
+
+.dark .tet-color__violet10--border,
+.dark .tet-color__violet10--border-hover:hover,
+.dark .tet-color__violet10--border-focus:focus {
+  border-color: var(--tc-violet-10-dark);
+}
+
+.dark .tet-color__violet10--background,
+.dark .tet-color__violet10--background-hover:hover,
+.dark .tet-color__violet10--background-focus:focus {
+  background-color: var(--tc-violet-10-dark);
+}
+
+.dark .tet-color__violet00,
+.dark .tet-color__violet00--hover:hover,
+.dark .tet-color__violet00--focus:focus {
+  color: var(--tc-violet-00-dark);
+}
+
+.dark .tet-color__violet00--border,
+.dark .tet-color__violet00--border-hover:hover,
+.dark .tet-color__violet00--border-focus:focus {
+  border-color: var(--tc-violet-00-dark);
+}
+
+.dark .tet-color__violet00--background,
+.dark .tet-color__violet00--background-hover:hover,
+.dark .tet-color__violet00--background-focus:focus {
+  background-color: var(--tc-violet-00-dark);
+}
+
+.dark .tet-color__grey110,
+.dark .tet-color__grey110--hover:hover,
+.dark .tet-color__grey110--focus:focus {
+  color: var(--tc-grey-110-dark);
+}
+
+.dark .tet-color__grey110--border,
+.dark .tet-color__grey110--border-hover:hover,
+.dark .tet-color__grey110--border-focus:focus {
+  border-color: var(--tc-grey-110-dark);
+}
+
+.dark .tet-color__grey110--background,
+.dark .tet-color__grey110--background-hover:hover,
+.dark .tet-color__grey110--background-focus:focus {
+  background-color: var(--tc-grey-110-dark);
+}
+
+.dark .tet-color__grey100,
+.dark .tet-color__grey100--hover:hover,
+.dark .tet-color__grey100--focus:focus {
+  color: var(--tc-grey-100-dark);
+}
+
+.dark .tet-color__grey100--border,
+.dark .tet-color__grey100--border-hover:hover,
+.dark .tet-color__grey100--border-focus:focus {
+  border-color: var(--tc-grey-100-dark);
+}
+
+.dark .tet-color__grey100--background,
+.dark .tet-color__grey100--background-hover:hover,
+.dark .tet-color__grey100--background-focus:focus {
+  background-color: var(--tc-grey-100-dark);
+}
+
+.dark .tet-color__grey90,
+.dark .tet-color__grey90--hover:hover,
+.dark .tet-color__grey90--focus:focus {
+  color: var(--tc-grey-90-dark);
+}
+
+.dark .tet-color__grey90--border,
+.dark .tet-color__grey90--border-hover:hover,
+.dark .tet-color__grey90--border-focus:focus {
+  border-color: var(--tc-grey-90-dark);
+}
+
+.dark .tet-color__grey90--background,
+.dark .tet-color__grey90--background-hover:hover,
+.dark .tet-color__grey90--background-focus:focus {
+  background-color: var(--tc-grey-90-dark);
+}
+
+.dark .tet-color__grey80,
+.dark .tet-color__grey80--hover:hover,
+.dark .tet-color__grey80--focus:focus {
+  color: var(--tc-grey-80-dark);
+}
+
+.dark .tet-color__grey80--border,
+.dark .tet-color__grey80--border-hover:hover,
+.dark .tet-color__grey80--border-focus:focus {
+  border-color: var(--tc-grey-80-dark);
+}
+
+.dark .tet-color__grey80--background,
+.dark .tet-color__grey80--background-hover:hover,
+.dark .tet-color__grey80--background-focus:focus {
+  background-color: var(--tc-grey-80-dark);
+}
+
+.dark .tet-color__grey70,
+.dark .tet-color__grey70--hover:hover,
+.dark .tet-color__grey70--focus:focus {
+  color: var(--tc-grey-70-dark);
+}
+
+.dark .tet-color__grey70--border,
+.dark .tet-color__grey70--border-hover:hover,
+.dark .tet-color__grey70--border-focus:focus {
+  border-color: var(--tc-grey-70-dark);
+}
+
+.dark .tet-color__grey70--background,
+.dark .tet-color__grey70--background-hover:hover,
+.dark .tet-color__grey70--background-focus:focus {
+  background-color: var(--tc-grey-70-dark);
+}
+
+.dark .tet-color__grey60,
+.dark .tet-color__grey60--hover:hover,
+.dark .tet-color__grey60--focus:focus {
+  color: var(--tc-grey-60-dark);
+}
+
+.dark .tet-color__grey60--border,
+.dark .tet-color__grey60--border-hover:hover,
+.dark .tet-color__grey60--border-focus:focus {
+  border-color: var(--tc-grey-60-dark);
+}
+
+.dark .tet-color__grey60--background,
+.dark .tet-color__grey60--background-hover:hover,
+.dark .tet-color__grey60--background-focus:focus {
+  background-color: var(--tc-grey-60-dark);
+}
+
+.dark .tet-color__grey50,
+.dark .tet-color__grey50--hover:hover,
+.dark .tet-color__grey50--focus:focus {
+  color: var(--tc-grey-50-dark);
+}
+
+.dark .tet-color__grey50--border,
+.dark .tet-color__grey50--border-hover:hover,
+.dark .tet-color__grey50--border-focus:focus {
+  border-color: var(--tc-grey-50-dark);
+}
+
+.dark .tet-color__grey50--background,
+.dark .tet-color__grey50--background-hover:hover,
+.dark .tet-color__grey50--background-focus:focus {
+  background-color: var(--tc-grey-50-dark);
+}
+
+.dark .tet-color__grey40,
+.dark .tet-color__grey40--hover:hover,
+.dark .tet-color__grey40--focus:focus {
+  color: var(--tc-grey-40-dark);
+}
+
+.dark .tet-color__grey40--border,
+.dark .tet-color__grey40--border-hover:hover,
+.dark .tet-color__grey40--border-focus:focus {
+  border-color: var(--tc-grey-40-dark);
+}
+
+.dark .tet-color__grey40--background,
+.dark .tet-color__grey40--background-hover:hover,
+.dark .tet-color__grey40--background-focus:focus {
+  background-color: var(--tc-grey-40-dark);
+}
+
+.dark .tet-color__grey30,
+.dark .tet-color__grey30--hover:hover,
+.dark .tet-color__grey30--focus:focus {
+  color: var(--tc-grey-30-dark);
+}
+
+.dark .tet-color__grey30--border,
+.dark .tet-color__grey30--border-hover:hover,
+.dark .tet-color__grey30--border-focus:focus {
+  border-color: var(--tc-grey-30-dark);
+}
+
+.dark .tet-color__grey30--background,
+.dark .tet-color__grey30--background-hover:hover,
+.dark .tet-color__grey30--background-focus:focus {
+  background-color: var(--tc-grey-30-dark);
+}
+
+.dark .tet-color__grey20,
+.dark .tet-color__grey20--hover:hover,
+.dark .tet-color__grey20--focus:focus {
+  color: var(--tc-grey-20-dark);
+}
+
+.dark .tet-color__grey20--border,
+.dark .tet-color__grey20--border-hover:hover,
+.dark .tet-color__grey20--border-focus:focus {
+  border-color: var(--tc-grey-20-dark);
+}
+
+.dark .tet-color__grey20--background,
+.dark .tet-color__grey20--background-hover:hover,
+.dark .tet-color__grey20--background-focus:focus {
+  background-color: var(--tc-grey-20-dark);
+}
+
+.dark .tet-color__grey10,
+.dark .tet-color__grey10--hover:hover,
+.dark .tet-color__grey10--focus:focus {
+  color: var(--tc-grey-10-dark);
+}
+
+.dark .tet-color__grey10--border,
+.dark .tet-color__grey10--border-hover:hover,
+.dark .tet-color__grey10--border-focus:focus {
+  border-color: var(--tc-grey-10-dark);
+}
+
+.dark .tet-color__grey10--background,
+.dark .tet-color__grey10--background-hover:hover,
+.dark .tet-color__grey10--background-focus:focus {
+  background-color: var(--tc-grey-10-dark);
+}
+
+.dark .tet-color__grey00,
+.dark .tet-color__grey00--hover:hover,
+.dark .tet-color__grey00--focus:focus {
+  color: var(--tc-grey-00-dark);
+}
+
+.dark .tet-color__grey00--border,
+.dark .tet-color__grey00--border-hover:hover,
+.dark .tet-color__grey00--border-focus:focus {
+  border-color: var(--tc-grey-00-dark);
+}
+
+.dark .tet-color__grey00--background,
+.dark .tet-color__grey00--background-hover:hover,
+.dark .tet-color__grey00--background-focus:focus {
+  background-color: var(--tc-grey-00-dark);
+}
+
+.dark .tet-color__purple,
+.dark .tet-color__purple--hover:hover,
+.dark .tet-color__purple--focus:focus {
+  color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__purple--border,
+.dark .tet-color__purple--border-hover:hover,
+.dark .tet-color__purple--border-focus:focus {
+  border-color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__purple--background,
+.dark .tet-color__purple--background-hover:hover,
+.dark .tet-color__purple--background-focus:focus {
+  background-color: var(--tc-violet-40-dark);
+}
+
+.dark .tet-color__black,
+.dark .tet-color__black--hover:hover,
+.dark .tet-color__black--focus:focus {
+  color: var(--tc-foundation-black-dark);
+}
+
+.dark .tet-color__black--border,
+.dark .tet-color__black--border-hover:hover,
+.dark .tet-color__black--border-focus:focus {
+  border-color: var(--tc-foundation-black-dark);
+}
+
+.dark .tet-color__black--background,
+.dark .tet-color__black--background-hover:hover,
+.dark .tet-color__black--background-focus:focus {
+  background-color: var(--tc-foundation-black-dark);
+}
+
+.dark .tet-color__white,
+.dark .tet-color__white--hover:hover,
+.dark .tet-color__white--focus:focus {
+  color: var(--tc-foundation-white-dark);
+}
+
+.dark .tet-color__white--border,
+.dark .tet-color__white--border-hover:hover,
+.dark .tet-color__white--border-focus:focus {
+  border-color: var(--tc-foundation-white-dark);
+}
+
+.dark .tet-color__white--background,
+.dark .tet-color__white--background-hover:hover,
+.dark .tet-color__white--background-focus:focus {
+  background-color: var(--tc-foundation-white-dark);
 }
 
 @font-face {
@@ -5175,6 +7029,8 @@
   /**
   * Colors
   */
+  --tc-foundation-white-dark: rgb(255, 255, 255);
+  --tc-foundation-black-dark: rgb(0, 0, 0);
   --tc-grey-110-dark: rgba(253, 253, 253, 1);
   --tc-grey-100-dark: rgba(250, 250, 250, 1);
   --tc-grey-90-dark: rgba(247, 247, 247, 1);
@@ -5436,6 +7292,8 @@
   /**
   * Colors
   */
+  --tc-foundation-white: rgb(255, 255, 255);
+  --tc-foundation-black: rgb(0, 0, 0);
   --tc-grey-110: rgba(12, 12, 14, 1);
   --tc-grey-100: rgba(18, 19, 21, 1);
   --tc-grey-90: rgba(24, 25, 27, 1);