@tet/tet-components 1.3.67-testing → 1.3.68-production

package/dist/collection/docs/styling/colors/tet-colors.css

@@ -2025,1677 +2025,1677 @@
   background-color: var(--tc-foundation-white);
 }
 
-.dark .tet-color__blue,
-.dark .tet-color__blue--hover:hover,
-.dark .tet-color__blue--focus:focus {
+.dark .tet-color__blue:not(.tet-color--static),
+.dark .tet-color__blue--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue--border:not(.tet-color--static),
+.dark .tet-color__blue--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue--background:not(.tet-color--static),
+.dark .tet-color__blue--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-40-dark);
 }
 
-.dark .tet-color__blue80,
-.dark .tet-color__blue80--hover:hover,
-.dark .tet-color__blue80--focus:focus {
+.dark .tet-color__blue80:not(.tet-color--static),
+.dark .tet-color__blue80--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue80--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue80--border:not(.tet-color--static),
+.dark .tet-color__blue80--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue80--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue80--background:not(.tet-color--static),
+.dark .tet-color__blue80--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue80--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-80-dark);
 }
 
-.dark .tet-color__blue70,
-.dark .tet-color__blue70--hover:hover,
-.dark .tet-color__blue70--focus:focus {
+.dark .tet-color__blue70:not(.tet-color--static),
+.dark .tet-color__blue70--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue70--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue70--border:not(.tet-color--static),
+.dark .tet-color__blue70--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue70--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue70--background:not(.tet-color--static),
+.dark .tet-color__blue70--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue70--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-70-dark);
 }
 
-.dark .tet-color__blue60,
-.dark .tet-color__blue60--hover:hover,
-.dark .tet-color__blue60--focus:focus {
+.dark .tet-color__blue60:not(.tet-color--static),
+.dark .tet-color__blue60--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue60--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue60--border:not(.tet-color--static),
+.dark .tet-color__blue60--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue60--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue60--background:not(.tet-color--static),
+.dark .tet-color__blue60--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue60--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-60-dark);
 }
 
-.dark .tet-color__blue50,
-.dark .tet-color__blue50--hover:hover,
-.dark .tet-color__blue50--focus:focus {
+.dark .tet-color__blue50:not(.tet-color--static),
+.dark .tet-color__blue50--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue50--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue50--border:not(.tet-color--static),
+.dark .tet-color__blue50--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue50--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue50--background:not(.tet-color--static),
+.dark .tet-color__blue50--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue50--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-50-dark);
 }
 
-.dark .tet-color__blue40,
-.dark .tet-color__blue40--hover:hover,
-.dark .tet-color__blue40--focus:focus {
+.dark .tet-color__blue40:not(.tet-color--static),
+.dark .tet-color__blue40--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue40--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue40--border:not(.tet-color--static),
+.dark .tet-color__blue40--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue40--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue40--background:not(.tet-color--static),
+.dark .tet-color__blue40--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue40--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-40-dark);
 }
 
-.dark .tet-color__blue30,
-.dark .tet-color__blue30--hover:hover,
-.dark .tet-color__blue30--focus:focus {
+.dark .tet-color__blue30:not(.tet-color--static),
+.dark .tet-color__blue30--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue30--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue30--border:not(.tet-color--static),
+.dark .tet-color__blue30--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue30--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue30--background:not(.tet-color--static),
+.dark .tet-color__blue30--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue30--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-30-dark);
 }
 
-.dark .tet-color__blue20,
-.dark .tet-color__blue20--hover:hover,
-.dark .tet-color__blue20--focus:focus {
+.dark .tet-color__blue20:not(.tet-color--static),
+.dark .tet-color__blue20--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue20--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue20--border:not(.tet-color--static),
+.dark .tet-color__blue20--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue20--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue20--background:not(.tet-color--static),
+.dark .tet-color__blue20--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue20--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-20-dark);
 }
 
-.dark .tet-color__blue10,
-.dark .tet-color__blue10--hover:hover,
-.dark .tet-color__blue10--focus:focus {
+.dark .tet-color__blue10:not(.tet-color--static),
+.dark .tet-color__blue10--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue10--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue10--border:not(.tet-color--static),
+.dark .tet-color__blue10--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue10--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue10--background:not(.tet-color--static),
+.dark .tet-color__blue10--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue10--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-10-dark);
 }
 
-.dark .tet-color__blue00,
-.dark .tet-color__blue00--hover:hover,
-.dark .tet-color__blue00--focus:focus {
+.dark .tet-color__blue00:not(.tet-color--static),
+.dark .tet-color__blue00--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue00--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue00--border:not(.tet-color--static),
+.dark .tet-color__blue00--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue00--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue00--background:not(.tet-color--static),
+.dark .tet-color__blue00--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue00--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-00-dark);
 }
 
-.dark .tet-color__blue80dark,
-.dark .tet-color__blue80dark--hover:hover,
-.dark .tet-color__blue80dark--focus:focus {
+.dark .tet-color__blue80dark:not(.tet-color--static),
+.dark .tet-color__blue80dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue80dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue80dark--border:not(.tet-color--static),
+.dark .tet-color__blue80dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue80dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue80dark--background:not(.tet-color--static),
+.dark .tet-color__blue80dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue80dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-80-dark);
 }
 
-.dark .tet-color__blue70dark,
-.dark .tet-color__blue70dark--hover:hover,
-.dark .tet-color__blue70dark--focus:focus {
+.dark .tet-color__blue70dark:not(.tet-color--static),
+.dark .tet-color__blue70dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue70dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue70dark--border:not(.tet-color--static),
+.dark .tet-color__blue70dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue70dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue70dark--background:not(.tet-color--static),
+.dark .tet-color__blue70dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue70dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-70-dark);
 }
 
