@tet/tet-components 1.4.19-testing → 1.4.20-production

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

@@ -4683,6 +4683,168 @@
   background-color: var(--tc-violet-00);
 }
 
+.tet-color__brown80,
+.tet-color__brown80--hover:hover,
+.tet-color__brown80--focus:focus {
+  color: var(--tc-brown-80);
+}
+
+.tet-color__brown80--border,
+.tet-color__brown80--border-hover:hover,
+.tet-color__brown80--border-focus:focus {
+  border-color: var(--tc-brown-80);
+}
+
+.tet-color__brown80--background,
+.tet-color__brown80--background-hover:hover,
+.tet-color__brown80--background-focus:focus {
+  background-color: var(--tc-brown-80);
+}
+
+.tet-color__brown70,
+.tet-color__brown70--hover:hover,
+.tet-color__brown70--focus:focus {
+  color: var(--tc-brown-70);
+}
+
+.tet-color__brown70--border,
+.tet-color__brown70--border-hover:hover,
+.tet-color__brown70--border-focus:focus {
+  border-color: var(--tc-brown-70);
+}
+
+.tet-color__brown70--background,
+.tet-color__brown70--background-hover:hover,
+.tet-color__brown70--background-focus:focus {
+  background-color: var(--tc-brown-70);
+}
+
+.tet-color__brown60,
+.tet-color__brown60--hover:hover,
+.tet-color__brown60--focus:focus {
+  color: var(--tc-brown-60);
+}
+
+.tet-color__brown60--border,
+.tet-color__brown60--border-hover:hover,
+.tet-color__brown60--border-focus:focus {
+  border-color: var(--tc-brown-60);
+}
+
+.tet-color__brown60--background,
+.tet-color__brown60--background-hover:hover,
+.tet-color__brown60--background-focus:focus {
+  background-color: var(--tc-brown-60);
+}
+
+.tet-color__brown50,
+.tet-color__brown50--hover:hover,
+.tet-color__brown50--focus:focus {
+  color: var(--tc-brown-50);
+}
+
+.tet-color__brown50--border,
+.tet-color__brown50--border-hover:hover,
+.tet-color__brown50--border-focus:focus {
+  border-color: var(--tc-brown-50);
+}
+
+.tet-color__brown50--background,
+.tet-color__brown50--background-hover:hover,
+.tet-color__brown50--background-focus:focus {
+  background-color: var(--tc-brown-50);
+}
+
+.tet-color__brown40,
+.tet-color__brown40--hover:hover,
+.tet-color__brown40--focus:focus {
+  color: var(--tc-brown-40);
+}
+
+.tet-color__brown40--border,
+.tet-color__brown40--border-hover:hover,
+.tet-color__brown40--border-focus:focus {
+  border-color: var(--tc-brown-40);
+}
+
+.tet-color__brown40--background,
+.tet-color__brown40--background-hover:hover,
+.tet-color__brown40--background-focus:focus {
+  background-color: var(--tc-brown-40);
+}
+
+.tet-color__brown30,
+.tet-color__brown30--hover:hover,
+.tet-color__brown30--focus:focus {
+  color: var(--tc-brown-30);
+}
+
+.tet-color__brown30--border,
+.tet-color__brown30--border-hover:hover,
+.tet-color__brown30--border-focus:focus {
+  border-color: var(--tc-brown-30);
+}
+
+.tet-color__brown30--background,
+.tet-color__brown30--background-hover:hover,
+.tet-color__brown30--background-focus:focus {
+  background-color: var(--tc-brown-30);
+}
+
+.tet-color__brown20,
+.tet-color__brown20--hover:hover,
+.tet-color__brown20--focus:focus {
+  color: var(--tc-brown-20);
+}
+
+.tet-color__brown20--border,
+.tet-color__brown20--border-hover:hover,
+.tet-color__brown20--border-focus:focus {
+  border-color: var(--tc-brown-20);
+}
+
+.tet-color__brown20--background,
+.tet-color__brown20--background-hover:hover,
+.tet-color__brown20--background-focus:focus {
+  background-color: var(--tc-brown-20);
+}
+
+.tet-color__brown10,
+.tet-color__brown10--hover:hover,
+.tet-color__brown10--focus:focus {
+  color: var(--tc-brown-10);
+}
+
+.tet-color__brown10--border,
+.tet-color__brown10--border-hover:hover,
+.tet-color__brown10--border-focus:focus {
+  border-color: var(--tc-brown-10);
+}
+
+.tet-color__brown10--background,
+.tet-color__brown10--background-hover:hover,
+.tet-color__brown10--background-focus:focus {
+  background-color: var(--tc-brown-10);
+}
+
+.tet-color__brown00,
+.tet-color__brown00--hover:hover,
+.tet-color__brown00--focus:focus {
+  color: var(--tc-brown-00);
+}
+
+.tet-color__brown00--border,
+.tet-color__brown00--border-hover:hover,
+.tet-color__brown00--border-focus:focus {
+  border-color: var(--tc-brown-00);
+}
+
+.tet-color__brown00--background,
+.tet-color__brown00--background-hover:hover,
+.tet-color__brown00--background-focus:focus {
+  background-color: var(--tc-brown-00);
+}
+
 .tet-color__grey110,
 .tet-color__grey110--hover:hover,
 .tet-color__grey110--focus:focus {
@@ -6357,6 +6519,168 @@
   background-color: var(--tc-violet-00-dark);
 }
 
