@dialpad/dialtone-css 8.80.0-next.3 → 8.80.0-next.5

package/lib/dist/dialtone-default-theme.css

@@ -3318,27 +3318,24 @@
   .d-link--inverted-mention {
     --link-color-default: var(--dt-color-link-primary-inverted);
     --link-color-default-hover: var(--dt-color-link-primary-inverted-hover);
-    --link-text-decoration: none;
     --link-padding: 0 var(--dt-spacing-25);
-    --link-background-color: oklch(from var(--dt-color-surface-brand-strong) l c h / 0.3);
+    --link-background-color: var(--dt-color-link-mention-inverted-background);
     line-height: var(--dt-font-line-height-200);
-    border-radius: var(--dt-size-radius-200);
+    border-radius: var(--dt-size-radius-300);
+  }
+  .d-link--inverted-mention:hover {
+    --link-background-color: var(--dt-color-link-mention-inverted-background-hover);
   }
   .d-link--mention {
-    --link-text-decoration: none;
-    --link-padding: 0 var(--dt-spacing-25);
-    --link-background-color: oklch(from var(--dt-color-surface-brand-strong) l c h / 0.1);
+    --link-color-default: var(--dt-color-link-mention);
+    --link-color-default-hover: var(--dt-color-link-mention-hover);
+    --link-padding: var(--dt-spacing-1) var(--dt-spacing-25);
+    --link-background-color: var(--dt-color-link-mention-background);
     line-height: var(--dt-font-line-height-200);
-    border-radius: var(--dt-size-radius-200);
+    border-radius: var(--dt-size-radius-300);
   }
   .d-link--mention:hover {
-    --link-text-decoration: underline;
-    --link-background-color: oklch(from var(--dt-color-surface-brand-strong) l c h / 0.25);
-    text-underline-offset: var(--dt-spacing-25);
-    text-decoration-thickness: var(--dt-size-border-100);
-  }
-  .d-link--mention:active {
-    --link-background-color: oklch(from var(--dt-color-surface-brand-strong) l c h / 0.1);
+    --link-background-color: var(--dt-color-link-mention-background-hover);
   }
 }
 @layer dialtone.components {
@@ -7304,7 +7301,7 @@
   .d-notice.d-notice--important,
   .d-banner.d-banner--important,
   .d-toast.d-toast--important {
-    --notice-color-background: var(--dt-color-surface-strong);
+    --notice-color-background: var(--dt-color-surface-primary-inverted);
     --notice-color-text: var(--dt-color-foreground-primary-inverted);
     --notice-color-icon: var(--notice-color-text);
     --notice-color-shadow: transparent;
@@ -8133,9 +8130,27 @@
   .d-rich-text-editor > .ProseMirror ul > li {
     list-style-type: disc;
   }
+  .d-rich-text-editor > .ProseMirror ul ul > li {
+    list-style-type: circle;
+  }
+  .d-rich-text-editor > .ProseMirror ul ul ul > li {
+    list-style-type: square;
+  }
+  .d-rich-text-editor > .ProseMirror ul ul ul ul > li {
+    list-style-type: disc;
+  }
   .d-rich-text-editor > .ProseMirror ol > li {
     list-style-type: decimal;
   }
+  .d-rich-text-editor > .ProseMirror ol ol > li {
+    list-style-type: lower-alpha;
+  }
+  .d-rich-text-editor > .ProseMirror ol ol ol > li {
+    list-style-type: lower-roman;
+  }
+  .d-rich-text-editor > .ProseMirror ol ol ol ol > li {
+    list-style-type: decimal;
+  }
   .d-rich-text-editor > .ProseMirror blockquote {
     -webkit-margin-start: 0;
             margin-inline-start: 0;
@@ -9020,6 +9035,20 @@
 .d-scrollbar .os-scrollbar .os-scrollbar-handle:active {
   opacity: var(--dt-opacity-1100);
 }
+.d-scrollbar .os-scrollbar.os-scrollbar-vertical {
+  inset-block-start: var(--dt-scrollbar-offset-block-start, 0);
+  inset-inline-end: var(--dt-scrollbar-offset-inline-end, 0);
+}
+.d-scrollbar .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless {
+  inset-block: var(--dt-scrollbar-offset-block-start, 0) var(--dt-scrollbar-offset-block-end, 0);
+}
+.d-scrollbar .os-scrollbar.os-scrollbar-horizontal {
+  inset-block-end: var(--dt-scrollbar-offset-block-end, 0);
+  inset-inline-start: var(--dt-scrollbar-offset-inline-start, 0);
+}
+.d-scrollbar .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless {
+  inset-inline: var(--dt-scrollbar-offset-inline-start, 0) var(--dt-scrollbar-offset-inline-end, 0);
+}
 .d-scrollbar-disabled {
   overflow: hidden !important;
 }
@@ -14633,6 +14662,12 @@
     outline-offset: var(--outline-offset);
   }
 }
+@layer dialtone.utilities {
+  /*
+  [data-dt-brand="prota-deuter"]                      { --dt-color-surface-info-opaque: oklch(from var(--dt-color-blue-300) l c h / 0.5) !important; }
+  [data-dt-brand="prota-deuter"][data-dt-mode="dark"] { --dt-color-surface-info-opaque: oklch(from var(--dt-color-blue-300) l c h / 0.6) !important; }
+  */
+}
 @layer dialtone.base {/**
  * Do not edit directly, this file was auto-generated.
  */:root {
@@ -14685,18 +14720,18 @@
   --dt-color-indigo-200: oklch(0.9021 0.0402 258.81);
   --dt-color-indigo-100: oklch(0.9547 0.0128 266.7);
   --dt-color-indigo-50: oklch(0.9723 0.0074 260.73);
-  --dt-color-teal-1000: oklch(0.1839 0.0252 190.56);
-  --dt-color-teal-950: oklch(0.2671 0.0407 189.77);
-  --dt-color-teal-900: oklch(0.3749 0.0599 190.01);
-  --dt-color-teal-800: oklch(0.501 0.0805 189.24);
-  --dt-color-teal-700: oklch(0.6099 0.1 189.66);
-  --dt-color-teal-600: oklch(0.7098 0.1095 190.41);
-  --dt-color-teal-500: oklch(0.8114 0.1149 190.22);
-  --dt-color-teal-400: oklch(0.8709 0.0908 191.27);
-  --dt-color-teal-300: oklch(0.9223 0.0705 191.59);
-  --dt-color-teal-200: oklch(0.9444 0.05 191.72);
-  --dt-color-teal-100: oklch(0.9727 0.0302 191.61);
-  --dt-color-teal-50: oklch(0.9841 0.0096 189.07);
+  --dt-color-teal-1000: oklch(0.1442 0.0300 205);
+  --dt-color-teal-950: oklch(0.2161 0.0480 204);
+  --dt-color-teal-900: oklch(0.3449 0.0840 203);
+  --dt-color-teal-800: oklch(0.4546 0.1140 202);
+  --dt-color-teal-700: oklch(0.5743 0.1260 201);
+  --dt-color-teal-600: oklch(0.6526 0.1240 200);
+  --dt-color-teal-500: oklch(0.7060 0.1200 200);
+  --dt-color-teal-400: oklch(0.7803 0.1080 200);
+  --dt-color-teal-300: oklch(0.8614 0.0860 200);
+  --dt-color-teal-200: oklch(0.9088 0.0460 200);
+  --dt-color-teal-100: oklch(0.9574 0.0140 200);
+  --dt-color-teal-50: oklch(0.9802 0.0070 200);
   --dt-color-olive-1000: oklch(0.2228 0.047 103.99);
   --dt-color-olive-950: oklch(0.256 0.0488 104.11);
   --dt-color-olive-900: oklch(0.3689 0.0748 104.32);
@@ -14709,18 +14744,18 @@
   --dt-color-olive-200: oklch(0.9364 0.1103 97.49);
   --dt-color-olive-100: oklch(0.9563 0.0607 95.13);
   --dt-color-olive-50: oklch(0.9815 0.027 93.1);
-  --dt-color-coral-1000: oklch(0.2001 0.0507 45.42);
-  --dt-color-coral-950: oklch(0.265 0.0723 40.9);
-  --dt-color-coral-900: oklch(0.3452 0.1072 37.37);
-  --dt-color-coral-800: oklch(0.4167 0.1356 35.76);
-  --dt-color-coral-700: oklch(0.4911 0.1632 35.8);
-  --dt-color-coral-600: oklch(0.5698 0.1932 35.27);
-  --dt-color-coral-500: oklch(0.6305 0.2167 35.54);
-  --dt-color-coral-400: oklch(0.6828 0.2004 37.3);
-  --dt-color-coral-300: oklch(0.7329 0.1552 38.73);
-  --dt-color-coral-200: oklch(0.8254 0.0954 39.92);
-  --dt-color-coral-100: oklch(0.9145 0.0398 43.39);
-  --dt-color-coral-50: oklch(0.9741 0.0115 37.42);
+  --dt-color-coral-1000: oklch(0.1994 0.0507 42);
+  --dt-color-coral-950: oklch(0.2386 0.0750 38);
+  --dt-color-coral-900: oklch(0.3497 0.1280 36);
+  --dt-color-coral-800: oklch(0.4762 0.1700 35);
+  --dt-color-coral-700: oklch(0.6203 0.2100 35);
+  --dt-color-coral-600: oklch(0.7111 0.2050 36);
+  --dt-color-coral-500: oklch(0.7806 0.1850 37);
+  --dt-color-coral-400: oklch(0.8394 0.1500 38);
+  --dt-color-coral-300: oklch(0.9030 0.1100 40);
+  --dt-color-coral-200: oklch(0.9328 0.0750 41);
+  --dt-color-coral-100: oklch(0.9658 0.0398 43);
+  --dt-color-coral-50: oklch(0.9834 0.0115 42);
   --dt-color-berry-1000: oklch(0.1805 0.061 307.56);
   --dt-color-berry-950: oklch(0.2636 0.0991 307.61);
   --dt-color-berry-900: oklch(0.3594 0.1439 306.98);
@@ -14745,18 +14780,18 @@
   --dt-color-tan-200: oklch(0.8968 0.006 59.64);
   --dt-color-tan-100: oklch(0.9561 0.0034 67.78);
   --dt-color-tan-50: oklch(0.9766 0.0017 67.8);
-  --dt-color-red-1000: oklch(0.173 0.0657 16.5);
-  --dt-color-red-950: oklch(0.2395 0.0904 17.78);
-  --dt-color-red-900: oklch(0.3207 0.125 12.36);
-  --dt-color-red-800: oklch(0.4046 0.1551 11.36);
-  --dt-color-red-700: oklch(0.4788 0.1855 16.67);
-  --dt-color-red-600: oklch(0.5638 0.2148 16.42);
-  --dt-color-red-500: oklch(0.6147 0.2301 18.88);
-  --dt-color-red-400: oklch(0.6649 0.2 23.09);
-  --dt-color-red-300: oklch(0.7303 0.1397 25.27);
-  --dt-color-red-200: oklch(0.8206 0.0707 24.14);
-  --dt-color-red-100: oklch(0.926 0.0299 15.15);
-  --dt-color-red-50: oklch(0.9716 0.0141 12.01);
+  --dt-color-red-1000: oklch(0.1721 0.0689 8);
+  --dt-color-red-950: oklch(0.2429 0.0952 12.48);
+  --dt-color-red-900: oklch(0.3132 0.1252 14.67);
+  --dt-color-red-800: oklch(0.385 0.15406 16.4808);
+  --dt-color-red-700: oklch(0.4703 0.1879 17.53);
+  --dt-color-red-600: oklch(0.5724 0.229466 18.56);
+  --dt-color-red-500: oklch(0.6392 0.25 15.77);
+  --dt-color-red-400: oklch(0.6886 0.204 14.67);
+  --dt-color-red-300: oklch(0.7713 0.1367 14.03);
+  --dt-color-red-200: oklch(0.8211 0.1019 12.69);
+  --dt-color-red-100: oklch(0.8774 0.0653 17.3);
+  --dt-color-red-50: oklch(0.936 0.0322 22.46);
   --dt-color-green-1000: oklch(0.2077 0.0458 161.69);
   --dt-color-green-950: oklch(0.2725 0.0631 158.54);
   --dt-color-green-900: oklch(0.3402 0.0813 156.77);
@@ -14769,65 +14804,65 @@
   --dt-color-green-200: oklch(0.9148 0.0923 165.26);
   --dt-color-green-100: oklch(0.961 0.0564 166.75);
   --dt-color-green-50: oklch(0.9766 0.0201 169.36);
-  --dt-color-gold-1000: oklch(0.1994 0.0396 76.09);
-  --dt-color-gold-950: oklch(0.2386 0.0474 74.23);
-  --dt-color-gold-900: oklch(0.3497 0.0735 68.31);
-  --dt-color-gold-800: oklch(0.4762 0.101 68.29);
-  --dt-color-gold-700: oklch(0.6203 0.1351 64.5);
-  --dt-color-gold-600: oklch(0.7111 0.1585 65.89);
-  --dt-color-gold-500: oklch(0.7806 0.1652 70.4);
-  --dt-color-gold-400: oklch(0.8394 0.149 78.12);
-  --dt-color-gold-300: oklch(0.903 0.1174 88.43);
-  --dt-color-gold-200: oklch(0.9328 0.0981 93.22);
-  --dt-color-gold-100: oklch(0.9658 0.0531 94.43);
-  --dt-color-gold-50: oklch(0.9834 0.028 95.89);
-  --dt-color-magenta-1000: oklch(0.1639 0.062 340.52);
-  --dt-color-magenta-950: oklch(0.2373 0.0953 343.1);
-  --dt-color-magenta-900: oklch(0.3726 0.1454 342.26);
-  --dt-color-magenta-800: oklch(0.4542 0.175 347.48);
-  --dt-color-magenta-700: oklch(0.5339 0.2193 349.23);
-  --dt-color-magenta-600: oklch(0.5868 0.238 350.69);
-  --dt-color-magenta-500: oklch(0.6629 0.2447 351.8);
-  --dt-color-magenta-400: oklch(0.7048 0.2009 357.71);
-  --dt-color-magenta-300: oklch(0.7677 0.1528 355.76);
-  --dt-color-magenta-200: oklch(0.8428 0.0978 354.64);
-  --dt-color-magenta-100: oklch(0.9373 0.0412 342.14);
-  --dt-color-magenta-50: oklch(0.9654 0.0225 341.31);
-  --dt-color-blue-1000: oklch(0.1442 0.0315 244.16);
-  --dt-color-blue-950: oklch(0.2161 0.0514 247.62);
-  --dt-color-blue-900: oklch(0.3449 0.0951 254.97);
-  --dt-color-blue-800: oklch(0.4546 0.136 256.17);
-  --dt-color-blue-700: oklch(0.5743 0.1498 251.06);
-  --dt-color-blue-600: oklch(0.6526 0.1385 246.51);
-  --dt-color-blue-500: oklch(0.706 0.1304 241.91);
-  --dt-color-blue-400: oklch(0.7803 0.1096 234.16);
-  --dt-color-blue-300: oklch(0.8614 0.0838 231.39);
-  --dt-color-blue-200: oklch(0.9088 0.045 231.65);
-  --dt-color-blue-100: oklch(0.9574 0.0137 247.97);
-  --dt-color-blue-50: oklch(0.9802 0.0068 247.89);
-  --dt-color-purple-1000: oklch(0.1599 0.0811 291.62);
-  --dt-color-purple-950: oklch(0.2281 0.1309 285.47);
-  --dt-color-purple-900: oklch(0.361 0.1955 283.93);
-  --dt-color-purple-800: oklch(0.4638 0.2502 281.37);
-  --dt-color-purple-700: oklch(0.5217 0.2647 284.59);
-  --dt-color-purple-600: oklch(0.5851 0.2414 287.62);
-  --dt-color-purple-500: oklch(0.6464 0.1985 289.97);
-  --dt-color-purple-400: oklch(0.7113 0.1613 290.66);
-  --dt-color-purple-300: oklch(0.7755 0.1222 294.6);
-  --dt-color-purple-200: oklch(0.8371 0.0754 300.31);
-  --dt-color-purple-100: oklch(0.9347 0.0306 302.3);
-  --dt-color-purple-50: oklch(0.978 0.0123 301.29);
-  --dt-color-black-1000: oklch(0 0 0);
-  --dt-color-black-950: oklch(0.2046 0 0);
-  --dt-color-black-900: oklch(0.2264 0 0);
-  --dt-color-black-800: oklch(0.2645 0 0);
-  --dt-color-black-700: oklch(0.3485 0 0);
-  --dt-color-black-600: oklch(0.4423 0 0);
-  --dt-color-black-500: oklch(0.5999 0 0);
-  --dt-color-black-400: oklch(0.738 0 0);
-  --dt-color-black-300: oklch(0.8638 0 0);
-  --dt-color-black-200: oklch(0.934 0 0);
-  --dt-color-black-100: oklch(0.9821 0 0);
+  --dt-color-gold-1000: oklch(0.1849 0.0386 77.52);
+  --dt-color-gold-950: oklch(0.2269 0.049661 68.4257);
+  --dt-color-gold-900: oklch(0.3218 0.0723 64.75);
+  --dt-color-gold-800: oklch(0.418 0.096552 61.5939);
+  --dt-color-gold-700: oklch(0.5888 0.138492 59.7021);
+  --dt-color-gold-600: oklch(0.7336 0.174556 58.5601);
+  --dt-color-gold-500: oklch(0.7807 0.1708 66.55);
+  --dt-color-gold-400: oklch(0.8105 0.1572 71.72);
+  --dt-color-gold-300: oklch(0.8585 0.122968 75.6919);
+  --dt-color-gold-200: oklch(0.9018 0.0868 77.62);
+  --dt-color-gold-100: oklch(0.9436 0.0483 77.26);
+  --dt-color-gold-50: oklch(0.9818 0.0152 77.07);
+  --dt-color-magenta-1000: oklch(0.1422 0.0604 345.16);
+  --dt-color-magenta-950: oklch(0.227 0.0946 350.32);
+  --dt-color-magenta-900: oklch(0.2808 0.1164 351.92);
+  --dt-color-magenta-800: oklch(0.3868 0.1589 353.23);
+  --dt-color-magenta-700: oklch(0.4724 0.194579 353.8977);
+  --dt-color-magenta-600: oklch(0.5768 0.237302 354.3202);
+  --dt-color-magenta-500: oklch(0.663 0.2652 351.9);
+  --dt-color-magenta-400: oklch(0.7038 0.232 347.8);
+  --dt-color-magenta-300: oklch(0.7802 0.164 344.57);
+  --dt-color-magenta-200: oklch(0.8232 0.1275 343.61);
+  --dt-color-magenta-100: oklch(0.8813 0.0822 342.24);
+  --dt-color-magenta-50: oklch(0.9317 0.0463 340.48);
+  --dt-color-blue-1000: oklch(0.163 0.0489 252.1);
+  --dt-color-blue-950: oklch(0.2552 0.0945 258.02);
+  --dt-color-blue-900: oklch(0.3269 0.1294 259.43);
+  --dt-color-blue-800: oklch(0.4126 0.1703 260.22);
+  --dt-color-blue-700: oklch(0.4857 0.205 260.61);
+  --dt-color-blue-600: oklch(0.5552 0.223 260.26);
+  --dt-color-blue-500: oklch(0.6089 0.2128 259.28);
+  --dt-color-blue-400: oklch(0.6566 0.1838 258.62);
+  --dt-color-blue-300: oklch(0.7558 0.1259 258.28);
+  --dt-color-blue-200: oklch(0.8437 0.0781 257.48);
+  --dt-color-blue-100: oklch(0.9037 0.047 257.26);
+  --dt-color-blue-50: oklch(0.9486 0.0246 257.65);
+  --dt-color-purple-1000: oklch(0.1531 0.0859 291.49);
+  --dt-color-purple-950: oklch(0.2244 0.131 285.15);
+  --dt-color-purple-900: oklch(0.2984 0.1549 283.05);
+  --dt-color-purple-800: oklch(0.3629 0.1821 284.23);
+  --dt-color-purple-700: oklch(0.4108 0.2066 284.07);
+  --dt-color-purple-600: oklch(0.4831 0.2316 284.82);
+  --dt-color-purple-500: oklch(0.5829 0.2426 287.41);
+  --dt-color-purple-400: oklch(0.6717 0.189855 291.5342);
+  --dt-color-purple-300: oklch(0.7697 0.130656 294.1037);
+  --dt-color-purple-200: oklch(0.8546 0.085 300.63);
+  --dt-color-purple-100: oklch(0.9029 0.056 301.24);
+  --dt-color-purple-50: oklch(0.9514 0.0276 301.76);
+  --dt-color-black-1000: oklch(0.1595 0.0045 84.59);
+  --dt-color-black-950: oklch(0.2134 0.006 91.63);
+  --dt-color-black-900: oklch(0.2572 0.0063 78.21);
+  --dt-color-black-800: oklch(0.3352 0.0055 56.21);
+  --dt-color-black-700: oklch(0.4468 0.0055 78.27);
+  --dt-color-black-600: oklch(0.5134 0.0063 95.18);
+  --dt-color-black-500: oklch(0.6001 0.0032 84.56);
+  --dt-color-black-400: oklch(0.7321 0.0061 84.57);
+  --dt-color-black-300: oklch(0.858 0.0059 84.57);
+  --dt-color-black-200: oklch(0.9312 0.0029 84.56);
+  --dt-color-black-100: oklch(0.9774 0.0025 48.72);
   --dt-color-black-50: oklch(1 0 0);
   --dt-color-neutral-transparent: transparent; /* Transparent color independent of any theme. */
   --dt-color-neutral-black: oklch(0 0 0); /* Black color independent of any theme. */
@@ -14979,17 +15014,17 @@
   --dt-font-size-root: 10px;
   --dt-shadow-focus-inset-offset-y: var(--dt-size-0);
   --dt-shadow-focus-inset-offset-x: var(--dt-size-0);
-  --dt-shadow-focus-inset-color: oklch(0.706 0.1304 241.91);
+  --dt-shadow-focus-inset-color: oklch(0.6089 0.2128 259.28);
   --dt-shadow-focus-inset-spread: var(--dt-size-200);
   --dt-shadow-focus-inset-blur: var(--dt-size-0);
   --dt-shadow-focus-2-offset-y: var(--dt-size-0);
   --dt-shadow-focus-2-offset-x: var(--dt-size-0);
-  --dt-shadow-focus-2-color: oklch(0.706 0.1304 241.91);
+  --dt-shadow-focus-2-color: oklch(0.6089 0.2128 259.28);
   --dt-shadow-focus-2-spread: calc(var(--dt-size-200) + var(--dt-size-100));
   --dt-shadow-focus-2-blur: var(--dt-size-0);
   --dt-shadow-focus-1-offset-y: var(--dt-size-0);
   --dt-shadow-focus-1-offset-x: var(--dt-size-0);
-  --dt-shadow-focus-1-color: oklch(0.9821 0 0);
+  --dt-shadow-focus-1-color: oklch(0.9774 0.0025 48.72);
   --dt-shadow-focus-1-spread: var(--dt-size-100);
   --dt-shadow-focus-1-blur: var(--dt-size-0);
   --dt-shadow-card-3-offset-y: var(--dt-size-200);
@@ -15388,8 +15423,9 @@
   --dt-theme-mention-color-background-strong: var(--dt-color-purple-900);
   --dt-theme-mention-color-foreground: var(--dt-color-black-50);
   --dt-theme-color-base: var(--dt-color-black-900);
-  --dt-action-color-background-positive-primary-hover: var(--dt-color-green-800);
-  --dt-action-color-background-positive-primary-default: var(--dt-color-green-700); /* Postive, accepting, or success actions. */
+  --dt-action-color-background-positive-primary-active: var(--dt-color-green-800);
+  --dt-action-color-background-positive-primary-hover: var(--dt-color-green-700);
+  --dt-action-color-background-positive-primary-default: var(--dt-color-green-600); /* Postive, accepting, or success actions. */
   --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
   --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
   --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
@@ -15399,9 +15435,9 @@
   --dt-action-color-background-critical-primary-hover: var(--dt-color-red-600);
   --dt-action-color-background-critical-primary-default: var(--dt-color-red-500);
   --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
-  --dt-action-color-background-base-primary-active: var(--dt-color-purple-800);
-  --dt-action-color-background-base-primary-hover: var(--dt-color-purple-700);
-  --dt-action-color-background-base-primary-default: var(--dt-color-purple-600);
+  --dt-action-color-background-base-primary-active: var(--dt-color-purple-700);
+  --dt-action-color-background-base-primary-hover: var(--dt-color-purple-600);
+  --dt-action-color-background-base-primary-default: var(--dt-color-purple-500);
   --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
   --dt-action-color-foreground-positive-primary-default: var(--dt-color-black-50);
   --dt-action-color-foreground-critical-primary-default: var(--dt-color-black-50);
@@ -15693,19 +15729,16 @@
   --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
   --dt-color-border-info-strong-inverted: var(--dt-color-blue-200);
   --dt-color-border-warning-strong-inverted: var(--dt-color-gold-300);
-  --dt-color-border-success-strong-inverted: var(--dt-color-green-500);
   --dt-color-border-positive-strong-inverted: var(--dt-color-green-500);
   --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
   --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-600);
   --dt-color-border-info-subtle-inverted: var(--dt-color-blue-900);
   --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-800);
-  --dt-color-border-success-subtle-inverted: var(--dt-color-green-900);
   --dt-color-border-positive-subtle-inverted: var(--dt-color-green-900);
   --dt-color-border-critical-subtle-inverted: var(--dt-color-red-900);
   --dt-color-border-brand-inverted: var(--dt-color-purple-400);
   --dt-color-border-info-inverted: var(--dt-color-blue-300);
   --dt-color-border-warning-inverted: var(--dt-color-gold-500);
-  --dt-color-border-success-inverted: var(--dt-color-green-500);
   --dt-color-border-positive-inverted: var(--dt-color-green-500);
   --dt-color-border-critical-inverted: var(--dt-color-red-300);
   --dt-color-border-bold-inverted: oklch(1 0 0 / 0.5);
@@ -15715,39 +15748,34 @@
   --dt-color-border-brand-strong: var(--dt-color-purple-800);
   --dt-color-border-info-strong: var(--dt-color-blue-800);
   --dt-color-border-warning-strong: var(--dt-color-gold-700);
-  --dt-color-border-success-strong: var(--dt-color-green-900);
   --dt-color-border-positive-strong: var(--dt-color-green-900);
   --dt-color-border-critical-strong: var(--dt-color-red-800);
   --dt-color-border-brand-subtle: var(--dt-color-purple-300);
   --dt-color-border-info-subtle: var(--dt-color-blue-300);
   --dt-color-border-warning-subtle: var(--dt-color-gold-300);
-  --dt-color-border-success-subtle: var(--dt-color-green-300);
   --dt-color-border-positive-subtle: var(--dt-color-green-300);
   --dt-color-border-critical-subtle: var(--dt-color-red-300);
   --dt-color-border-brand: var(--dt-color-brand-purple);
   --dt-color-border-info: var(--dt-color-blue-600);
   --dt-color-border-warning: var(--dt-color-gold-500);
-  --dt-color-border-success: var(--dt-color-green-700);
   --dt-color-border-positive: var(--dt-color-green-700);
   --dt-color-border-critical: var(--dt-color-red-600);
-  --dt-color-border-bold: oklch(0.23 0 0 / 0.5);
-  --dt-color-border-moderate: oklch(0.23 0 0 / 0.3);
-  --dt-color-border-default: oklch(0.23 0 0 / 0.17);
-  --dt-color-border-subtle: oklch(0.23 0 0 / 0.11);
+  --dt-color-border-bold: oklch(0.26 0.01 78.2 / 0.5);
+  --dt-color-border-moderate: oklch(0.26 0.01 78.2 / 0.3);
+  --dt-color-border-default: oklch(0.26 0.01 78.2 / 0.17);
+  --dt-color-border-subtle: oklch(0.26 0.01 78.2 / 0.11);
   --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-surface-backdrop: oklch(0 0 0 / 0.65); /* Background color for a modal-like backdrop. */
-  --dt-color-surface-brand-subtle-opaque-inverted: oklch(0.16 0.08 292 / 0.66); /* Info surface as opaque background color. */
-  --dt-color-surface-info-subtle-opaque-inverted: oklch(0.14 0.03 244 / 0.66); /* Info surface as opaque background color. */
-  --dt-color-surface-success-subtle-opaque-inverted: oklch(0.21 0.05 162 / 0.66); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-brand-subtle-opaque-inverted: oklch(0.15 0.09 291 / 0.66); /* Info surface as opaque background color. */
+  --dt-color-surface-info-subtle-opaque-inverted: oklch(0.16 0.05 252 / 0.66); /* Info surface as opaque background color. */
   --dt-color-surface-positive-subtle-opaque-inverted: oklch(0.21 0.05 162 / 0.66); /* Positive subtle surface as opaque background color. */
-  --dt-color-surface-warning-subtle-opaque-inverted: oklch(0.2 0.04 76.1 / 0.3); /* Warning subtle surface as opaque background color */
-  --dt-color-surface-critical-subtle-opaque-inverted: oklch(0.17 0.07 16.5 / 0.6); /* Critical subtle surface as opaque background color. */
-  --dt-color-surface-brand-opaque-inverted: oklch(0.23 0.13 285 / 0.8); /* Info surface as opaque background color. */
-  --dt-color-surface-info-opaque-inverted: oklch(0.22 0.05 248 / 0.6); /* Info surface as opaque background color. */
-  --dt-color-surface-success-opaque-inverted: oklch(0.34 0.08 157 / 0.3); /* Success surface as opaque background color. */
+  --dt-color-surface-warning-subtle-opaque-inverted: oklch(0.18 0.04 77.5 / 0.3); /* Warning subtle surface as opaque background color */
+  --dt-color-surface-critical-subtle-opaque-inverted: oklch(0.17 0.07 8 / 0.6); /* Critical subtle surface as opaque background color. */
+  --dt-color-surface-brand-opaque-inverted: oklch(0.22 0.13 285 / 0.8); /* Info surface as opaque background color. */
+  --dt-color-surface-info-opaque-inverted: oklch(0.26 0.09 258 / 0.6); /* Info surface as opaque background color. */
   --dt-color-surface-positive-opaque-inverted: oklch(0.34 0.08 157 / 0.3); /* Positive surface as opaque background color. */
-  --dt-color-surface-warning-opaque-inverted: oklch(0.35 0.07 68.3 / 0.35); /* Warning surface as opaque background color */
-  --dt-color-surface-critical-opaque-inverted: oklch(0.32 0.13 12.4 / 0.5); /* Critical surface as opaque background color. */
+  --dt-color-surface-warning-opaque-inverted: oklch(0.32 0.07 64.8 / 0.35); /* Warning surface as opaque background color */
+  --dt-color-surface-critical-opaque-inverted: oklch(0.31 0.13 14.7 / 0.5); /* Critical surface as opaque background color. */
   --dt-color-surface-contrast-opaque-inverted: oklch(1 0 0 / 0.97); /* Contrast surface as opaque background color. */
   --dt-color-surface-strong-opaque-inverted: oklch(1 0 0 / 0.67); /* Strong surface as opaque background color. */
   --dt-color-surface-bold-opaque-inverted: oklch(1 0 0 / 0.32); /* Bold surface as opaque background color. */
@@ -15760,13 +15788,11 @@
   --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle-inverted: var(--dt-color-blue-1000); /* A softer version of the default informational surface. */
-  --dt-color-surface-success-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default success surface. */
   --dt-color-surface-positive-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default positive surface. */
   --dt-color-surface-warning-subtle-inverted: var(--dt-color-gold-1000); /* A softer version of the default warning surface. */
   --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
   --dt-color-surface-brand-inverted: var(--dt-color-purple-950); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info-inverted: var(--dt-color-blue-950); /* Background surface color containing messaging or elements communicated as generally informational. */
-  --dt-color-surface-success-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-positive-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-warning-inverted: var(--dt-color-gold-950); /* Background surface color highlighting messaging or elements that may require user's attention. */
   --dt-color-surface-critical-inverted: var(--dt-color-red-950); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
@@ -15776,38 +15802,33 @@
   --dt-color-surface-moderate-inverted: var(--dt-color-black-700); /* A tertiary surface level, prominent without being too overpowering. */
   --dt-color-surface-secondary-inverted: var(--dt-color-black-800); /* For adjacent or complementary regions. */
   --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
-  --dt-color-surface-brand-subtle-opaque: oklch(0.84 0.08 300 / 0.2); /* Info surface as opaque background color. */
-  --dt-color-surface-info-subtle-opaque: oklch(0.96 0.01 248 / 0.5); /* Info surface as opaque background color. */
-  --dt-color-surface-success-subtle-opaque: oklch(0.96 0.06 167 / 0.5); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-brand-subtle-opaque: oklch(0.85 0.09 301 / 0.2); /* Info surface as opaque background color. */
+  --dt-color-surface-info-subtle-opaque: oklch(0.9 0.05 257 / 0.5); /* Info surface as opaque background color. */
   --dt-color-surface-positive-subtle-opaque: oklch(0.96 0.06 167 / 0.5); /* Positive subtle surface as opaque background color. */
-  --dt-color-surface-warning-subtle-opaque: oklch(0.97 0.05 94.4 / 0.5); /* Warning subtle surface as opaque background color */
-  --dt-color-surface-critical-subtle-opaque: oklch(0.93 0.03 15.2 / 0.5); /* Critical subtle surface as opaque background color. */
-  --dt-color-surface-brand-opaque: oklch(0.84 0.08 300 / 0.27); /* Info surface as opaque background color. */
-  --dt-color-surface-info-opaque: oklch(0.91 0.04 232 / 0.35); /* Info surface as opaque background color. */
-  --dt-color-surface-success-opaque: oklch(0.79 0.17 159 / 0.25); /* Success surface as opaque background color. */
+  --dt-color-surface-warning-subtle-opaque: oklch(0.94 0.05 77.3 / 0.5); /* Warning subtle surface as opaque background color */
+  --dt-color-surface-critical-subtle-opaque: oklch(0.88 0.07 17.3 / 0.5); /* Critical subtle surface as opaque background color. */
+  --dt-color-surface-brand-opaque: oklch(0.85 0.09 301 / 0.39); /* Info surface as opaque background color. */
+  --dt-color-surface-info-opaque: oklch(0.84 0.08 257 / 0.35); /* Info surface as opaque background color. */
   --dt-color-surface-positive-opaque: oklch(0.79 0.17 159 / 0.25); /* Positive surface as opaque background color. */
-  --dt-color-surface-warning-opaque: oklch(0.93 0.1 93.2 / 0.5); /* Warning surface as opaque background color */
-  --dt-color-surface-critical-opaque: oklch(0.82 0.07 24.1 / 0.31); /* Critical surface as opaque background color. */
-  --dt-color-surface-contrast-opaque: oklch(0.23 0 0 / 0.94); /* Contrast surface as opaque background color. */
-  --dt-color-surface-strong-opaque: oklch(0.23 0 0 / 0.76); /* Strong surface as opaque background color. */
-  --dt-color-surface-bold-opaque: oklch(0.23 0 0 / 0.19); /* Bold surface as opaque background color. */
-  --dt-color-surface-moderate-opaque: oklch(0.23 0 0 / 0.1); /* Moderate surface as opaque background color. */
-  --dt-color-surface-secondary-opaque: oklch(0.23 0 0 / 0.02); /* Secondary surface as opaque background color. */
+  --dt-color-surface-warning-opaque: oklch(0.9 0.09 77.6 / 0.5); /* Warning surface as opaque background color */
+  --dt-color-surface-critical-opaque: oklch(0.82 0.1 12.7 / 0.31); /* Critical surface as opaque background color. */
+  --dt-color-surface-contrast-opaque: oklch(0.26 0.01 78.2 / 0.94); /* Contrast surface as opaque background color. */
+  --dt-color-surface-strong-opaque: oklch(0.26 0.01 78.2 / 0.76); /* Strong surface as opaque background color. */
+  --dt-color-surface-bold-opaque: oklch(0.26 0.01 78.2 / 0.19); /* Bold surface as opaque background color. */
+  --dt-color-surface-moderate-opaque: oklch(0.26 0.01 78.2 / 0.1); /* Moderate surface as opaque background color. */
+  --dt-color-surface-secondary-opaque: oklch(0.26 0.01 78.2 / 0.02); /* Secondary surface as opaque background color. */
   --dt-color-surface-brand-strong: var(--dt-color-purple-600); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-info-strong: var(--dt-color-blue-800); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-success-strong: var(--dt-color-green-600); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-positive-strong: var(--dt-color-green-800); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-warning-strong: var(--dt-color-gold-400); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-info-strong: var(--dt-color-blue-600); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-positive-strong: var(--dt-color-green-600); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-warning-strong: var(--dt-color-gold-500); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-critical-strong: var(--dt-color-red-600); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle: var(--dt-color-blue-50); /* A softer version of the default informational surface. */
-  --dt-color-surface-success-subtle: var(--dt-color-green-50); /* A softer version of the default success surface. */
   --dt-color-surface-positive-subtle: var(--dt-color-green-50); /* A softer version of the default positive surface. */
   --dt-color-surface-warning-subtle: var(--dt-color-gold-50); /* A softer version of the default warning surface. */
   --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
   --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
-  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-positive: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
   --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
@@ -15821,36 +15842,34 @@
   --dt-color-link-warning-inverted-hover: var(--dt-color-gold-300);
   --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
   --dt-color-link-primary-inverted: var(--dt-color-purple-200);
+  --dt-color-link-info-hover: var(--dt-color-blue-700);
+  --dt-color-link-info: var(--dt-color-blue-600);
   --dt-color-link-warning-hover: var(--dt-color-gold-900);
   --dt-color-link-primary-hover: var(--dt-color-purple-800);
   --dt-color-link-primary: var(--dt-color-purple-600);
   --dt-color-foreground-info-strong-inverted: var(--dt-color-blue-200); /* Info strong text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-info-inverted: var(--dt-color-blue-300); /* Info text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-warning-inverted: var(--dt-color-gold-500); /* Warning text that sits on high-contrast surfaces or backgrounds */
-  --dt-color-foreground-success-strong-inverted: var(--dt-color-green-50); /* Success strong text that sits on high-contrast surfaces or backgrounds. */
-  --dt-color-foreground-success-inverted: var(--dt-color-green-200); /* Success text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-positive-strong-inverted: var(--dt-color-green-50); /* Positive strong text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-positive-inverted: var(--dt-color-green-200); /* Positive text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-200); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
   --dt-color-foreground-critical-inverted: var(--dt-color-red-300); /* Critical text that sits on high-contrast surfaces or backgrounds */
   --dt-color-foreground-disabled-inverted: var(--dt-color-black-400); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-placeholder-inverted: var(--dt-color-black-400); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
-  --dt-color-foreground-muted-inverted: oklch(0.98 0 0 / 0.65); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-muted-inverted: oklch(0.98 0 48.7 / 0.65); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-tertiary-inverted: var(--dt-color-black-300); /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-secondary-inverted: var(--dt-color-black-200); /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-primary-inverted: var(--dt-color-black-100); /* Primary text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-info-strong: var(--dt-color-blue-900); /* Indicates a generally informational state on surfaces that require a stronger contrast. */
   --dt-color-foreground-info: var(--dt-color-blue-800); /* Indicates a generally informational state. */
   --dt-color-foreground-warning: var(--dt-color-gold-800); /* Indicates information that requires user’s attention and further action may be necessary. */
-  --dt-color-foreground-success-strong: var(--dt-color-green-950); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
-  --dt-color-foreground-success: var(--dt-color-green-700); /* Indicates a positive state. */
   --dt-color-foreground-positive-strong: var(--dt-color-green-950); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
   --dt-color-foreground-positive: var(--dt-color-green-700); /* Indicates a positive state. */
   --dt-color-foreground-critical-strong: var(--dt-color-red-700); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
   --dt-color-foreground-critical: var(--dt-color-red-600); /* Expresses an error, danger, or otherwise critical state. */
   --dt-color-foreground-disabled: var(--dt-color-black-500); /* Used for text paired with disabled content or components, like the form elements. */
   --dt-color-foreground-placeholder: var(--dt-color-black-500); /* Text color for placeholder text within form elements. */
-  --dt-color-foreground-muted: oklch(0 0 0 / 0.5);
+  --dt-color-foreground-muted: oklch(0.16 0 84.6 / 0.5);
   --dt-color-foreground-tertiary: var(--dt-color-black-600); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
   --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
@@ -15888,13 +15907,13 @@
   --dt-shell-presence-color-unavailable: var(--dt-presence-color-unavailable);
   --dt-shell-presence-color-available: var(--dt-presence-color-available);
   --dt-shell-logo-color-star: var(--dt-color-surface-brand-strong);
-  --dt-shell-color-border-default: oklch(0.23 0 0 / 0.17);
-  --dt-shell-color-border-subtle: oklch(0.23 0 0 / 0.1);
-  --dt-shell-color-foreground-disabled: oklch(0.23 0 0 / 0.57);
-  --dt-shell-color-foreground-muted: oklch(0.23 0 0 / 0.6);
-  --dt-shell-color-foreground-strong: oklch(0.23 0 0);
-  --dt-shell-color-foreground-tertiary: oklch(0.23 0 0 / 0.72);
-  --dt-shell-color-foreground-secondary: oklch(0.23 0 0 / 0.86);
+  --dt-shell-color-border-default: oklch(0.26 0.01 78.2 / 0.17);
+  --dt-shell-color-border-subtle: oklch(0.26 0.01 78.2 / 0.1);
+  --dt-shell-color-foreground-disabled: oklch(0.26 0.01 78.2 / 0.57);
+  --dt-shell-color-foreground-muted: oklch(0.26 0.01 78.2 / 0.6);
+  --dt-shell-color-foreground-strong: oklch(0.26 0.01 78.2);
+  --dt-shell-color-foreground-tertiary: oklch(0.26 0.01 78.2 / 0.72);
+  --dt-shell-color-foreground-secondary: oklch(0.26 0.01 78.2 / 0.86);
   --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
   --dt-shell-base-action-color-background-muted: var(--dt-shell-base-color-action);
   --dt-shell-base-action-color-background-secondary: var(--dt-shell-base-color-action);
@@ -15910,39 +15929,38 @@
   --dt-theme-presence-color-background-busy-unavailable: var(--dt-presence-color-unavailable);
   --dt-theme-presence-color-background-available: var(--dt-presence-color-available);
   --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
-  --dt-theme-sidebar-selected-row-color-background: oklch(0.23 0 0 / 0.09);
+  --dt-theme-sidebar-selected-row-color-background: oklch(0.26 0.01 78.2 / 0.09);
   --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
-  --dt-theme-sidebar-row-color-background-active: oklch(0.23 0 0 / 0.15);
-  --dt-theme-sidebar-row-color-background-hover: oklch(0.23 0 0 / 0.11);
-  --dt-theme-sidebar-row-color-background: oklch(0.23 0 0 / 0);
+  --dt-theme-sidebar-row-color-background-active: oklch(0.26 0.01 78.2 / 0.15);
+  --dt-theme-sidebar-row-color-background-hover: oklch(0.26 0.01 78.2 / 0.11);
+  --dt-theme-sidebar-row-color-background: oklch(0.26 0.01 78.2 / 0);
   --dt-theme-sidebar-status-color-foreground: var(--dt-color-foreground-tertiary);
   --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
   --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
-  --dt-theme-topbar-profile-color-background-active: oklch(0.23 0 0 / 0.14);
-  --dt-theme-topbar-profile-color-background-hover: oklch(0.23 0 0 / 0.1);
-  --dt-theme-topbar-profile-color-background-inverted: oklch(0.23 0 0 / 0.75);
-  --dt-theme-topbar-profile-color-background: oklch(0.23 0 0 / 0.05);
-  --dt-theme-topbar-profile-color-foreground-inverted: oklch(0.98 0 0 / 0.75);
-  --dt-theme-topbar-button-color-background-active: oklch(0.23 0 0 / 0.1);
-  --dt-theme-topbar-button-color-background-hover: oklch(0.23 0 0 / 0.05);
-  --dt-theme-topbar-button-color-background: oklch(0.23 0 0 / 0);
+  --dt-theme-topbar-profile-color-background-active: oklch(0.26 0.01 78.2 / 0.14);
+  --dt-theme-topbar-profile-color-background-hover: oklch(0.26 0.01 78.2 / 0.1);
+  --dt-theme-topbar-profile-color-background-inverted: oklch(0.26 0.01 78.2 / 0.75);
+  --dt-theme-topbar-profile-color-background: oklch(0.26 0.01 78.2 / 0.05);
+  --dt-theme-topbar-profile-color-foreground-inverted: oklch(0.98 0 48.7 / 0.75);
+  --dt-theme-topbar-button-color-background-active: oklch(0.26 0.01 78.2 / 0.1);
+  --dt-theme-topbar-button-color-background-hover: oklch(0.26 0.01 78.2 / 0.05);
+  --dt-theme-topbar-button-color-background: oklch(0.26 0.01 78.2 / 0);
   --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
-  --dt-theme-topbar-button-color-foreground: oklch(0.23 0 0 / 0.65);
-  --dt-theme-topbar-field-color-border-active: oklch(0.23 0 0 / 0.2);
-  --dt-theme-topbar-field-color-border-hover: oklch(0.23 0 0 / 0.1);
-  --dt-theme-topbar-field-color-border: oklch(0.23 0 0 / 0);
-  --dt-theme-topbar-field-color-background-hover: oklch(0.45 0 0);
-  --dt-theme-topbar-field-color-background: oklch(0.23 0 0 / 0.05);
-  --dt-theme-topbar-field-color-foreground-hover: oklch(0.23 0 0 / 0.75);
-  --dt-theme-topbar-field-color-foreground: oklch(0.23 0 0 / 0.5);
+  --dt-theme-topbar-button-color-foreground: oklch(0.26 0.01 78.2 / 0.65);
+  --dt-theme-topbar-field-color-border-active: oklch(0.26 0.01 78.2 / 0.2);
+  --dt-theme-topbar-field-color-border-hover: oklch(0.26 0.01 78.2 / 0.1);
+  --dt-theme-topbar-field-color-border: oklch(0.26 0.01 78.2 / 0);
+  --dt-theme-topbar-field-color-background-hover: oklch(0.51 0.01 78.2);
+  --dt-theme-topbar-field-color-background: oklch(0.26 0.01 78.2 / 0.05);
+  --dt-theme-topbar-field-color-foreground-hover: oklch(0.26 0.01 78.2 / 0.75);
+  --dt-theme-topbar-field-color-foreground: oklch(0.26 0.01 78.2 / 0.5);
   --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
-  --dt-theme-topbar-color-foreground: oklch(0.23 0 0 / 0.8);
+  --dt-theme-topbar-color-foreground: oklch(0.26 0.01 78.2 / 0.8);
   --dt-action-color-border-positive-outlined-default: var(--dt-color-border-positive);
   --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
   --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
   --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
   --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
-  --dt-action-color-background-positive-primary-active: oklch(0.38 0.1 156);
   --dt-action-color-background-positive-hover: var(--dt-color-surface-positive-opaque);
   --dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
   --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
@@ -16064,8 +16082,8 @@
   --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
   --dt-color-chart-sequential-range-00-end: var(--dt-color-chart-sequential-10); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with a start color. */
   --dt-color-chart-sequential-range-00-start: var(--dt-color-chart-sequential-01); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
-  --dt-color-chart-sequential-10-selected: oklch(0.23 0.05 276); /* Selected state for tenth sequential chart color. */
-  --dt-color-chart-sequential-10-hover: oklch(0.28 0.06 258); /* Hover state for tenth sequential chart color. */
+  --dt-color-chart-sequential-10-selected: oklch(0.28 0.05 193); /* Selected state for tenth sequential chart color. */
+  --dt-color-chart-sequential-10-hover: oklch(0.31 0.06 217); /* Hover state for tenth sequential chart color. */
   --dt-color-chart-sequential-09: oklch(0.39 0.06 243); /* Ninth color in sequential chart series, extremely dark shade. */
   --dt-color-chart-sequential-08: oklch(0.46 0.06 246); /* Eighth color in sequential chart series, very dark shade. */
   --dt-color-chart-sequential-07: oklch(0.54 0.05 249); /* Seventh color in sequential chart series, dark shade. */
@@ -16074,25 +16092,46 @@
   --dt-color-chart-sequential-04: oklch(0.75 0.03 258); /* Fourth color in sequential chart series, light-medium shade. */
   --dt-color-chart-sequential-03: oklch(0.82 0.02 261); /* Third color in sequential chart series, light shade. */
   --dt-color-chart-sequential-02: oklch(0.89 0.02 264); /* Second color in sequential chart series, very light shade. */
-  --dt-color-chart-sequential-01-selected: oklch(0.67 0.01 295); /* Selected state for first sequential chart color. */
-  --dt-color-chart-sequential-01-hover: oklch(0.81 0.01 281); /* Hover state for first sequential chart color. */
+  --dt-color-chart-sequential-01-selected: oklch(0.72 0.01 320); /* Selected state for first sequential chart color. */
+  --dt-color-chart-sequential-01-hover: oklch(0.84 0.01 293); /* Hover state for first sequential chart color. */
   --dt-color-chart-categorical-11-selected: oklch(0.59 0.01 56.3);
   --dt-color-chart-categorical-11-hover: oklch(0.71 0.01 56.3);
-  --dt-color-chart-categorical-28: oklch(0.72 0.15 259);
-  --dt-color-chart-categorical-26: oklch(0.74 0.18 388);
-  --dt-color-chart-categorical-22: oklch(0.79 0.07 357);
-  --dt-color-chart-categorical-21: oklch(0.69 0.15 118);
-  --dt-color-chart-categorical-20: oklch(0.72 0.15 259);
-  --dt-color-chart-categorical-19: oklch(0.71 0.13 228);
-  --dt-color-chart-categorical-18: oklch(0.69 0.17 83.2);
-  --dt-color-chart-categorical-17: oklch(0.74 0.21 346);
+  --dt-color-chart-categorical-28: oklch(0.64 0.21 273);
+  --dt-color-chart-categorical-26: oklch(0.72 0.19 385);
+  --dt-color-chart-categorical-22: oklch(0.77 0.09 362);
+  --dt-color-chart-categorical-21: oklch(0.67 0.17 119);
+  --dt-color-chart-categorical-20: oklch(0.64 0.21 273);
+  --dt-color-chart-categorical-19: oklch(0.62 0.21 244);
+  --dt-color-chart-categorical-18: oklch(0.78 0.14 86.6);
+  --dt-color-chart-categorical-17: oklch(0.74 0.21 343);
   --dt-color-chart-categorical-16: oklch(0.66 0.15 140);
-  --dt-color-chart-categorical-15: oklch(0.75 0.17 402);
-  --dt-color-chart-categorical-14: oklch(0.72 0.15 268);
-  --dt-color-chart-categorical-13: oklch(0.68 0.19 405);
-  --dt-color-chart-categorical-12: oklch(0.69 0.19 332);
-  --dt-color-surface-primary-opaque-inverted: oklch(0 0 0 / 0.85); /* Secondary surface as opaque background color. */
+  --dt-color-chart-categorical-15: oklch(0.74 0.19 399);
+  --dt-color-chart-categorical-14: oklch(0.66 0.21 280);
+  --dt-color-chart-categorical-13: oklch(0.68 0.21 398);
+  --dt-color-chart-categorical-12: oklch(0.64 0.22 329);
+  --dt-color-border-success-strong-inverted: var(--dt-color-border-positive-strong-inverted);
+  --dt-color-border-success-subtle-inverted: var(--dt-color-border-positive-subtle-inverted);
+  --dt-color-border-success-inverted: var(--dt-color-border-positive-inverted);
+  --dt-color-border-success-strong: var(--dt-color-border-positive-strong);
+  --dt-color-border-success-subtle: var(--dt-color-border-positive-subtle);
+  --dt-color-border-success: var(--dt-color-border-positive);
+  --dt-color-surface-success-subtle-opaque-inverted: var(--dt-color-surface-positive-subtle-opaque-inverted); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-success-opaque-inverted: var(--dt-color-surface-positive-opaque-inverted); /* Success surface as opaque background color. */
+  --dt-color-surface-primary-opaque-inverted: oklch(0.16 0 84.6 / 0.85); /* Secondary surface as opaque background color. */
+  --dt-color-surface-success-subtle-inverted: var(--dt-color-surface-positive-subtle-inverted); /* A softer version of the default success surface. */
+  --dt-color-surface-success-inverted: var(--dt-color-surface-positive-inverted); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-surface-success-subtle-opaque: var(--dt-color-surface-positive-subtle-opaque); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-success-opaque: var(--dt-color-surface-positive-opaque); /* Success surface as opaque background color. */
   --dt-color-surface-primary-opaque: oklch(1 0 0 / 0.96); /* Primary surface as opaque background color. */
+  --dt-color-surface-success-strong: var(--dt-color-surface-positive-strong); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-success-subtle: var(--dt-color-surface-positive-subtle); /* A softer version of the default success surface. */
+  --dt-color-surface-success: var(--dt-color-surface-positive); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-link-mention-inverted-background-hover: oklch(0.85 0.09 301 / 0.2);
+  --dt-color-link-mention-inverted-background: oklch(0.85 0.09 301 / 0.3);
+  --dt-color-link-mention-background-hover: oklch(0.85 0.09 301 / 0.15);
+  --dt-color-link-mention-background: oklch(0.85 0.09 301 / 0.1);
+  --dt-color-link-mention-hover: var(--dt-color-link-primary-hover);
+  --dt-color-link-mention: var(--dt-color-link-primary);
   --dt-color-link-disabled-inverted-hover: var(--dt-color-foreground-disabled-inverted);
   --dt-color-link-disabled-inverted: var(--dt-color-foreground-disabled-inverted);
   --dt-color-link-muted-inverted: var(--dt-color-foreground-secondary-inverted);
@@ -16108,8 +16147,6 @@
   --dt-color-link-disabled: var(--dt-color-foreground-disabled);
   --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
   --dt-color-link-muted: var(--dt-color-foreground-secondary);
-  --dt-color-link-info-hover: var(--dt-color-foreground-info-strong);
-  --dt-color-link-info: var(--dt-color-foreground-info);
   --dt-color-link-warning: var(--dt-color-foreground-warning);
   --dt-color-link-success-hover: var(--dt-color-foreground-positive-strong);
   --dt-color-link-success: var(--dt-color-foreground-positive); /* positive */
@@ -16117,19 +16154,23 @@
   --dt-color-link-positive: var(--dt-color-foreground-positive); /* positive */
   --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
   --dt-color-link-critical: var(--dt-color-foreground-critical);
+  --dt-color-foreground-success-strong-inverted: var(--dt-color-foreground-positive-strong-inverted); /* Success strong text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-success-inverted: var(--dt-color-foreground-positive-inverted); /* Success text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-success-strong: var(--dt-color-foreground-positive-strong); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
+  --dt-color-foreground-success: var(--dt-color-foreground-positive); /* Indicates a positive state. */
   --dt-icon-size-border-500: var(--dt-icon-size-border-400);
-  --dt-shell-action-color-background-muted-selected: oklch(0.26 0 0 / 0.07);
-  --dt-shell-action-color-background-muted-active: oklch(0.26 0 0 / 0.07);
-  --dt-shell-action-color-background-muted-hover: oklch(0.26 0 0 / 0.1);
-  --dt-shell-action-color-background-muted-default: oklch(0.26 0 0 / 0.05);
-  --dt-shell-action-color-background-secondary-selected: oklch(0.26 0 0 / 0.13);
-  --dt-shell-action-color-background-secondary-active: oklch(0.26 0 0 / 0.16);
-  --dt-shell-action-color-background-secondary-hover: oklch(0.26 0 0 / 0.1);
-  --dt-shell-action-color-background-secondary-default: oklch(0.26 0 0 / 0);
-  --dt-shell-action-color-background-primary-selected: oklch(0.26 0 0 / 0.13);
-  --dt-shell-action-color-background-primary-active: oklch(0.26 0 0 / 0.16);
-  --dt-shell-action-color-background-primary-hover: oklch(0.26 0 0 / 0.1);
-  --dt-shell-action-color-background-primary-default: oklch(0.26 0 0 / 0);
+  --dt-shell-action-color-background-muted-selected: oklch(0.34 0.01 56.2 / 0.07);
+  --dt-shell-action-color-background-muted-active: oklch(0.34 0.01 56.2 / 0.07);
+  --dt-shell-action-color-background-muted-hover: oklch(0.34 0.01 56.2 / 0.1);
+  --dt-shell-action-color-background-muted-default: oklch(0.34 0.01 56.2 / 0.05);
+  --dt-shell-action-color-background-secondary-selected: oklch(0.34 0.01 56.2 / 0.13);
+  --dt-shell-action-color-background-secondary-active: oklch(0.34 0.01 56.2 / 0.16);
+  --dt-shell-action-color-background-secondary-hover: oklch(0.34 0.01 56.2 / 0.1);
+  --dt-shell-action-color-background-secondary-default: oklch(0.34 0.01 56.2 / 0);
+  --dt-shell-action-color-background-primary-selected: oklch(0.34 0.01 56.2 / 0.13);
+  --dt-shell-action-color-background-primary-active: oklch(0.34 0.01 56.2 / 0.16);
+  --dt-shell-action-color-background-primary-hover: oklch(0.34 0.01 56.2 / 0.1);
+  --dt-shell-action-color-background-primary-default: oklch(0.34 0.01 56.2 / 0);
   --dt-shell-action-color-foreground-muted-default: var(--dt-shell-color-foreground-muted);
   --dt-shell-action-color-foreground-secondary-disabled: var(--dt-shell-color-foreground-disabled);
   --dt-shell-action-color-foreground-primary-disabled: var(--dt-shell-color-foreground-disabled);
@@ -16138,17 +16179,17 @@
   --dt-shell-action-color-foreground-secondary-default: var(--dt-shell-color-foreground-secondary);
   --dt-shell-action-color-foreground-primary-default: var(--dt-shell-color-foreground-secondary);
   --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
-  --dt-shell-color-foreground-warning: oklch(0.36 0.1 68.3);
-  --dt-shell-color-foreground-critical: oklch(0.45 0.21 16.4);
+  --dt-shell-color-foreground-warning: oklch(0.31 0.1 61.6);
+  --dt-shell-color-foreground-critical: oklch(0.46 0.23 18.6);
   --dt-shell-color-foreground-positive: oklch(0.44 0.13 155);
   --dt-shell-base-color-accent: var(--dt-badge-color-background-bulletin);
   --dt-theme-sidebar-icon-color-foreground: var(--dt-theme-sidebar-color-foreground);
   --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
   --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
   --dt-action-color-background-positive-active: oklch(0.55 0.17 159 / 0.25);
-  --dt-action-color-background-muted-active: oklch(0.23 0 0 / 0.14);
-  --dt-action-color-background-critical-active: oklch(0.73 0.07 24.1 / 0.31);
-  --dt-action-color-background-base-active: oklch(0.75 0.08 300 / 0.27);
+  --dt-action-color-background-muted-active: oklch(0.26 0.01 78.2 / 0.14);
+  --dt-action-color-background-critical-active: oklch(0.73 0.1 12.7 / 0.31);
+  --dt-action-color-background-base-active: oklch(0.76 0.09 301 / 0.39);
   --dt-action-color-foreground-positive-hover: var(--dt-color-link-positive-hover);
   --dt-action-color-foreground-positive-default: var(--dt-color-link-positive);
   --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
@@ -16210,76 +16251,76 @@
   --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
   --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
   --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
-  --dt-color-chart-sequential-09-selected: oklch(0.27 0.04 278); /* Selected state for ninth sequential chart color. */
-  --dt-color-chart-sequential-09-hover: oklch(0.33 0.05 261); /* Hover state for ninth sequential chart color. */
-  --dt-color-chart-sequential-08-selected: oklch(0.32 0.04 280); /* Selected state for eighth sequential chart color. */
-  --dt-color-chart-sequential-08-hover: oklch(0.39 0.05 263); /* Hover state for eighth sequential chart color. */
-  --dt-color-chart-sequential-07-selected: oklch(0.38 0.04 282); /* Selected state for seventh sequential chart color. */
-  --dt-color-chart-sequential-07-hover: oklch(0.46 0.04 266); /* Hover state for seventh sequential chart color. */
-  --dt-color-chart-sequential-06-selected: oklch(0.43 0.03 284); /* Selected state for sixth sequential chart color. */
-  --dt-color-chart-sequential-06-hover: oklch(0.52 0.03 268); /* Hover state for sixth sequential chart color. */
-  --dt-color-chart-sequential-05-selected: oklch(0.48 0.03 287); /* Selected state for fifth sequential chart color. */
-  --dt-color-chart-sequential-05-hover: oklch(0.58 0.03 271); /* Hover state for fifth sequential chart color. */
-  --dt-color-chart-sequential-04-selected: oklch(0.53 0.02 289); /* Selected state for fourth sequential chart color. */
-  --dt-color-chart-sequential-04-hover: oklch(0.64 0.03 273); /* Hover state for fourth sequential chart color. */
-  --dt-color-chart-sequential-03-selected: oklch(0.57 0.01 291); /* Selected state for third sequential chart color. */
-  --dt-color-chart-sequential-03-hover: oklch(0.7 0.02 276); /* Hover state for third sequential chart color. */
-  --dt-color-chart-sequential-02-selected: oklch(0.62 0.01 293); /* Selected state for second sequential chart color. */
-  --dt-color-chart-sequential-02-hover: oklch(0.76 0.02 278); /* Hover state for second sequential chart color. */
-  --dt-color-chart-categorical-28-selected: oklch(0.5 0.15 259);
-  --dt-color-chart-categorical-28-hover: oklch(0.61 0.15 259);
-  --dt-color-chart-categorical-26-selected: oklch(0.52 0.18 388);
-  --dt-color-chart-categorical-26-hover: oklch(0.63 0.18 388);
-  --dt-color-chart-categorical-22-selected: oklch(0.55 0.07 357);
-  --dt-color-chart-categorical-22-hover: oklch(0.67 0.07 357);
-  --dt-color-chart-categorical-21-selected: oklch(0.48 0.15 118);
-  --dt-color-chart-categorical-21-hover: oklch(0.59 0.15 118);
-  --dt-color-chart-categorical-20-selected: oklch(0.5 0.15 259);
-  --dt-color-chart-categorical-20-hover: oklch(0.61 0.15 259);
-  --dt-color-chart-categorical-19-selected: oklch(0.5 0.13 228);
-  --dt-color-chart-categorical-19-hover: oklch(0.6 0.13 228);
-  --dt-color-chart-categorical-18-selected: oklch(0.48 0.17 83.2);
-  --dt-color-chart-categorical-18-hover: oklch(0.59 0.17 83.2);
-  --dt-color-chart-categorical-17-selected: oklch(0.52 0.21 346);
-  --dt-color-chart-categorical-17-hover: oklch(0.63 0.21 346);
+  --dt-color-chart-sequential-09-selected: oklch(0.32 0.04 195); /* Selected state for ninth sequential chart color. */
+  --dt-color-chart-sequential-09-hover: oklch(0.36 0.05 219); /* Hover state for ninth sequential chart color. */
+  --dt-color-chart-sequential-08-selected: oklch(0.37 0.04 198); /* Selected state for eighth sequential chart color. */
+  --dt-color-chart-sequential-08-hover: oklch(0.41 0.05 222); /* Hover state for eighth sequential chart color. */
+  --dt-color-chart-sequential-07-selected: oklch(0.43 0.04 200); /* Selected state for seventh sequential chart color. */
+  --dt-color-chart-sequential-07-hover: oklch(0.48 0.04 224); /* Hover state for seventh sequential chart color. */
+  --dt-color-chart-sequential-06-selected: oklch(0.47 0.03 202); /* Selected state for sixth sequential chart color. */
+  --dt-color-chart-sequential-06-hover: oklch(0.54 0.03 227); /* Hover state for sixth sequential chart color. */
+  --dt-color-chart-sequential-05-selected: oklch(0.52 0.03 204); /* Selected state for fifth sequential chart color. */
+  --dt-color-chart-sequential-05-hover: oklch(0.6 0.03 229); /* Hover state for fifth sequential chart color. */
+  --dt-color-chart-sequential-04-selected: oklch(0.57 0.02 206); /* Selected state for fourth sequential chart color. */
+  --dt-color-chart-sequential-04-hover: oklch(0.66 0.03 232); /* Hover state for fourth sequential chart color. */
+  --dt-color-chart-sequential-03-selected: oklch(0.62 0.02 208); /* Selected state for third sequential chart color. */
+  --dt-color-chart-sequential-03-hover: oklch(0.72 0.02 235); /* Hover state for third sequential chart color. */
+  --dt-color-chart-sequential-02-selected: oklch(0.67 0.02 210); /* Selected state for second sequential chart color. */
+  --dt-color-chart-sequential-02-hover: oklch(0.78 0.02 237); /* Hover state for second sequential chart color. */
+  --dt-color-chart-categorical-28-selected: oklch(0.45 0.21 273);
+  --dt-color-chart-categorical-28-hover: oklch(0.54 0.21 273);
+  --dt-color-chart-categorical-26-selected: oklch(0.5 0.19 385);
+  --dt-color-chart-categorical-26-hover: oklch(0.61 0.19 385);
+  --dt-color-chart-categorical-22-selected: oklch(0.54 0.09 362);
+  --dt-color-chart-categorical-22-hover: oklch(0.65 0.09 362);
+  --dt-color-chart-categorical-21-selected: oklch(0.47 0.17 119);
+  --dt-color-chart-categorical-21-hover: oklch(0.57 0.17 119);
+  --dt-color-chart-categorical-20-selected: oklch(0.45 0.21 273);
+  --dt-color-chart-categorical-20-hover: oklch(0.54 0.21 273);
+  --dt-color-chart-categorical-19-selected: oklch(0.43 0.21 244);
+  --dt-color-chart-categorical-19-hover: oklch(0.53 0.21 244);
+  --dt-color-chart-categorical-18-selected: oklch(0.55 0.14 86.6);
+  --dt-color-chart-categorical-18-hover: oklch(0.66 0.14 86.6);
+  --dt-color-chart-categorical-17-selected: oklch(0.52 0.21 343);
+  --dt-color-chart-categorical-17-hover: oklch(0.63 0.21 343);
   --dt-color-chart-categorical-16-selected: oklch(0.46 0.15 140);
   --dt-color-chart-categorical-16-hover: oklch(0.56 0.15 140);
-  --dt-color-chart-categorical-15-selected: oklch(0.52 0.17 402);
-  --dt-color-chart-categorical-15-hover: oklch(0.64 0.17 402);
-  --dt-color-chart-categorical-14-selected: oklch(0.5 0.15 268);
-  --dt-color-chart-categorical-14-hover: oklch(0.61 0.15 268);
-  --dt-color-chart-categorical-13-selected: oklch(0.48 0.19 405);
-  --dt-color-chart-categorical-13-hover: oklch(0.58 0.19 405);
-  --dt-color-chart-categorical-12-selected: oklch(0.48 0.19 332);
-  --dt-color-chart-categorical-12-hover: oklch(0.59 0.19 332);
-  --dt-color-chart-categorical-30: oklch(0.71 0.12 217);
-  --dt-color-chart-categorical-29: oklch(0.7 0.17 416);
-  --dt-color-chart-categorical-27: oklch(0.67 0.14 171);
-  --dt-color-chart-categorical-25: oklch(0.71 0.16 321);
-  --dt-color-chart-categorical-24: oklch(0.71 0.18 52.6);
-  --dt-color-chart-categorical-23: oklch(0.71 0.18 353);
+  --dt-color-chart-categorical-15-selected: oklch(0.52 0.19 399);
+  --dt-color-chart-categorical-15-hover: oklch(0.63 0.19 399);
+  --dt-color-chart-categorical-14-selected: oklch(0.46 0.21 280);
+  --dt-color-chart-categorical-14-hover: oklch(0.56 0.21 280);
+  --dt-color-chart-categorical-13-selected: oklch(0.48 0.21 398);
+  --dt-color-chart-categorical-13-hover: oklch(0.58 0.21 398);
+  --dt-color-chart-categorical-12-selected: oklch(0.45 0.22 329);
+  --dt-color-chart-categorical-12-hover: oklch(0.54 0.22 329);
+  --dt-color-chart-categorical-30: oklch(0.63 0.18 231);
+  --dt-color-chart-categorical-29: oklch(0.75 0.16 418);
+  --dt-color-chart-categorical-27: oklch(0.64 0.17 176);
+  --dt-color-chart-categorical-25: oklch(0.7 0.19 330);
+  --dt-color-chart-categorical-24: oklch(0.71 0.2 46.6);
+  --dt-color-chart-categorical-23: oklch(0.67 0.21 350);
   --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
   --dt-avatar-anchor-hue: var(--dt-shell-base-color-accent); /* Theme accent color used to derive avatar anchor hue. Transformed to OKLCH hue degrees at build time. */
-  --dt-shell-mention-color-surface-secondary: oklch(0.26 0.24 288);
+  --dt-shell-mention-color-surface-secondary: oklch(0.22 0.23 285);
   --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
-  --dt-shell-action-color-foreground-muted-selected: oklch(0.09 0 0 / 0.6);
-  --dt-shell-action-color-foreground-muted-hover: oklch(0.14 0 0 / 0.6);
+  --dt-shell-action-color-foreground-muted-selected: oklch(0.1 0.01 78.2 / 0.6);
+  --dt-shell-action-color-foreground-muted-hover: oklch(0.16 0.01 78.2 / 0.6);
   --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
   --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
   --dt-action-color-foreground-inverted-active: var(--dt-action-color-foreground-inverted-hover);
   --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
-  --dt-color-chart-categorical-30-selected: oklch(0.5 0.12 217);
-  --dt-color-chart-categorical-30-hover: oklch(0.6 0.12 217);
-  --dt-color-chart-categorical-29-selected: oklch(0.49 0.17 416);
-  --dt-color-chart-categorical-29-hover: oklch(0.59 0.17 416);
-  --dt-color-chart-categorical-27-selected: oklch(0.47 0.14 171);
-  --dt-color-chart-categorical-27-hover: oklch(0.57 0.14 171);
-  --dt-color-chart-categorical-25-selected: oklch(0.5 0.16 321);
-  --dt-color-chart-categorical-25-hover: oklch(0.6 0.16 321);
-  --dt-color-chart-categorical-24-selected: oklch(0.5 0.18 52.6);
-  --dt-color-chart-categorical-24-hover: oklch(0.6 0.18 52.6);
-  --dt-color-chart-categorical-23-selected: oklch(0.5 0.18 353);
-  --dt-color-chart-categorical-23-hover: oklch(0.6 0.18 353);
+  --dt-color-chart-categorical-30-selected: oklch(0.44 0.18 231);
+  --dt-color-chart-categorical-30-hover: oklch(0.54 0.18 231);
+  --dt-color-chart-categorical-29-selected: oklch(0.52 0.16 418);
+  --dt-color-chart-categorical-29-hover: oklch(0.64 0.16 418);
+  --dt-color-chart-categorical-27-selected: oklch(0.45 0.17 176);
+  --dt-color-chart-categorical-27-hover: oklch(0.54 0.17 176);
+  --dt-color-chart-categorical-25-selected: oklch(0.49 0.19 330);
+  --dt-color-chart-categorical-25-hover: oklch(0.59 0.19 330);
+  --dt-color-chart-categorical-24-selected: oklch(0.5 0.2 46.6);
+  --dt-color-chart-categorical-24-hover: oklch(0.6 0.2 46.6);
+  --dt-color-chart-categorical-23-selected: oklch(0.47 0.21 350);
+  --dt-color-chart-categorical-23-hover: oklch(0.57 0.21 350);
   --dt-shell-action-color-foreground-muted-active: var(--dt-shell-action-color-foreground-muted-hover);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;