-.dark .tet-color__blue60dark,
-.dark .tet-color__blue60dark--hover:hover,
-.dark .tet-color__blue60dark--focus:focus {
+.dark .tet-color__blue60dark:not(.tet-color--static),
+.dark .tet-color__blue60dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue60dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue60dark--border:not(.tet-color--static),
+.dark .tet-color__blue60dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue60dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue60dark--background:not(.tet-color--static),
+.dark .tet-color__blue60dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue60dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-60-dark);
 }
 
-.dark .tet-color__blue50dark,
-.dark .tet-color__blue50dark--hover:hover,
-.dark .tet-color__blue50dark--focus:focus {
+.dark .tet-color__blue50dark:not(.tet-color--static),
+.dark .tet-color__blue50dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue50dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue50dark--border:not(.tet-color--static),
+.dark .tet-color__blue50dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue50dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue50dark--background:not(.tet-color--static),
+.dark .tet-color__blue50dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue50dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-50-dark);
 }
 
-.dark .tet-color__blue40dark,
-.dark .tet-color__blue40dark--hover:hover,
-.dark .tet-color__blue40dark--focus:focus {
+.dark .tet-color__blue40dark:not(.tet-color--static),
+.dark .tet-color__blue40dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue40dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue40dark--border:not(.tet-color--static),
+.dark .tet-color__blue40dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue40dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue40dark--background:not(.tet-color--static),
+.dark .tet-color__blue40dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue40dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-40-dark);
 }
 
-.dark .tet-color__blue10dark,
-.dark .tet-color__blue10dark--hover:hover,
-.dark .tet-color__blue10dark--focus:focus {
+.dark .tet-color__blue10dark:not(.tet-color--static),
+.dark .tet-color__blue10dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__blue10dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue10dark--border:not(.tet-color--static),
+.dark .tet-color__blue10dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue10dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__blue10dark--background:not(.tet-color--static),
+.dark .tet-color__blue10dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__blue10dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-blue-10-dark);
 }
 
-.dark .tet-color__green,
-.dark .tet-color__green--hover:hover,
-.dark .tet-color__green--focus:focus {
+.dark .tet-color__green:not(.tet-color--static),
+.dark .tet-color__green--hover:hover:not(.tet-color--static),
+.dark .tet-color__green--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green--border:not(.tet-color--static),
+.dark .tet-color__green--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green--background:not(.tet-color--static),
+.dark .tet-color__green--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-40-dark);
 }
 
-.dark .tet-color__green80,
-.dark .tet-color__green80--hover:hover,
-.dark .tet-color__green80--focus:focus {
+.dark .tet-color__green80:not(.tet-color--static),
+.dark .tet-color__green80--hover:hover:not(.tet-color--static),
+.dark .tet-color__green80--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green80--border:not(.tet-color--static),
+.dark .tet-color__green80--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green80--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green80--background:not(.tet-color--static),
+.dark .tet-color__green80--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green80--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-80-dark);
 }
 
-.dark .tet-color__green70,
-.dark .tet-color__green70--hover:hover,
-.dark .tet-color__green70--focus:focus {
+.dark .tet-color__green70:not(.tet-color--static),
+.dark .tet-color__green70--hover:hover:not(.tet-color--static),
+.dark .tet-color__green70--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green70--border:not(.tet-color--static),
+.dark .tet-color__green70--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green70--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green70--background:not(.tet-color--static),
+.dark .tet-color__green70--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green70--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-70-dark);
 }
 
-.dark .tet-color__green60,
-.dark .tet-color__green60--hover:hover,
-.dark .tet-color__green60--focus:focus {
+.dark .tet-color__green60:not(.tet-color--static),
+.dark .tet-color__green60--hover:hover:not(.tet-color--static),
+.dark .tet-color__green60--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green60--border:not(.tet-color--static),
+.dark .tet-color__green60--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green60--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green60--background:not(.tet-color--static),
+.dark .tet-color__green60--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green60--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-60-dark);
 }
 
-.dark .tet-color__green50,
-.dark .tet-color__green50--hover:hover,
-.dark .tet-color__green50--focus:focus {
+.dark .tet-color__green50:not(.tet-color--static),
+.dark .tet-color__green50--hover:hover:not(.tet-color--static),
+.dark .tet-color__green50--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green50--border:not(.tet-color--static),
+.dark .tet-color__green50--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green50--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green50--background:not(.tet-color--static),
+.dark .tet-color__green50--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green50--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-50-dark);
 }
 
-.dark .tet-color__green40,
-.dark .tet-color__green40--hover:hover,
-.dark .tet-color__green40--focus:focus {
+.dark .tet-color__green40:not(.tet-color--static),
+.dark .tet-color__green40--hover:hover:not(.tet-color--static),
+.dark .tet-color__green40--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green40--border:not(.tet-color--static),
+.dark .tet-color__green40--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green40--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green40--background:not(.tet-color--static),
+.dark .tet-color__green40--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green40--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-40-dark);
 }
 
-.dark .tet-color__green30,
-.dark .tet-color__green30--hover:hover,
-.dark .tet-color__green30--focus:focus {
+.dark .tet-color__green30:not(.tet-color--static),
+.dark .tet-color__green30--hover:hover:not(.tet-color--static),
+.dark .tet-color__green30--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green30--border:not(.tet-color--static),
+.dark .tet-color__green30--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green30--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green30--background:not(.tet-color--static),
+.dark .tet-color__green30--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green30--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-30-dark);
 }
 