+.dark .tet-color__brown80:not(.tet-color--static),
+.dark .tet-color__brown80--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown80--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-80-dark);
+}
+
+.dark .tet-color__brown80--border:not(.tet-color--static),
+.dark .tet-color__brown80--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown80--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-80-dark);
+}
+
+.dark .tet-color__brown80--background:not(.tet-color--static),
+.dark .tet-color__brown80--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown80--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-80-dark);
+}
+
+.dark .tet-color__brown70:not(.tet-color--static),
+.dark .tet-color__brown70--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown70--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-70-dark);
+}
+
+.dark .tet-color__brown70--border:not(.tet-color--static),
+.dark .tet-color__brown70--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown70--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-70-dark);
+}
+
+.dark .tet-color__brown70--background:not(.tet-color--static),
+.dark .tet-color__brown70--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown70--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-70-dark);
+}
+
+.dark .tet-color__brown60:not(.tet-color--static),
+.dark .tet-color__brown60--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown60--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-60-dark);
+}
+
+.dark .tet-color__brown60--border:not(.tet-color--static),
+.dark .tet-color__brown60--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown60--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-60-dark);
+}
+
+.dark .tet-color__brown60--background:not(.tet-color--static),
+.dark .tet-color__brown60--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown60--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-60-dark);
+}
+
+.dark .tet-color__brown50:not(.tet-color--static),
+.dark .tet-color__brown50--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown50--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-50-dark);
+}
+
+.dark .tet-color__brown50--border:not(.tet-color--static),
+.dark .tet-color__brown50--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown50--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-50-dark);
+}
+
+.dark .tet-color__brown50--background:not(.tet-color--static),
+.dark .tet-color__brown50--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown50--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-50-dark);
+}
+
+.dark .tet-color__brown40:not(.tet-color--static),
+.dark .tet-color__brown40--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown40--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-40-dark);
+}
+
+.dark .tet-color__brown40--border:not(.tet-color--static),
+.dark .tet-color__brown40--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown40--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-40-dark);
+}
+
+.dark .tet-color__brown40--background:not(.tet-color--static),
+.dark .tet-color__brown40--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown40--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-40-dark);
+}
+
+.dark .tet-color__brown30:not(.tet-color--static),
+.dark .tet-color__brown30--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown30--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-30-dark);
+}
+
+.dark .tet-color__brown30--border:not(.tet-color--static),
+.dark .tet-color__brown30--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown30--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-30-dark);
+}
+
+.dark .tet-color__brown30--background:not(.tet-color--static),
+.dark .tet-color__brown30--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown30--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-30-dark);
+}
+
+.dark .tet-color__brown20:not(.tet-color--static),
+.dark .tet-color__brown20--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown20--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-20-dark);
+}
+
+.dark .tet-color__brown20--border:not(.tet-color--static),
+.dark .tet-color__brown20--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown20--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-20-dark);
+}
+
+.dark .tet-color__brown20--background:not(.tet-color--static),
+.dark .tet-color__brown20--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown20--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-20-dark);
+}
+
+.dark .tet-color__brown10:not(.tet-color--static),
+.dark .tet-color__brown10--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown10--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-10-dark);
+}
+
+.dark .tet-color__brown10--border:not(.tet-color--static),
+.dark .tet-color__brown10--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown10--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-10-dark);
+}
+
+.dark .tet-color__brown10--background:not(.tet-color--static),
+.dark .tet-color__brown10--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown10--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-10-dark);
+}
+
+.dark .tet-color__brown00:not(.tet-color--static),
+.dark .tet-color__brown00--hover:hover:not(.tet-color--static),
+.dark .tet-color__brown00--focus:focus:not(.tet-color--static) {
+  color: var(--tc-brown-00-dark);
+}
+
+.dark .tet-color__brown00--border:not(.tet-color--static),
+.dark .tet-color__brown00--border-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown00--border-focus:focus:not(.tet-color--static) {
+  border-color: var(--tc-brown-00-dark);
+}
+
+.dark .tet-color__brown00--background:not(.tet-color--static),
+.dark .tet-color__brown00--background-hover:hover:not(.tet-color--static),
+.dark .tet-color__brown00--background-focus:focus:not(.tet-color--static) {
+  background-color: var(--tc-brown-00-dark);
+}
+
 .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) {
@@ -7053,32 +7377,74 @@
   --tc-violet-20-dark: rgba(203, 185, 249, 1);
   --tc-violet-10-dark: rgba(219, 206, 253, 1);
   --tc-violet-00-dark: rgba(237, 230, 255, 1);
-  --tc-brown-40-dark: rgba(50, 44, 36, 1);
+  --tc-brown-80-dark: rgba(42, 39, 34, 1);
+  --tc-brown-70-dark: rgba(63, 57, 50, 1);
+  --tc-brown-60-dark: rgba(84, 75, 64, 1);
+  --tc-brown-50-dark: rgba(108, 97, 82, 1);
+  --tc-brown-40-dark: rgba(157, 143, 123, 1);
+  --tc-brown-30-dark: rgba(191, 181, 166, 1);
+  --tc-brown-20-dark: rgba(204, 195, 183, 1);
+  --tc-brown-10-dark: rgba(224, 218, 209, 1);
+  --tc-brown-00-dark: rgba(245, 243, 240, 1);
   --tc-text-primary-dark: var(--tc-grey-110-dark);
   --tc-text-secondary-dark: var(--tc-grey-70-dark);
   --tc-text-tertiary-dark: var(--tc-grey-60-dark);
+  --tc-text-link-dark: rgb(52, 129, 247);
+  --tc-text-black-to-yellow-dark: var(--tc-yellow-40-dark);
+  --tc-text-inverse-primary-dark: var(--tc-grey-minus-10-dark);
+  --tc-text-inverse-secondary-dark: var(--tc-grey-30-dark);
+  --tc-text-inverse-tertiary-dark: var(--tc-grey-40-dark);
+  --tc-text-inverse-link-dark: rgba(25, 98, 212, 1);
+  --tc-text-inverse-black-to-yellow-dark: var(--tc-yellow-40-dark);
   --tc-text-white-permanent-dark: var(--tc-grey-110-dark);
+  --tc-text-light-grey-permanent-dark: var(--tc-grey-70-dark);
   --tc-text-black-permanent-dark: var(--tc-grey-minus-10-dark);
+  --tc-text-dark-grey-permanent-dark: var(--tc-grey-30-dark);
+  --tc-text-yellow-permanent-dark: var(--tc-yellow-40-dark);
   --tc-text-blue-grey-dark: var(--tc-grey-50-dark);
-  --tc-text-link-dark: var(--tc-blue-40-dark);
-  --tc-text-inverse-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-background-primary-dark: var(--tc-grey-00-dark);
   --tc-background-secondary-dark: var(--tc-grey-10-dark);
   --tc-background-tertiary-dark: var(--tc-grey-20-dark);
   --tc-background-quaternary-dark: var(--tc-grey-30-dark);
   --tc-background-white-black-dark: rgb(0, 0, 0);
+  --tc-background-inverse-primary-dark: var(--tc-grey-100-dark);
+  --tc-background-inverse-secondary-dark: var(--tc-grey-90-dark);
+  --tc-background-inverse-tertiary-dark: var(--tc-grey-80-dark);
+  --tc-background-inverse-quaternary-dark: var(--tc-grey-70-dark);
+  --tc-background-inverse-white-black-dark: rgb(255, 255, 255);
+  --tc-background-permanent-white-dark: rgb(255, 255, 255);
+  --tc-background-permanent-black-dark: rgb(0, 0, 0);
+  --tc-background-permanent-yellow-dark: rgb(255, 208, 38);
   --tc-layer-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-layer-secondary-dark: var(--tc-grey-10-dark);
   --tc-layer-tertiary-dark: var(--tc-grey-20-dark);
   --tc-layer-quaternary-dark: var(--tc-grey-30-dark);
   --tc-layer-inverse-primary-dark: rgb(255, 255, 255);
+  --tc-layer-inverse-secondary-dark: var(--tc-grey-90-dark);
+  --tc-layer-inverse-tertiary-dark: var(--tc-grey-80-dark);
+  --tc-layer-inverse-quaternary-dark: var(--tc-grey-70-dark);
+  --tc-layer-yellow-primary-dark: var(--tc-brown-80-dark);
+  --tc-layer-yellow-secondary-dark: var(--tc-brown-70-dark);
+  --tc-layer-yellow-tertiary-dark: var(--tc-brown-60-dark);
+  --tc-layer-yellow-quaternary-dark: var(--tc-brown-50-dark);
+  --tc-layer-grey-primary-dark: var(--tc-brown-80-dark);
+  --tc-layer-grey-secondary-dark: var(--tc-brown-70-dark);
+  --tc-layer-permanent-white-dark: rgb(255, 255, 255);
+  --tc-layer-permanent-black-dark: var(--tc-grey-minus-10-dark);
+  --tc-layer-permanent-yellow-dark: var(--tc-yellow-40-dark);
   --tc-icon-primary-dark: var(--tc-grey-110-dark);
-  --tc-icon-white-dark: var(--tc-grey-110-dark);
   --tc-icon-secondary-dark: var(--tc-grey-50-dark);
-  --tc-icon-tooltip-secondary-dark: var(--tc-grey-70-dark);
   --tc-icon-tertiary-dark: var(--tc-grey-40-dark);
   --tc-icon-quaternary-dark: var(--tc-grey-30-dark);
-  --tc-icon-quaternery-permanent-dark: var(--tc-grey-70-dark);
+  --tc-icon-inverse-primary-dark: var(--tc-grey-minus-10-dark);
+  --tc-icon-inverse-secondary-dark: var(--tc-grey-50-dark);
+  --tc-icon-inverse-tertiary-dark: var(--tc-grey-60-dark);
+  --tc-icon-inverse-quaternary-dark: var(--tc-grey-70-dark);
+  --tc-icon-permanent-white-dark: var(--tc-grey-110-dark);
+  --tc-icon-permanent-black-dark: var(--tc-grey-minus-10-dark);
+  --tc-icon-permanent-grey-dark: var(--tc-grey-70-dark);
+  --tc-icon-permanent-yellow-dark: var(--tc-yellow-40-dark);
+  --tc-icon-tooltip-secondary-dark: var(--tc-grey-70-dark);
   --tc-border-primary-dark: var(--tc-grey-110-dark);
   --tc-border-secondary-dark: var(--tc-grey-50-dark);
   --tc-border-tertiary-dark: var(--tc-grey-40-dark);
@@ -7105,10 +7471,31 @@
   --tc-alert-colorwave-error-dark: var(--tc-red-10-dark);
   --tc-alert-colorwave-neutral-dark: var(--tc-violet-10-dark);
   --tc-modal-primary-dark: var(--tc-grey-minus-10-dark);
+  --tc-gradient-layer-yellow1-lin1-dark: var(--tc-brown-80-dark);
+  --tc-gradient-layer-yellow1-lin2-dark: var(--tc-brown-70-dark);
+  --tc-gradient-layer-yellow2-lin1-dark: var(--tc-brown-80-dark);
+  --tc-gradient-layer-yellow2-lin2-dark: var(--tc-brown-60-dark);
+  --tc-gradient-layer-yellow1-permanent-lin1-dark: rgba(255, 208, 38, 1);
+  --tc-gradient-layer-yellow1-permanent-lin2-dark: rgba(255, 218, 87, 1);
+  --tc-gradient-layer-yellow2-permanent-lin1-dark: rgba(255, 208, 38, 1);
+  --tc-gradient-layer-yellow2-permanent-lin2-dark: rgba(255, 227, 138, 1);
+  --tc-gradient-layer-greyscale-lin1-dark: var(--tc-grey-10-dark);
+  --tc-gradient-layer-greyscale-lin2-dark: var(--tc-grey-20-dark);
+  --tc-gradient-layer-grey1-lin1-dark: var(--tc-brown-80-dark);
+  --tc-gradient-layer-grey1-lin2-dark: var(--tc-brown-70-dark);
+  --tc-gradient-layer-grey2-lin1-dark: var(--tc-brown-80-dark);
+  --tc-gradient-layer-grey2-lin2-dark: var(--tc-brown-60-dark);
+  --tc-gradient-layer-yellow-black-lin1-dark: var(--tc-brown-70-dark);
+  --tc-gradient-layer-yellow-black-lin2-dark: var(--tc-brown-80-dark);
+  --tc-gradient-layer-yellow-black-lin3-dark: var(--tc-grey-00-dark);
+  --tc-gradient-tet-plus-title-lin1-dark: rgba(252, 252, 252, 1);
+  --tc-gradient-tet-plus-title-lin2-dark: rgba(217, 217, 217, 1);
+  --tc-gradient-tet-plus-icon-lin1-dark: rgba(255, 226, 123, 1);
+  --tc-gradient-tet-plus-icon-lin2-dark: rgba(255, 208, 38, 1);
+  --tc-gradient-tet-plus-icon-lin3-dark: rgba(255, 143, 6, 1);
   --tc-gradient-green-lin1-dark: rgba(32, 60, 46, 1);
   --tc-gradient-green-lin2-dark: rgba(19, 41, 10, 1);
   --tc-gradient-green-accent-dark: rgba(19, 41, 10, 1);
-  --tc-gradient-green-accent2-dark: rgba(34, 88, 58, 1);
   --tc-gradient-mint-lin1-dark: rgba(32, 51, 60, 1);
   --tc-gradient-mint-lin2-dark: rgba(32, 51, 60, 1);
   --tc-gradient-mint-lin3-dark: rgba(10, 35, 41, 1);
@@ -7120,15 +7507,17 @@
   --tc-gradient-yellow-lin1-dark: rgba(60, 51, 32, 1);
   --tc-gradient-yellow-lin2-dark: rgba(41, 29, 10, 1);
   --tc-gradient-yellow-accent-dark: rgba(153, 109, 10, 1);
+  --tc-gradient-yellow-term-dark: rgba(235, 237, 239, 0.12);
+  --tc-gradient-yellow-text-dark: rgba(250, 250, 250, 1);
   --tc-gradient-blue-lin1-dark: rgba(32, 46, 60, 1);
   --tc-gradient-blue-lin2-dark: rgba(10, 26, 41, 1);
   --tc-gradient-blue-accent-dark: rgba(20, 60, 123, 1);
   --tc-gradient-purple-lin1-dark: rgba(32, 32, 60, 1);
   --tc-gradient-purple-lin2-dark: rgba(19, 10, 41, 1);
   --tc-gradient-purple-accent-dark: rgba(68, 69, 126, 1);
-  --tc-gradient-grey-lin1-dark: rgba(46, 46, 46, 1);
-  --tc-gradient-grey-lin2-dark: rgba(25, 25, 25, 1);
-  --tc-gradient-grey-accent-dark: var(--tc-grey-30-dark);
+  --tc-gradient-grey-lin1-dark: rgba(38, 41, 44, 1);
+  --tc-gradient-grey-lin2-dark: rgba(24, 25, 27, 1);
+  --tc-gradient-grey-accent-dark: rgba(255, 208, 38, 1);
   /**
   * Interactions
   */
@@ -7328,9 +7717,9 @@
   --tc-yellow-60: rgba(179, 142, 9, 1);
   --tc-yellow-50: rgba(222, 175, 2, 1);
   --tc-yellow-40: rgb(255, 208, 38);
-  --tc-yellow-30: rgba(255, 226, 123, 1);
-  --tc-yellow-20: rgba(255, 237, 179, 1);
-  --tc-yellow-10: rgba(255, 244, 209, 1);
+  --tc-yellow-30: rgba(255, 218, 87, 1);
+  --tc-yellow-20: rgba(255, 227, 138, 1);
+  --tc-yellow-10: rgba(255, 239, 189, 1);
   --tc-yellow-00: rgba(255, 250, 235, 1);
   --tc-red-80: rgba(108, 27, 19, 1);
   --tc-red-70: rgba(139, 38, 28, 1);
@@ -7350,31 +7739,74 @@
   --tc-violet-20: rgba(194, 176, 240, 1);
   --tc-violet-10: rgba(217, 206, 244, 1);
   --tc-violet-00: rgba(239, 236, 248, 1);
+  --tc-brown-80: rgba(74, 65, 53, 1);
+  --tc-brown-70: rgba(89, 76, 64, 1);
+  --tc-brown-60: rgba(110, 97, 79, 1);
+  --tc-brown-50: rgba(130, 115, 94, 1);
+  --tc-brown-40: rgba(163, 148, 127, 1);
+  --tc-brown-30: rgba(200, 190, 178, 1);
+  --tc-brown-20: rgba(223, 218, 210, 1);
+  --tc-brown-10: rgba(236, 233, 228, 1);
+  --tc-brown-00: rgba(246, 245, 243, 1);
   --tc-text-primary: var(--tc-grey-110);
   --tc-text-secondary: var(--tc-grey-70);
   --tc-text-tertiary: var(--tc-grey-60);
+  --tc-text-link: rgb(25, 98, 212);
+  --tc-text-black-to-yellow: var(--tc-grey-110);
+  --tc-text-inverse-primary: var(--tc-grey-minus-10);
+  --tc-text-inverse-secondary: var(--tc-grey-30);
+  --tc-text-inverse-tertiary: var(--tc-grey-40);
+  --tc-text-inverse-link: rgba(52, 129, 247, 1);
+  --tc-text-inverse-black-to-yellow: var(--tc-grey-minus-10);
   --tc-text-white-permanent: var(--tc-grey-minus-10);
+  --tc-text-light-grey-permanent: var(--tc-grey-30);
   --tc-text-black-permanent: var(--tc-grey-110);
+  --tc-text-dark-grey-permanent: var(--tc-grey-70);
+  --tc-text-yellow-permanent: var(--tc-yellow-40);
   --tc-text-blue-grey: var(--tc-grey-50);
-  --tc-text-link: var(--tc-blue-40);
-  --tc-text-inverse-primary: var(--tc-grey-minus-10);
   --tc-background-primary: var(--tc-grey-00);
   --tc-background-secondary: var(--tc-grey-10);
   --tc-background-tertiary: var(--tc-grey-20);
   --tc-background-quaternary: var(--tc-grey-30);
   --tc-background-white-black: rgb(255, 255, 255);
+  --tc-background-inverse-primary: var(--tc-grey-100);
+  --tc-background-inverse-secondary: var(--tc-grey-90);
+  --tc-background-inverse-tertiary: var(--tc-grey-80);
+  --tc-background-inverse-quaternary: var(--tc-grey-70);
+  --tc-background-inverse-white-black: rgb(0, 0, 0);
+  --tc-background-permanent-white: rgb(255, 255, 255);
+  --tc-background-permanent-black: rgb(0, 0, 0);
+  --tc-background-permanent-yellow: rgb(255, 208, 38);
   --tc-layer-primary: rgb(255, 255, 255);
   --tc-layer-secondary: var(--tc-grey-10);
   --tc-layer-tertiary: var(--tc-grey-20);
   --tc-layer-quaternary: var(--tc-grey-30);
   --tc-layer-inverse-primary: var(--tc-grey-110);
+  --tc-layer-inverse-secondary: var(--tc-grey-90);
+  --tc-layer-inverse-tertiary: var(--tc-grey-80);
+  --tc-layer-inverse-quaternary: var(--tc-grey-70);
+  --tc-layer-yellow-primary: var(--tc-yellow-40);
+  --tc-layer-yellow-secondary: var(--tc-yellow-30);
+  --tc-layer-yellow-tertiary: var(--tc-yellow-20);
+  --tc-layer-yellow-quaternary: var(--tc-yellow-10);
+  --tc-layer-grey-primary: var(--tc-grey-20);
+  --tc-layer-grey-secondary: var(--tc-grey-30);
+  --tc-layer-permanent-white: rgb(255, 255, 255);
+  --tc-layer-permanent-black: var(--tc-grey-110);
+  --tc-layer-permanent-yellow: var(--tc-yellow-40);
   --tc-icon-primary: var(--tc-grey-110);
-  --tc-icon-white: var(--tc-grey-minus-10);
   --tc-icon-secondary: var(--tc-grey-50);
-  --tc-icon-tooltip-secondary: var(--tc-grey-70);
   --tc-icon-tertiary: var(--tc-grey-40);
   --tc-icon-quaternary: var(--tc-grey-30);
-  --tc-icon-quaternery-permanent: var(--tc-grey-30);
+  --tc-icon-inverse-primary: var(--tc-grey-minus-10);
+  --tc-icon-inverse-secondary: var(--tc-grey-50);
+  --tc-icon-inverse-tertiary: var(--tc-grey-60);
+  --tc-icon-inverse-quaternary: var(--tc-grey-70);
+  --tc-icon-permanent-white: var(--tc-grey-minus-10);
+  --tc-icon-permanent-black: var(--tc-grey-110);
+  --tc-icon-permanent-grey: var(--tc-grey-30);
+  --tc-icon-permanent-yellow: var(--tc-yellow-40);
+  --tc-icon-tooltip-secondary: var(--tc-grey-70);
   --tc-border-primary: var(--tc-grey-110);
   --tc-border-secondary: var(--tc-grey-50);
   --tc-border-tertiary: var(--tc-grey-40);
@@ -7401,6 +7833,28 @@
   --tc-alert-colorwave-error: var(--tc-red-10);
   --tc-alert-colorwave-neutral: var(--tc-violet-10);
   --tc-modal-primary: rgb(255, 255, 255);
+  --tc-gradient-layer-yellow1-lin1: var(--tc-yellow-40);
+  --tc-gradient-layer-yellow1-lin2: var(--tc-yellow-30);
+  --tc-gradient-layer-yellow2-lin1: var(--tc-yellow-40);
+  --tc-gradient-layer-yellow2-lin2: var(--tc-yellow-20);
+  --tc-gradient-layer-yellow1-permanent-lin1: var(--tc-yellow-40);
+  --tc-gradient-layer-yellow1-permanent-lin2: var(--tc-yellow-30);
+  --tc-gradient-layer-yellow2-permanent-lin1: var(--tc-yellow-40);
+  --tc-gradient-layer-yellow2-permanent-lin2: var(--tc-yellow-20);
+  --tc-gradient-layer-greyscale-lin1: var(--tc-grey-30);
+  --tc-gradient-layer-greyscale-lin2: var(--tc-grey-20);
+  --tc-gradient-layer-grey1-lin1: var(--tc-grey-30);
+  --tc-gradient-layer-grey1-lin2: var(--tc-grey-20);
+  --tc-gradient-layer-grey2-lin1: var(--tc-grey-40);
+  --tc-gradient-layer-grey2-lin2: var(--tc-grey-20);
+  --tc-gradient-layer-yellow-black-lin1: var(--tc-yellow-40);
+  --tc-gradient-layer-yellow-black-lin2: var(--tc-yellow-50);
+  --tc-gradient-layer-yellow-black-lin3: var(--tc-grey-100);
+  --tc-gradient-tet-plus-title-lin1: rgba(66, 66, 66, 1);
+  --tc-gradient-tet-plus-title-lin2: rgba(0, 0, 0, 1);
+  --tc-gradient-tet-plus-icon-lin1: rgba(255, 226, 123, 1);
+  --tc-gradient-tet-plus-icon-lin2: rgba(255, 208, 38, 1);
+  --tc-gradient-tet-plus-icon-lin3: rgba(255, 143, 6, 1);
   --tc-gradient-green-lin1: rgba(248, 255, 245, 1);
   --tc-gradient-green-lin2: rgba(221, 242, 230, 1);
   --tc-gradient-green-accent: var(--tc-green-20);
@@ -7415,15 +7869,17 @@
   --tc-gradient-yellow-lin1: rgba(254, 251, 246, 1);
   --tc-gradient-yellow-lin2: rgba(251, 240, 216, 1);
   --tc-gradient-yellow-accent: var(--tc-yellow-20);
+  --tc-gradient-yellow-term: var(--tc-yellow-20);
+  --tc-gradient-yellow-text: var(--tc-yellow-80);
   --tc-gradient-blue-lin1: rgba(251, 253, 255, 1);
   --tc-gradient-blue-lin2: rgba(220, 238, 255, 1);
   --tc-gradient-blue-accent: var(--tc-blue-20);
   --tc-gradient-purple-lin1: rgba(252, 251, 255, 1);
   --tc-gradient-purple-lin2: rgba(229, 229, 255, 1);
   --tc-gradient-purple-accent: rgba(185, 185, 255, 1);
-  --tc-gradient-grey-lin1: rgba(253, 253, 253, 1);
-  --tc-gradient-grey-lin2: rgba(237, 237, 237, 1);
-  --tc-gradient-grey-accent: var(--tc-grey-40);
+  --tc-gradient-grey-lin1: rgba(250, 250, 250, 1);
+  --tc-gradient-grey-lin2: rgba(236, 237, 238, 1);
+  --tc-gradient-grey-accent: rgba(255, 208, 38, 1);
   /**
   * Interactions
   */