-.dark .tet-color__green20,
-.dark .tet-color__green20--hover:hover,
-.dark .tet-color__green20--focus:focus {
+.dark .tet-color__green20:not(.tet-color--static),
+.dark .tet-color__green20--hover:hover:not(.tet-color--static),
+.dark .tet-color__green20--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green20--border:not(.tet-color--static),
+.dark .tet-color__green20--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green20--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green20--background:not(.tet-color--static),
+.dark .tet-color__green20--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green20--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-20-dark);
 }
 
-.dark .tet-color__green10,
-.dark .tet-color__green10--hover:hover,
-.dark .tet-color__green10--focus:focus {
+.dark .tet-color__green10:not(.tet-color--static),
+.dark .tet-color__green10--hover:hover:not(.tet-color--static),
+.dark .tet-color__green10--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green10--border:not(.tet-color--static),
+.dark .tet-color__green10--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green10--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green10--background:not(.tet-color--static),
+.dark .tet-color__green10--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green10--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-10-dark);
 }
 
-.dark .tet-color__green00,
-.dark .tet-color__green00--hover:hover,
-.dark .tet-color__green00--focus:focus {
+.dark .tet-color__green00:not(.tet-color--static),
+.dark .tet-color__green00--hover:hover:not(.tet-color--static),
+.dark .tet-color__green00--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green00--border:not(.tet-color--static),
+.dark .tet-color__green00--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green00--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green00--background:not(.tet-color--static),
+.dark .tet-color__green00--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green00--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-00-dark);
 }
 
-.dark .tet-color__green80dark,
-.dark .tet-color__green80dark--hover:hover,
-.dark .tet-color__green80dark--focus:focus {
+.dark .tet-color__green80dark:not(.tet-color--static),
+.dark .tet-color__green80dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__green80dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green80dark--border:not(.tet-color--static),
+.dark .tet-color__green80dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green80dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green80dark--background:not(.tet-color--static),
+.dark .tet-color__green80dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green80dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-80-dark);
 }
 
-.dark .tet-color__green70dark,
-.dark .tet-color__green70dark--hover:hover,
-.dark .tet-color__green70dark--focus:focus {
+.dark .tet-color__green70dark:not(.tet-color--static),
+.dark .tet-color__green70dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__green70dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green70dark--border:not(.tet-color--static),
+.dark .tet-color__green70dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green70dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green70dark--background:not(.tet-color--static),
+.dark .tet-color__green70dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green70dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-70-dark);
 }
 
-.dark .tet-color__green60dark,
-.dark .tet-color__green60dark--hover:hover,
-.dark .tet-color__green60dark--focus:focus {
+.dark .tet-color__green60dark:not(.tet-color--static),
+.dark .tet-color__green60dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__green60dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green60dark--border:not(.tet-color--static),
+.dark .tet-color__green60dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green60dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green60dark--background:not(.tet-color--static),
+.dark .tet-color__green60dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green60dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-60-dark);
 }
 
-.dark .tet-color__green50dark,
-.dark .tet-color__green50dark--hover:hover,
-.dark .tet-color__green50dark--focus:focus {
+.dark .tet-color__green50dark:not(.tet-color--static),
+.dark .tet-color__green50dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__green50dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green50dark--border:not(.tet-color--static),
+.dark .tet-color__green50dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green50dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green50dark--background:not(.tet-color--static),
+.dark .tet-color__green50dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green50dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-50-dark);
 }
 
-.dark .tet-color__green40dark,
-.dark .tet-color__green40dark--hover:hover,
-.dark .tet-color__green40dark--focus:focus {
+.dark .tet-color__green40dark:not(.tet-color--static),
+.dark .tet-color__green40dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__green40dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green40dark--border:not(.tet-color--static),
+.dark .tet-color__green40dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green40dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green40dark--background:not(.tet-color--static),
+.dark .tet-color__green40dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green40dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-40-dark);
 }
 
-.dark .tet-color__green10dark,
-.dark .tet-color__green10dark--hover:hover,
-.dark .tet-color__green10dark--focus:focus {
+.dark .tet-color__green10dark:not(.tet-color--static),
+.dark .tet-color__green10dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__green10dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green10dark--border:not(.tet-color--static),
+.dark .tet-color__green10dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__green10dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__green10dark--background:not(.tet-color--static),
+.dark .tet-color__green10dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__green10dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-green-10-dark);
 }
 
-.dark .tet-color__yellow,
-.dark .tet-color__yellow--hover:hover,
-.dark .tet-color__yellow--focus:focus {
+.dark .tet-color__yellow:not(.tet-color--static),
+.dark .tet-color__yellow--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow--border:not(.tet-color--static),
+.dark .tet-color__yellow--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow--background:not(.tet-color--static),
+.dark .tet-color__yellow--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-40-dark);
 }
 
-.dark .tet-color__yellow80,
-.dark .tet-color__yellow80--hover:hover,
-.dark .tet-color__yellow80--focus:focus {
+.dark .tet-color__yellow80:not(.tet-color--static),
+.dark .tet-color__yellow80--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow80--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow80--border:not(.tet-color--static),
+.dark .tet-color__yellow80--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow80--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow80--background:not(.tet-color--static),
+.dark .tet-color__yellow80--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow80--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-80-dark);
 }
 
-.dark .tet-color__yellow70,
-.dark .tet-color__yellow70--hover:hover,
-.dark .tet-color__yellow70--focus:focus {
+.dark .tet-color__yellow70:not(.tet-color--static),
+.dark .tet-color__yellow70--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow70--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow70--border:not(.tet-color--static),
+.dark .tet-color__yellow70--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow70--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow70--background:not(.tet-color--static),
+.dark .tet-color__yellow70--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow70--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-70-dark);
 }
 
-.dark .tet-color__yellow60,
-.dark .tet-color__yellow60--hover:hover,
-.dark .tet-color__yellow60--focus:focus {
+.dark .tet-color__yellow60:not(.tet-color--static),
+.dark .tet-color__yellow60--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow60--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow60--border:not(.tet-color--static),
+.dark .tet-color__yellow60--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow60--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow60--background:not(.tet-color--static),
+.dark .tet-color__yellow60--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow60--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-60-dark);
 }
 
-.dark .tet-color__yellow50,
-.dark .tet-color__yellow50--hover:hover,
-.dark .tet-color__yellow50--focus:focus {
+.dark .tet-color__yellow50:not(.tet-color--static),
+.dark .tet-color__yellow50--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow50--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow50--border:not(.tet-color--static),
+.dark .tet-color__yellow50--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow50--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow50--background:not(.tet-color--static),
+.dark .tet-color__yellow50--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow50--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-50-dark);
 }
 
-.dark .tet-color__yellow40,
-.dark .tet-color__yellow40--hover:hover,
-.dark .tet-color__yellow40--focus:focus {
+.dark .tet-color__yellow40:not(.tet-color--static),
+.dark .tet-color__yellow40--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow40--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow40--border:not(.tet-color--static),
+.dark .tet-color__yellow40--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow40--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow40--background:not(.tet-color--static),
+.dark .tet-color__yellow40--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow40--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-40-dark);
 }
 
-.dark .tet-color__yellow30,
-.dark .tet-color__yellow30--hover:hover,
-.dark .tet-color__yellow30--focus:focus {
+.dark .tet-color__yellow30:not(.tet-color--static),
+.dark .tet-color__yellow30--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow30--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow30--border:not(.tet-color--static),
+.dark .tet-color__yellow30--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow30--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow30--background:not(.tet-color--static),
+.dark .tet-color__yellow30--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow30--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-30-dark);
 }
 
-.dark .tet-color__yellow20,
-.dark .tet-color__yellow20--hover:hover,
-.dark .tet-color__yellow20--focus:focus {
+.dark .tet-color__yellow20:not(.tet-color--static),
+.dark .tet-color__yellow20--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow20--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow20--border:not(.tet-color--static),
+.dark .tet-color__yellow20--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow20--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow20--background:not(.tet-color--static),
+.dark .tet-color__yellow20--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow20--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-20-dark);
 }
 
-.dark .tet-color__yellow10,
-.dark .tet-color__yellow10--hover:hover,
-.dark .tet-color__yellow10--focus:focus {
+.dark .tet-color__yellow10:not(.tet-color--static),
+.dark .tet-color__yellow10--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow10--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow10--border:not(.tet-color--static),
+.dark .tet-color__yellow10--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow10--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow10--background:not(.tet-color--static),
+.dark .tet-color__yellow10--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow10--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-10-dark);
 }
 
-.dark .tet-color__yellow00,
-.dark .tet-color__yellow00--hover:hover,
-.dark .tet-color__yellow00--focus:focus {
+.dark .tet-color__yellow00:not(.tet-color--static),
+.dark .tet-color__yellow00--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow00--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow00--border:not(.tet-color--static),
+.dark .tet-color__yellow00--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow00--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow00--background:not(.tet-color--static),
+.dark .tet-color__yellow00--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow00--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-00-dark);
 }
 
-.dark .tet-color__yellow80dark,
-.dark .tet-color__yellow80dark--hover:hover,
-.dark .tet-color__yellow80dark--focus:focus {
+.dark .tet-color__yellow80dark:not(.tet-color--static),
+.dark .tet-color__yellow80dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow80dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow80dark--border:not(.tet-color--static),
+.dark .tet-color__yellow80dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow80dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow80dark--background:not(.tet-color--static),
+.dark .tet-color__yellow80dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow80dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-80-dark);
 }
 
-.dark .tet-color__yellow70dark,
-.dark .tet-color__yellow70dark--hover:hover,
-.dark .tet-color__yellow70dark--focus:focus {
+.dark .tet-color__yellow70dark:not(.tet-color--static),
+.dark .tet-color__yellow70dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow70dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow70dark--border:not(.tet-color--static),
+.dark .tet-color__yellow70dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow70dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow70dark--background:not(.tet-color--static),
+.dark .tet-color__yellow70dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow70dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-70-dark);
 }
 
-.dark .tet-color__yellow60dark,
-.dark .tet-color__yellow60dark--hover:hover,
-.dark .tet-color__yellow60dark--focus:focus {
+.dark .tet-color__yellow60dark:not(.tet-color--static),
+.dark .tet-color__yellow60dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow60dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow60dark--border:not(.tet-color--static),
+.dark .tet-color__yellow60dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow60dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow60dark--background:not(.tet-color--static),
+.dark .tet-color__yellow60dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow60dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-60-dark);
 }
 
-.dark .tet-color__yellow55dark,
-.dark .tet-color__yellow55dark--hover:hover,
-.dark .tet-color__yellow55dark--focus:focus {
+.dark .tet-color__yellow55dark:not(.tet-color--static),
+.dark .tet-color__yellow55dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow55dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow55dark--border:not(.tet-color--static),
+.dark .tet-color__yellow55dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow55dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow55dark--background:not(.tet-color--static),
+.dark .tet-color__yellow55dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow55dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-50-dark);
 }
 
-.dark .tet-color__yellow50dark,
-.dark .tet-color__yellow50dark--hover:hover,
-.dark .tet-color__yellow50dark--focus:focus {
+.dark .tet-color__yellow50dark:not(.tet-color--static),
+.dark .tet-color__yellow50dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow50dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow50dark--border:not(.tet-color--static),
+.dark .tet-color__yellow50dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow50dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow50dark--background:not(.tet-color--static),
+.dark .tet-color__yellow50dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow50dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-50-dark);
 }
 
-.dark .tet-color__yellow45dark,
-.dark .tet-color__yellow45dark--hover:hover,
-.dark .tet-color__yellow45dark--focus:focus {
+.dark .tet-color__yellow45dark:not(.tet-color--static),
+.dark .tet-color__yellow45dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow45dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow45dark--border:not(.tet-color--static),
+.dark .tet-color__yellow45dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow45dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow45dark--background:not(.tet-color--static),
+.dark .tet-color__yellow45dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow45dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-40-dark);
 }
 
-.dark .tet-color__yellow40dark,
-.dark .tet-color__yellow40dark--hover:hover,
-.dark .tet-color__yellow40dark--focus:focus {
+.dark .tet-color__yellow40dark:not(.tet-color--static),
+.dark .tet-color__yellow40dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow40dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow40dark--border:not(.tet-color--static),
+.dark .tet-color__yellow40dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow40dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow40dark--background:not(.tet-color--static),
+.dark .tet-color__yellow40dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow40dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-40-dark);
 }
 
-.dark .tet-color__yellow10dark,
-.dark .tet-color__yellow10dark--hover:hover,
-.dark .tet-color__yellow10dark--focus:focus {
+.dark .tet-color__yellow10dark:not(.tet-color--static),
+.dark .tet-color__yellow10dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow10dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow10dark--border:not(.tet-color--static),
+.dark .tet-color__yellow10dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow10dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__yellow10dark--background:not(.tet-color--static),
+.dark .tet-color__yellow10dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__yellow10dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-yellow-10-dark);
 }
 
-.dark .tet-color__red,
-.dark .tet-color__red--hover:hover,
-.dark .tet-color__red--focus:focus {
+.dark .tet-color__red:not(.tet-color--static),
+.dark .tet-color__red--hover:hover:not(.tet-color--static),
+.dark .tet-color__red--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red--border:not(.tet-color--static),
+.dark .tet-color__red--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red--background:not(.tet-color--static),
+.dark .tet-color__red--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-40-dark);
 }
 
-.dark .tet-color__red80,
-.dark .tet-color__red80--hover:hover,
-.dark .tet-color__red80--focus:focus {
+.dark .tet-color__red80:not(.tet-color--static),
+.dark .tet-color__red80--hover:hover:not(.tet-color--static),
+.dark .tet-color__red80--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red80--border:not(.tet-color--static),
+.dark .tet-color__red80--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red80--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red80--background:not(.tet-color--static),
+.dark .tet-color__red80--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red80--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-80-dark);
 }
 
-.dark .tet-color__red70,
-.dark .tet-color__red70--hover:hover,
-.dark .tet-color__red70--focus:focus {
+.dark .tet-color__red70:not(.tet-color--static),
+.dark .tet-color__red70--hover:hover:not(.tet-color--static),
+.dark .tet-color__red70--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red70--border:not(.tet-color--static),
+.dark .tet-color__red70--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red70--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red70--background:not(.tet-color--static),
+.dark .tet-color__red70--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red70--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-70-dark);
 }
 
-.dark .tet-color__red60,
-.dark .tet-color__red60--hover:hover,
-.dark .tet-color__red60--focus:focus {
+.dark .tet-color__red60:not(.tet-color--static),
+.dark .tet-color__red60--hover:hover:not(.tet-color--static),
+.dark .tet-color__red60--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red60--border:not(.tet-color--static),
+.dark .tet-color__red60--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red60--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red60--background:not(.tet-color--static),
+.dark .tet-color__red60--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red60--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-60-dark);
 }
 
-.dark .tet-color__red50,
-.dark .tet-color__red50--hover:hover,
-.dark .tet-color__red50--focus:focus {
+.dark .tet-color__red50:not(.tet-color--static),
+.dark .tet-color__red50--hover:hover:not(.tet-color--static),
+.dark .tet-color__red50--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red50--border:not(.tet-color--static),
+.dark .tet-color__red50--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red50--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red50--background:not(.tet-color--static),
+.dark .tet-color__red50--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red50--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-50-dark);
 }
 
-.dark .tet-color__red40,
-.dark .tet-color__red40--hover:hover,
-.dark .tet-color__red40--focus:focus {
+.dark .tet-color__red40:not(.tet-color--static),
+.dark .tet-color__red40--hover:hover:not(.tet-color--static),
+.dark .tet-color__red40--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red40--border:not(.tet-color--static),
+.dark .tet-color__red40--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red40--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red40--background:not(.tet-color--static),
+.dark .tet-color__red40--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red40--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-40-dark);
 }
 
-.dark .tet-color__red30,
-.dark .tet-color__red30--hover:hover,
-.dark .tet-color__red30--focus:focus {
+.dark .tet-color__red30:not(.tet-color--static),
+.dark .tet-color__red30--hover:hover:not(.tet-color--static),
+.dark .tet-color__red30--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red30--border:not(.tet-color--static),
+.dark .tet-color__red30--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red30--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red30--background:not(.tet-color--static),
+.dark .tet-color__red30--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red30--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-30-dark);
 }
 
-.dark .tet-color__red20,
-.dark .tet-color__red20--hover:hover,
-.dark .tet-color__red20--focus:focus {
+.dark .tet-color__red20:not(.tet-color--static),
+.dark .tet-color__red20--hover:hover:not(.tet-color--static),
+.dark .tet-color__red20--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red20--border:not(.tet-color--static),
+.dark .tet-color__red20--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red20--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red20--background:not(.tet-color--static),
+.dark .tet-color__red20--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red20--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-20-dark);
 }
 
-.dark .tet-color__red10,
-.dark .tet-color__red10--hover:hover,
-.dark .tet-color__red10--focus:focus {
+.dark .tet-color__red10:not(.tet-color--static),
+.dark .tet-color__red10--hover:hover:not(.tet-color--static),
+.dark .tet-color__red10--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red10--border:not(.tet-color--static),
+.dark .tet-color__red10--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red10--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red10--background:not(.tet-color--static),
+.dark .tet-color__red10--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red10--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-10-dark);
 }
 
-.dark .tet-color__red00,
-.dark .tet-color__red00--hover:hover,
-.dark .tet-color__red00--focus:focus {
+.dark .tet-color__red00:not(.tet-color--static),
+.dark .tet-color__red00--hover:hover:not(.tet-color--static),
+.dark .tet-color__red00--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red00--border:not(.tet-color--static),
+.dark .tet-color__red00--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red00--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red00--background:not(.tet-color--static),
+.dark .tet-color__red00--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red00--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-00-dark);
 }
 
-.dark .tet-color__red80dark,
-.dark .tet-color__red80dark--hover:hover,
-.dark .tet-color__red80dark--focus:focus {
+.dark .tet-color__red80dark:not(.tet-color--static),
+.dark .tet-color__red80dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__red80dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red80dark--border:not(.tet-color--static),
+.dark .tet-color__red80dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red80dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red80dark--background:not(.tet-color--static),
+.dark .tet-color__red80dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red80dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-80-dark);
 }
 
-.dark .tet-color__red70dark,
-.dark .tet-color__red70dark--hover:hover,
-.dark .tet-color__red70dark--focus:focus {
+.dark .tet-color__red70dark:not(.tet-color--static),
+.dark .tet-color__red70dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__red70dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red70dark--border:not(.tet-color--static),
+.dark .tet-color__red70dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red70dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red70dark--background:not(.tet-color--static),
+.dark .tet-color__red70dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red70dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-70-dark);
 }
 
-.dark .tet-color__red65dark,
-.dark .tet-color__red65dark--hover:hover,
-.dark .tet-color__red65dark--focus:focus {
+.dark .tet-color__red65dark:not(.tet-color--static),
+.dark .tet-color__red65dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__red65dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red65dark--border:not(.tet-color--static),
+.dark .tet-color__red65dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red65dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red65dark--background:not(.tet-color--static),
+.dark .tet-color__red65dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red65dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-60-dark);
 }
 
-.dark .tet-color__red60dark,
-.dark .tet-color__red60dark--hover:hover,
-.dark .tet-color__red60dark--focus:focus {
+.dark .tet-color__red60dark:not(.tet-color--static),
+.dark .tet-color__red60dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__red60dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red60dark--border:not(.tet-color--static),
+.dark .tet-color__red60dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red60dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red60dark--background:not(.tet-color--static),
+.dark .tet-color__red60dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red60dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-60-dark);
 }
 
-.dark .tet-color__red55dark,
-.dark .tet-color__red55dark--hover:hover,
-.dark .tet-color__red55dark--focus:focus {
+.dark .tet-color__red55dark:not(.tet-color--static),
+.dark .tet-color__red55dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__red55dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red55dark--border:not(.tet-color--static),
+.dark .tet-color__red55dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red55dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red55dark--background:not(.tet-color--static),
+.dark .tet-color__red55dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red55dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-50-dark);
 }
 
-.dark .tet-color__red50dark,
-.dark .tet-color__red50dark--hover:hover,
-.dark .tet-color__red50dark--focus:focus {
+.dark .tet-color__red50dark:not(.tet-color--static),
+.dark .tet-color__red50dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__red50dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red50dark--border:not(.tet-color--static),
+.dark .tet-color__red50dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red50dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red50dark--background:not(.tet-color--static),
+.dark .tet-color__red50dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red50dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-50-dark);
 }
 
-.dark .tet-color__red40dark,
-.dark .tet-color__red40dark--hover:hover,
-.dark .tet-color__red40dark--focus:focus {
+.dark .tet-color__red40dark:not(.tet-color--static),
+.dark .tet-color__red40dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__red40dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red40dark--border:not(.tet-color--static),
+.dark .tet-color__red40dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red40dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red40dark--background:not(.tet-color--static),
+.dark .tet-color__red40dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red40dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-40-dark);
 }
 
-.dark .tet-color__red10dark,
-.dark .tet-color__red10dark--hover:hover,
-.dark .tet-color__red10dark--focus:focus {
+.dark .tet-color__red10dark:not(.tet-color--static),
+.dark .tet-color__red10dark--hover:hover:not(.tet-color--static),
+.dark .tet-color__red10dark--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red10dark--border:not(.tet-color--static),
+.dark .tet-color__red10dark--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__red10dark--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__red10dark--background:not(.tet-color--static),
+.dark .tet-color__red10dark--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__red10dark--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-red-10-dark);
 }
 
-.dark .tet-color__violet,
-.dark .tet-color__violet--hover:hover,
-.dark .tet-color__violet--focus:focus {
+.dark .tet-color__violet:not(.tet-color--static),
+.dark .tet-color__violet--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet--border:not(.tet-color--static),
+.dark .tet-color__violet--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet--background:not(.tet-color--static),
+.dark .tet-color__violet--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-40-dark);
 }
 
-.dark .tet-color__violet80,
-.dark .tet-color__violet80--hover:hover,
-.dark .tet-color__violet80--focus:focus {
+.dark .tet-color__violet80:not(.tet-color--static),
+.dark .tet-color__violet80--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet80--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet80--border:not(.tet-color--static),
+.dark .tet-color__violet80--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet80--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet80--background:not(.tet-color--static),
+.dark .tet-color__violet80--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet80--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-80-dark);
 }
 
-.dark .tet-color__violet70,
-.dark .tet-color__violet70--hover:hover,
-.dark .tet-color__violet70--focus:focus {
+.dark .tet-color__violet70:not(.tet-color--static),
+.dark .tet-color__violet70--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet70--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet70--border:not(.tet-color--static),
+.dark .tet-color__violet70--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet70--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet70--background:not(.tet-color--static),
+.dark .tet-color__violet70--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet70--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-70-dark);
 }
 
-.dark .tet-color__violet60,
-.dark .tet-color__violet60--hover:hover,
-.dark .tet-color__violet60--focus:focus {
+.dark .tet-color__violet60:not(.tet-color--static),
+.dark .tet-color__violet60--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet60--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet60--border:not(.tet-color--static),
+.dark .tet-color__violet60--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet60--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet60--background:not(.tet-color--static),
+.dark .tet-color__violet60--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet60--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-60-dark);
 }
 
-.dark .tet-color__violet50,
-.dark .tet-color__violet50--hover:hover,
-.dark .tet-color__violet50--focus:focus {
+.dark .tet-color__violet50:not(.tet-color--static),
+.dark .tet-color__violet50--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet50--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet50--border:not(.tet-color--static),
+.dark .tet-color__violet50--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet50--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet50--background:not(.tet-color--static),
+.dark .tet-color__violet50--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet50--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-50-dark);
 }
 
-.dark .tet-color__violet40,
-.dark .tet-color__violet40--hover:hover,
-.dark .tet-color__violet40--focus:focus {
+.dark .tet-color__violet40:not(.tet-color--static),
+.dark .tet-color__violet40--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet40--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet40--border:not(.tet-color--static),
+.dark .tet-color__violet40--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet40--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet40--background:not(.tet-color--static),
+.dark .tet-color__violet40--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet40--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-40-dark);
 }
 
-.dark .tet-color__violet30,
-.dark .tet-color__violet30--hover:hover,
-.dark .tet-color__violet30--focus:focus {
+.dark .tet-color__violet30:not(.tet-color--static),
+.dark .tet-color__violet30--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet30--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet30--border:not(.tet-color--static),
+.dark .tet-color__violet30--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet30--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet30--background:not(.tet-color--static),
+.dark .tet-color__violet30--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet30--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-30-dark);
 }
 
-.dark .tet-color__violet20,
-.dark .tet-color__violet20--hover:hover,
-.dark .tet-color__violet20--focus:focus {
+.dark .tet-color__violet20:not(.tet-color--static),
+.dark .tet-color__violet20--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet20--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet20--border:not(.tet-color--static),
+.dark .tet-color__violet20--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet20--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet20--background:not(.tet-color--static),
+.dark .tet-color__violet20--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet20--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-20-dark);
 }
 
-.dark .tet-color__violet10,
-.dark .tet-color__violet10--hover:hover,
-.dark .tet-color__violet10--focus:focus {
+.dark .tet-color__violet10:not(.tet-color--static),
+.dark .tet-color__violet10--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet10--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet10--border:not(.tet-color--static),
+.dark .tet-color__violet10--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet10--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet10--background:not(.tet-color--static),
+.dark .tet-color__violet10--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet10--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-10-dark);
 }
 
-.dark .tet-color__violet00,
-.dark .tet-color__violet00--hover:hover,
-.dark .tet-color__violet00--focus:focus {
+.dark .tet-color__violet00:not(.tet-color--static),
+.dark .tet-color__violet00--hover:hover:not(.tet-color--static),
+.dark .tet-color__violet00--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet00--border:not(.tet-color--static),
+.dark .tet-color__violet00--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet00--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__violet00--background:not(.tet-color--static),
+.dark .tet-color__violet00--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__violet00--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-00-dark);
 }
 
-.dark .tet-color__grey110,
-.dark .tet-color__grey110--hover:hover,
-.dark .tet-color__grey110--focus:focus {
+.dark .tet-color__grey110:not(.tet-color--static),
+.dark .tet-color__grey110--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey110--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey110--border:not(.tet-color--static),
+.dark .tet-color__grey110--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey110--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey110--background:not(.tet-color--static),
+.dark .tet-color__grey110--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey110--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-110-dark);
 }
 
-.dark .tet-color__grey100,
-.dark .tet-color__grey100--hover:hover,
-.dark .tet-color__grey100--focus:focus {
+.dark .tet-color__grey100:not(.tet-color--static),
+.dark .tet-color__grey100--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey100--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey100--border:not(.tet-color--static),
+.dark .tet-color__grey100--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey100--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey100--background:not(.tet-color--static),
+.dark .tet-color__grey100--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey100--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-100-dark);
 }
 
-.dark .tet-color__grey90,
-.dark .tet-color__grey90--hover:hover,
-.dark .tet-color__grey90--focus:focus {
+.dark .tet-color__grey90:not(.tet-color--static),
+.dark .tet-color__grey90--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey90--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey90--border:not(.tet-color--static),
+.dark .tet-color__grey90--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey90--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey90--background:not(.tet-color--static),
+.dark .tet-color__grey90--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey90--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-90-dark);
 }
 
-.dark .tet-color__grey80,
-.dark .tet-color__grey80--hover:hover,
-.dark .tet-color__grey80--focus:focus {
+.dark .tet-color__grey80:not(.tet-color--static),
+.dark .tet-color__grey80--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey80--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey80--border:not(.tet-color--static),
+.dark .tet-color__grey80--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey80--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey80--background:not(.tet-color--static),
+.dark .tet-color__grey80--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey80--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-80-dark);
 }
 
-.dark .tet-color__grey70,
-.dark .tet-color__grey70--hover:hover,
-.dark .tet-color__grey70--focus:focus {
+.dark .tet-color__grey70:not(.tet-color--static),
+.dark .tet-color__grey70--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey70--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey70--border:not(.tet-color--static),
+.dark .tet-color__grey70--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey70--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey70--background:not(.tet-color--static),
+.dark .tet-color__grey70--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey70--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-70-dark);
 }
 
-.dark .tet-color__grey60,
-.dark .tet-color__grey60--hover:hover,
-.dark .tet-color__grey60--focus:focus {
+.dark .tet-color__grey60:not(.tet-color--static),
+.dark .tet-color__grey60--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey60--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey60--border:not(.tet-color--static),
+.dark .tet-color__grey60--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey60--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey60--background:not(.tet-color--static),
+.dark .tet-color__grey60--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey60--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-60-dark);
 }
 
-.dark .tet-color__grey50,
-.dark .tet-color__grey50--hover:hover,
-.dark .tet-color__grey50--focus:focus {
+.dark .tet-color__grey50:not(.tet-color--static),
+.dark .tet-color__grey50--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey50--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey50--border:not(.tet-color--static),
+.dark .tet-color__grey50--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey50--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey50--background:not(.tet-color--static),
+.dark .tet-color__grey50--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey50--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-50-dark);
 }
 
-.dark .tet-color__grey40,
-.dark .tet-color__grey40--hover:hover,
-.dark .tet-color__grey40--focus:focus {
+.dark .tet-color__grey40:not(.tet-color--static),
+.dark .tet-color__grey40--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey40--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey40--border:not(.tet-color--static),
+.dark .tet-color__grey40--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey40--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey40--background:not(.tet-color--static),
+.dark .tet-color__grey40--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey40--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-40-dark);
 }
 
-.dark .tet-color__grey30,
-.dark .tet-color__grey30--hover:hover,
-.dark .tet-color__grey30--focus:focus {
+.dark .tet-color__grey30:not(.tet-color--static),
+.dark .tet-color__grey30--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey30--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey30--border:not(.tet-color--static),
+.dark .tet-color__grey30--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey30--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey30--background:not(.tet-color--static),
+.dark .tet-color__grey30--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey30--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-30-dark);
 }
 
-.dark .tet-color__grey20,
-.dark .tet-color__grey20--hover:hover,
-.dark .tet-color__grey20--focus:focus {
+.dark .tet-color__grey20:not(.tet-color--static),
+.dark .tet-color__grey20--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey20--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey20--border:not(.tet-color--static),
+.dark .tet-color__grey20--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey20--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey20--background:not(.tet-color--static),
+.dark .tet-color__grey20--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey20--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-20-dark);
 }
 
-.dark .tet-color__grey10,
-.dark .tet-color__grey10--hover:hover,
-.dark .tet-color__grey10--focus:focus {
+.dark .tet-color__grey10:not(.tet-color--static),
+.dark .tet-color__grey10--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey10--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey10--border:not(.tet-color--static),
+.dark .tet-color__grey10--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey10--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey10--background:not(.tet-color--static),
+.dark .tet-color__grey10--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey10--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-10-dark);
 }
 
-.dark .tet-color__grey00,
-.dark .tet-color__grey00--hover:hover,
-.dark .tet-color__grey00--focus:focus {
+.dark .tet-color__grey00:not(.tet-color--static),
+.dark .tet-color__grey00--hover:hover:not(.tet-color--static),
+.dark .tet-color__grey00--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey00--border:not(.tet-color--static),
+.dark .tet-color__grey00--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey00--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__grey00--background:not(.tet-color--static),
+.dark .tet-color__grey00--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__grey00--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-grey-00-dark);
 }
 
-.dark .tet-color__purple,
-.dark .tet-color__purple--hover:hover,
-.dark .tet-color__purple--focus:focus {
+.dark .tet-color__purple:not(.tet-color--static),
+.dark .tet-color__purple--hover:hover:not(.tet-color--static),
+.dark .tet-color__purple--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__purple--border:not(.tet-color--static),
+.dark .tet-color__purple--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__purple--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__purple--background:not(.tet-color--static),
+.dark .tet-color__purple--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__purple--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-violet-40-dark);
 }
 
-.dark .tet-color__black,
-.dark .tet-color__black--hover:hover,
-.dark .tet-color__black--focus:focus {
+.dark .tet-color__black:not(.tet-color--static),
+.dark .tet-color__black--hover:hover:not(.tet-color--static),
+.dark .tet-color__black--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__black--border:not(.tet-color--static),
+.dark .tet-color__black--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__black--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__black--background:not(.tet-color--static),
+.dark .tet-color__black--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__black--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-foundation-black-dark);
 }
 
-.dark .tet-color__white,
-.dark .tet-color__white--hover:hover,
-.dark .tet-color__white--focus:focus {
+.dark .tet-color__white:not(.tet-color--static),
+.dark .tet-color__white--hover:hover:not(.tet-color--static),
+.dark .tet-color__white--focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__white--border:not(.tet-color--static),
+.dark .tet-color__white--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__white--border-focus:focus:not(.tet-color--static) {
   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 {
+.dark .tet-color__white--background:not(.tet-color--static),
+.dark .tet-color__white--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__white--background-focus:focus:not(.tet-color--static) {
   background-color: var(--tc-foundation-white-dark);
 }