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

package/lib/dist/tokens/tokens-prota-deuter-dark.css

@@ -3,7 +3,6 @@
  */:root {
   color-scheme: dark;
   --dt-radio-size-radius: 50%;
-  --dt-presence-color-available: oklch(0.7559 0.135 244.32);
   --dt-avatar-color-background-000: oklch(0.9067 0 0); /* Neutral gray fallback (manual assignment only) */
   --dt-avatar-color-background-1800: oklch(0.8984 0.0527 78.31);
   --dt-avatar-color-background-1700: oklch(0.8872 0.16 92.49);
@@ -55,8 +54,6 @@
   --dt-avatar-lightness-2: 0.54;
   --dt-avatar-lightness-1: 0.49;
   --dt-avatar-lightness-0: 0.45; /* OKLCH lightness for variant 0 (darkest) */
-  --dt-shell-base-color-accent: oklch(0.7559 0.135 244.32);
-  --dt-shell-base-color-surface: oklch(0.2536 0.0075 285.86);
   --dt-action-color-border-positive-default: transparent;
   --dt-action-color-border-muted-default: transparent;
   --dt-action-color-border-inverted-default: transparent;
@@ -66,7 +63,6 @@
   --dt-radio-size-width: var(--dt-size-500);
   --dt-presence-color-offline: var(--dt-color-black-500);
   --dt-presence-color-busy: var(--dt-color-gold-700);
-  --dt-presence-color-unavailable: var(--dt-color-magenta-600);
   --dt-icon-size-border-100: var(--dt-size-border-100);
   --dt-icon-size-800: calc(var(--dt-size-base) * 6);
   --dt-icon-size-700: calc(var(--dt-size-base) * 4.75);
@@ -97,49 +93,34 @@
   --dt-badge-color-foreground-ai: var(--dt-color-neutral-white);
   --dt-badge-color-foreground-bulletin-subtle: var(--dt-color-purple-900);
   --dt-badge-color-foreground-bulletin: var(--dt-color-black-50);
-  --dt-badge-color-foreground-success: var(--dt-color-green-1000);
   --dt-badge-color-foreground-default: var(--dt-color-black-1000);
   --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
-  --dt-badge-color-background-critical: var(--dt-color-red-200);
   --dt-badge-color-background-warning: var(--dt-color-gold-200);
-  --dt-badge-color-background-positive: var(--dt-color-green-200);
   --dt-badge-color-background-info: var(--dt-color-blue-200);
   --dt-avatar-color-foreground-dark: var(--dt-color-neutral-black); /* Text color for light avatar backgrounds (variants 6-9) */
   --dt-avatar-color-foreground-light: var(--dt-color-neutral-white); /* Text color for dark avatar backgrounds (variants 0-5) */
-  --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-presence-color-available: var(--dt-presence-color-available);
   --dt-shell-logo-color-wordmark: var(--dt-color-purple-1000);
-  --dt-shell-logo-color-star: var(--dt-color-purple-1000);
   --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
-  --dt-shell-mention-color-foreground-primary: var(--dt-color-neutral-black);
-  --dt-shell-mention-color-surface-secondary: lch(90 16 255);
-  --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
+  --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
   --dt-shell-color-border-base: var(--dt-color-black-1000);
-  --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
   --dt-shell-base-color-status-away: var(--dt-color-black-500);
-  --dt-shell-base-color-action: var(--dt-color-indigo-950);
-  --dt-shell-base-color-border: var(--dt-color-indigo-1000);
-  --dt-shell-base-color-foreground: var(--dt-color-indigo-1000);
+  --dt-shell-base-color-action: var(--dt-color-black-800);
+  --dt-shell-base-color-border: var(--dt-color-black-900);
+  --dt-shell-base-color-foreground: var(--dt-color-black-900);
   --dt-theme-mention-color-background-strong: var(--dt-color-purple-950);
   --dt-theme-mention-color-foreground: var(--dt-color-black-50);
   --dt-theme-presence-color-background-busy: var(--dt-color-gold-700);
-  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-700);
-  --dt-theme-presence-color-background-available: var(--dt-color-green-500);
   --dt-theme-color-base: var(--dt-color-black-900);
-  --dt-action-color-background-positive-primary-hover: var(--dt-color-green-500);
-  --dt-action-color-background-positive-primary-default: var(--dt-color-green-600);
   --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);
   --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
   --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
-  --dt-action-color-background-critical-primary-hover: var(--dt-color-red-900);
-  --dt-action-color-background-critical-primary-default: var(--dt-color-red-800);
   --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
   --dt-action-color-background-base-primary-hover: var(--dt-color-purple-900);
   --dt-action-color-background-base-primary-default: var(--dt-color-purple-800);
-  --dt-action-color-background-base-hover: oklch(0.65 0.2 290 / 0.2);
+  --dt-action-color-background-base-hover: oklch(0.58 0.24 287 / 0.2);
   --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);
@@ -356,16 +337,12 @@
   --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
   --dt-color-chart-sequential-range-10-end: var(--dt-color-teal-900);
   --dt-color-chart-sequential-range-10-start: var(--dt-color-teal-200);
-  --dt-color-chart-sequential-range-09-end: var(--dt-color-red-950);
-  --dt-color-chart-sequential-range-09-start: var(--dt-color-red-200);
   --dt-color-chart-sequential-range-08-end: var(--dt-color-olive-950);
   --dt-color-chart-sequential-range-08-start: var(--dt-color-olive-200);
   --dt-color-chart-sequential-range-07-end: var(--dt-color-coral-950);
   --dt-color-chart-sequential-range-07-start: var(--dt-color-coral-200);
   --dt-color-chart-sequential-range-06-end: var(--dt-color-berry-950);
   --dt-color-chart-sequential-range-06-start: var(--dt-color-berry-200);
-  --dt-color-chart-sequential-range-05-end: var(--dt-color-green-950);
-  --dt-color-chart-sequential-range-05-start: var(--dt-color-green-200);
   --dt-color-chart-sequential-range-04-end: var(--dt-color-gold-950);
   --dt-color-chart-sequential-range-04-start: var(--dt-color-gold-200);
   --dt-color-chart-sequential-range-03-end: var(--dt-color-blue-900);
@@ -382,12 +359,6 @@
   --dt-color-chart-warning-selected: var(--dt-color-gold-700);
   --dt-color-chart-warning: var(--dt-color-gold-400);
   --dt-color-chart-warning-hover: var(--dt-color-gold-500);
-  --dt-color-chart-critical-selected: var(--dt-color-red-700);
-  --dt-color-chart-critical-hover: var(--dt-color-red-500);
-  --dt-color-chart-critical: var(--dt-color-red-400);
-  --dt-color-chart-positive-selected: var(--dt-color-green-700);
-  --dt-color-chart-positive-hover: var(--dt-color-green-500);
-  --dt-color-chart-positive: var(--dt-color-green-400);
   --dt-color-chart-accent-selected: var(--dt-color-indigo-600);
   --dt-color-chart-accent-hover: var(--dt-color-indigo-400);
   --dt-color-chart-accent: var(--dt-color-indigo-300);
@@ -396,9 +367,6 @@
   --dt-color-chart-neutral: var(--dt-color-tan-600);
   --dt-color-chart-categorical-10-selected: var(--dt-color-teal-700);
   --dt-color-chart-categorical-10-hover: var(--dt-color-teal-500);
-  --dt-color-chart-categorical-09-selected: var(--dt-color-red-700);
-  --dt-color-chart-categorical-09-hover: var(--dt-color-red-500);
-  --dt-color-chart-categorical-09: var(--dt-color-red-400);
   --dt-color-chart-categorical-08-selected: var(--dt-color-olive-700);
   --dt-color-chart-categorical-08-hover: var(--dt-color-olive-500);
   --dt-color-chart-categorical-08: var(--dt-color-olive-400);
@@ -408,9 +376,6 @@
   --dt-color-chart-categorical-06-selected: var(--dt-color-berry-800);
   --dt-color-chart-categorical-06-hover: var(--dt-color-berry-600);
   --dt-color-chart-categorical-06: var(--dt-color-berry-500);
-  --dt-color-chart-categorical-05-selected: var(--dt-color-green-500);
-  --dt-color-chart-categorical-05-hover: var(--dt-color-green-400);
-  --dt-color-chart-categorical-05: var(--dt-color-green-300);
   --dt-color-chart-categorical-04-selected: var(--dt-color-gold-700);
   --dt-color-chart-categorical-04-hover: var(--dt-color-gold-500);
   --dt-color-chart-categorical-04: var(--dt-color-gold-400);
@@ -431,21 +396,12 @@
   --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-200);
-  --dt-color-border-positive-strong-inverted: var(--dt-color-green-200);
-  --dt-color-border-critical-strong-inverted: var(--dt-color-red-300);
   --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-900);
   --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-600);
-  --dt-color-border-positive-subtle-inverted: var(--dt-color-green-900);
-  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-800);
   --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-300);
-  --dt-color-border-positive-inverted: var(--dt-color-green-200);
-  --dt-color-border-critical-inverted: var(--dt-color-red-500);
   --dt-color-border-bold-inverted: oklch(0 0 0 / 0.5);
   --dt-color-border-moderate-inverted: oklch(0 0 0 / 0.34);
   --dt-color-border-default-inverted: oklch(0 0 0 / 0.18);
@@ -453,102 +409,65 @@
   --dt-color-border-brand-strong: var(--dt-color-purple-900);
   --dt-color-border-info-strong: var(--dt-color-blue-900);
   --dt-color-border-warning-strong: var(--dt-color-gold-900);
-  --dt-color-border-success-strong: var(--dt-color-green-800);
-  --dt-color-border-positive-strong: var(--dt-color-green-800);
-  --dt-color-border-critical-strong: var(--dt-color-red-900);
   --dt-color-border-brand-subtle: var(--dt-color-purple-500);
   --dt-color-border-info-subtle: var(--dt-color-blue-300);
   --dt-color-border-warning-subtle: var(--dt-color-gold-600);
-  --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-purple-800);
   --dt-color-border-info: var(--dt-color-blue-800);
   --dt-color-border-warning: var(--dt-color-gold-800);
-  --dt-color-border-success: var(--dt-color-green-500);
-  --dt-color-border-positive: var(--dt-color-green-700);
-  --dt-color-border-critical: var(--dt-color-red-800);
   --dt-color-border-bold: oklch(1 0 0 / 0.5);
   --dt-color-border-moderate: oklch(1 0 0 / 0.36);
   --dt-color-border-default: oklch(1 0 0 / 0.22);
   --dt-color-border-subtle: oklch(1 0 0 / 0.14);
   --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.98 0.01 301 / 0.66); /* Info surface as opaque background color. */
-  --dt-color-surface-info-subtle-opaque-inverted: oklch(0.98 0.01 248 / 0.66); /* Info surface as opaque background color. */
-  --dt-color-surface-success-subtle-opaque-inverted: oklch(0.99 0.01 124 / 0.66); /* Success subtle surface as opaque background color. */
-  --dt-color-surface-positive-subtle-opaque-inverted: oklch(0.99 0.01 124 / 0.66); /* Positive subtle surface as opaque background color. */
-  --dt-color-surface-warning-subtle-opaque-inverted: oklch(0.98 0.03 95.9 / 0.3); /* Warning subtle surface as opaque background color */
-  --dt-color-surface-critical-subtle-opaque-inverted: oklch(0.93 0.03 15.2 / 0.8);
-  --dt-color-surface-brand-opaque-inverted: oklch(0.93 0.03 302 / 0.8); /* Info surface as opaque background color. */
-  --dt-color-surface-info-opaque-inverted: oklch(0.96 0.01 248 / 0.6); /* Info surface as opaque background color. */
-  --dt-color-surface-success-opaque-inverted: oklch(0.95 0.07 128 / 0.3); /* Success surface as opaque background color. */
-  --dt-color-surface-positive-opaque-inverted: oklch(0.95 0.07 128 / 0.3); /* Positive surface as opaque background color. */
-  --dt-color-surface-warning-opaque-inverted: oklch(0.93 0.1 93.2 / 0.5);
-  --dt-color-surface-critical-opaque-inverted: oklch(0.82 0.07 24.1 / 0.5);
-  --dt-color-surface-contrast-opaque-inverted: oklch(0 0 0 / 0.97); /* Contrast surface as opaque background color. */
-  --dt-color-surface-strong-opaque-inverted: oklch(0 0 0 / 0.67); /* Strong surface as opaque background color. */
-  --dt-color-surface-bold-opaque-inverted: oklch(0 0 0 / 0.18);
-  --dt-color-surface-moderate-opaque-inverted: oklch(0 0 0 / 0.11);
-  --dt-color-surface-secondary-opaque-inverted: oklch(0 0 0 / 0.04);
+  --dt-color-surface-brand-subtle-opaque-inverted: oklch(0.95 0.03 302 / 0.66); /* Info surface as opaque background color. */
+  --dt-color-surface-info-subtle-opaque-inverted: oklch(0.95 0.02 258 / 0.66); /* Info surface as opaque background color. */
+  --dt-color-surface-warning-subtle-opaque-inverted: oklch(0.98 0.02 77.1 / 0.3); /* Warning subtle surface as opaque background color */
+  --dt-color-surface-brand-opaque-inverted: oklch(0.9 0.06 301 / 0.8); /* Info surface as opaque background color. */
+  --dt-color-surface-info-opaque-inverted: oklch(0.9 0.05 257 / 0.6); /* Info surface as opaque background color. */
+  --dt-color-surface-warning-opaque-inverted: oklch(0.9 0.09 77.6 / 0.5);
+  --dt-color-surface-contrast-opaque-inverted: oklch(0.16 0 84.6 / 0.97); /* Contrast surface as opaque background color. */
+  --dt-color-surface-strong-opaque-inverted: oklch(0.16 0 84.6 / 0.67); /* Strong surface as opaque background color. */
+  --dt-color-surface-bold-opaque-inverted: oklch(0.16 0 84.6 / 0.18);
+  --dt-color-surface-moderate-opaque-inverted: oklch(0.16 0 84.6 / 0.11);
+  --dt-color-surface-secondary-opaque-inverted: oklch(0.16 0 84.6 / 0.04);
   --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-400);
   --dt-color-surface-info-strong-inverted: var(--dt-color-blue-300);
-  --dt-color-surface-positive-strong-inverted: var(--dt-color-green-950); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-warning-strong-inverted: var(--dt-color-gold-700);
-  --dt-color-surface-critical-strong-inverted: var(--dt-color-red-500);
   --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. */
   --dt-color-surface-contrast-inverted: var(--dt-color-black-100); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
   --dt-color-surface-strong-inverted: var(--dt-color-black-400); /* Use sparingly to draw the eye to a relatively important region. */
   --dt-color-surface-bold-inverted: var(--dt-color-black-800);
   --dt-color-surface-moderate-inverted: var(--dt-color-black-900);
   --dt-color-surface-secondary-inverted: var(--dt-color-black-950);
   --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.16 0.08 292 / 0.65);
-  --dt-color-surface-info-subtle-opaque: oklch(0.14 0.03 244 / 0.7);
-  --dt-color-surface-success-subtle-opaque: oklch(0.22 0.06 130 / 0.6);
-  --dt-color-surface-positive-subtle-opaque: oklch(0.22 0.06 130 / 0.6);
-  --dt-color-surface-warning-subtle-opaque: oklch(0.24 0.05 74.2 / 0.7);
-  --dt-color-surface-critical-subtle-opaque: oklch(0.17 0.07 16.5 / 0.6);
-  --dt-color-surface-brand-opaque: oklch(0.23 0.13 285 / 0.7);
-  --dt-color-surface-info-opaque: oklch(0.22 0.05 248 / 0.4);
-  --dt-color-surface-success-opaque: oklch(0.44 0.12 133 / 0.28);
-  --dt-color-surface-positive-opaque: oklch(0.44 0.12 133 / 0.28);
-  --dt-color-surface-warning-opaque: oklch(0.48 0.1 68.3 / 0.55);
-  --dt-color-surface-critical-opaque: oklch(0.4 0.16 11.4 / 0.2);
+  --dt-color-surface-brand-subtle-opaque: oklch(0.15 0.09 291 / 0.65);
+  --dt-color-surface-info-subtle-opaque: oklch(0.16 0.05 252 / 0.7);
+  --dt-color-surface-warning-subtle-opaque: oklch(0.23 0.05 68.4 / 0.7);
+  --dt-color-surface-brand-opaque: oklch(0.22 0.13 285 / 0.91);
+  --dt-color-surface-info-opaque: oklch(0.41 0.17 260 / 0.6);
+  --dt-color-surface-warning-opaque: oklch(0.42 0.1 61.6 / 0.55);
+  --dt-color-surface-critical-opaque: oklch(0.39 0.16 353 / 0.65);
   --dt-color-surface-contrast-opaque: oklch(1 0 0 / 0.97);
-  --dt-color-surface-strong-opaque: oklch(0.92 0 0 / 0.74);
-  --dt-color-surface-bold-opaque: oklch(0.92 0 0 / 0.3);
-  --dt-color-surface-moderate-opaque: oklch(0.92 0 0 / 0.18);
-  --dt-color-surface-secondary-opaque: oklch(0.92 0 0 / 0.03);
+  --dt-color-surface-strong-opaque: oklch(0.93 0 84.6 / 0.74);
+  --dt-color-surface-bold-opaque: oklch(0.93 0 84.6 / 0.3);
+  --dt-color-surface-moderate-opaque: oklch(0.93 0 84.6 / 0.18);
+  --dt-color-surface-secondary-opaque: oklch(0.93 0 84.6 / 0.03);
   --dt-color-surface-brand-strong: var(--dt-color-purple-800);
-  --dt-color-surface-info-strong: var(--dt-color-blue-600);
-  --dt-color-surface-success-strong: var(--dt-color-green-500);
-  --dt-color-surface-positive-strong: var(--dt-color-green-500);
+  --dt-color-surface-info-strong: var(--dt-color-blue-700);
   --dt-color-surface-warning-strong: var(--dt-color-gold-700);
-  --dt-color-surface-critical-strong: var(--dt-color-red-800);
   --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
-  --dt-color-surface-info-subtle: oklch(0.13 0.05 248);
-  --dt-color-surface-success-subtle: oklch(0.18 0.1 133);
-  --dt-color-surface-positive-subtle: oklch(0.22 0.12 133);
+  --dt-color-surface-info-subtle: oklch(0.15 0.09 258);
   --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
-  --dt-color-surface-critical-subtle: oklch(0.12 0.09 17.8);
   --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-info: var(--dt-color-blue-200);
   --dt-color-surface-warning: var(--dt-color-gold-200);
-  --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
   --dt-color-surface-contrast: var(--dt-color-black-1000);
   --dt-color-surface-strong: var(--dt-color-black-600);
   --dt-color-surface-bold: var(--dt-color-black-400);
@@ -559,39 +478,53 @@
   --dt-color-link-warning-inverted-hover: var(--dt-color-gold-200);
   --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
   --dt-color-link-primary-inverted: var(--dt-color-purple-400);
+  --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-900);
   --dt-color-link-primary: var(--dt-color-purple-800);
   --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-300);
-  --dt-color-foreground-success-strong-inverted: var(--dt-color-green-50);
-  --dt-color-foreground-success-inverted: var(--dt-color-green-200);
-  --dt-color-foreground-positive-strong-inverted: var(--dt-color-green-50);
-  --dt-color-foreground-positive-inverted: var(--dt-color-green-200);
-  --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-500);
   --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.2 0 0 / 0.65); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-muted-inverted: oklch(0.21 0.01 91.6 / 0.65); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-tertiary-inverted: var(--dt-color-black-400);
   --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
   --dt-color-foreground-primary-inverted: var(--dt-color-neutral-black);
   --dt-color-foreground-info-strong: var(--dt-color-blue-800);
   --dt-color-foreground-info: var(--dt-color-blue-700);
   --dt-color-foreground-warning: var(--dt-color-gold-700);
-  --dt-color-foreground-success-strong: var(--dt-color-green-700);
-  --dt-color-foreground-success: var(--dt-shell-base-color-accent);
-  --dt-color-foreground-positive-strong: var(--dt-color-green-700);
-  --dt-color-foreground-positive: var(--dt-shell-base-color-accent);
-  --dt-color-foreground-critical-strong: var(--dt-color-red-900);
-  --dt-color-foreground-critical: var(--dt-color-magenta-700);
   --dt-color-foreground-disabled: var(--dt-color-black-600);
   --dt-color-foreground-placeholder: var(--dt-color-black-600);
-  --dt-color-foreground-muted: oklch(0.87 0 0 / 0.65);
+  --dt-color-foreground-muted: oklch(0.86 0.01 84.6 / 0.65);
   --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. */
+  --dt-color-red-1000: var(--dt-color-magenta-1000);
+  --dt-color-red-950: var(--dt-color-magenta-950);
+  --dt-color-red-900: var(--dt-color-magenta-900);
+  --dt-color-red-800: var(--dt-color-magenta-800);
+  --dt-color-red-700: var(--dt-color-magenta-700);
+  --dt-color-red-600: var(--dt-color-magenta-600);
+  --dt-color-red-500: var(--dt-color-magenta-500);
+  --dt-color-red-400: var(--dt-color-magenta-400);
+  --dt-color-red-300: var(--dt-color-magenta-300);
+  --dt-color-red-200: var(--dt-color-magenta-200);
+  --dt-color-red-100: var(--dt-color-magenta-100);
+  --dt-color-red-50: var(--dt-color-magenta-50);
+  --dt-color-green-1000: var(--dt-color-teal-1000);
+  --dt-color-green-950: var(--dt-color-teal-950);
+  --dt-color-green-900: var(--dt-color-teal-900);
+  --dt-color-green-800: var(--dt-color-teal-800);
+  --dt-color-green-700: var(--dt-color-teal-700);
+  --dt-color-green-600: var(--dt-color-teal-600);
+  --dt-color-green-500: var(--dt-color-teal-500);
+  --dt-color-green-400: var(--dt-color-teal-400);
+  --dt-color-green-300: var(--dt-color-teal-300);
+  --dt-color-green-200: var(--dt-color-teal-200);
+  --dt-color-green-100: var(--dt-color-teal-100);
+  --dt-color-green-50: var(--dt-color-teal-50);
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
   --dt-radio-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
   --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
@@ -599,6 +532,8 @@
   --dt-radio-color-border-unchecked-hover: var(--dt-color-border-bold);
   --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
   --dt-radio-size-height: var(--dt-radio-size-width);
+  --dt-presence-color-unavailable: var(--dt-color-red-700);
+  --dt-presence-color-available: var(--dt-color-green-500);
   --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
   --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
   --dt-icon-size-border-600: calc(var(--dt-icon-size-border-100) * 2.5);
@@ -618,72 +553,74 @@
   --dt-button-font-size-sm: var(--dt-font-size-125); /* Small Button text size */
   --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
   --dt-badge-color-border-default: var(--dt-color-border-subtle);
+  --dt-badge-color-foreground-success: var(--dt-color-green-1000);
   --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
-  --dt-badge-color-background-success: var(--dt-badge-color-background-positive);
+  --dt-badge-color-background-critical: var(--dt-color-red-200);
+  --dt-badge-color-background-positive: var(--dt-color-green-300);
   --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
   --dt-shell-presence-color-offline: var(--dt-presence-color-offline);
   --dt-shell-presence-color-busy: var(--dt-presence-color-busy);
-  --dt-shell-presence-color-unavailable: var(--dt-presence-color-unavailable);
-  --dt-shell-color-border-default: oklch(0.97 0.01 261 / 0.18);
-  --dt-shell-color-border-subtle: oklch(0.97 0.01 261 / 0.15);
-  --dt-shell-color-foreground-disabled: oklch(0.97 0.01 261 / 0.57);
-  --dt-shell-color-foreground-muted: oklch(0.97 0.01 261 / 0.6);
-  --dt-shell-color-foreground-tertiary: oklch(0.97 0.01 261 / 0.72);
-  --dt-shell-color-foreground-secondary: oklch(0.97 0.01 261 / 0.86);
+  --dt-shell-logo-color-star: var(--dt-color-surface-brand-strong);
+  --dt-shell-color-border-default: oklch(0.93 0 84.6 / 0.18);
+  --dt-shell-color-border-subtle: oklch(0.93 0 84.6 / 0.15);
+  --dt-shell-color-foreground-disabled: oklch(0.93 0 84.6 / 0.57);
+  --dt-shell-color-foreground-muted: oklch(0.93 0 84.6 / 0.6);
+  --dt-shell-color-foreground-tertiary: oklch(0.93 0 84.6 / 0.72);
+  --dt-shell-color-foreground-secondary: oklch(0.93 0 84.6 / 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);
   --dt-shell-base-action-color-background-primary: var(--dt-shell-base-color-action);
   --dt-shell-base-color-status-warning: var(--dt-color-foreground-warning);
-  --dt-shell-base-color-status-critical: var(--dt-color-foreground-critical);
-  --dt-shell-base-color-status-positive: var(--dt-color-foreground-positive);
+  --dt-shell-base-color-surface: var(--dt-color-surface-secondary);
   --dt-theme-mention-color-background: var(--dt-color-surface-brand-strong);
   --dt-theme-mention-color-foreground-strong: var(--dt-color-foreground-primary-inverted);
   --dt-theme-presence-color-background-offline: var(--dt-presence-color-offline);
+  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-700);
+  --dt-theme-presence-color-background-available: var(--dt-color-green-500);
   --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
-  --dt-theme-sidebar-selected-row-color-background: oklch(0.92 0 0 / 0.12);
+  --dt-theme-sidebar-selected-row-color-background: oklch(0.93 0 84.6 / 0.12);
   --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
-  --dt-theme-sidebar-row-color-background-active: oklch(0.92 0 0 / 0.15);
-  --dt-theme-sidebar-row-color-background-hover: oklch(0.92 0 0 / 0.1);
-  --dt-theme-sidebar-row-color-background: oklch(0.92 0 0 / 0);
+  --dt-theme-sidebar-row-color-background-active: oklch(0.93 0 84.6 / 0.15);
+  --dt-theme-sidebar-row-color-background-hover: oklch(0.93 0 84.6 / 0.1);
+  --dt-theme-sidebar-row-color-background: oklch(0.93 0 84.6 / 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.92 0 0 / 0.14);
-  --dt-theme-topbar-profile-color-background-hover: oklch(0.92 0 0 / 0.1);
-  --dt-theme-topbar-profile-color-background-inverted: oklch(0.92 0 0 / 0.75);
-  --dt-theme-topbar-profile-color-background: oklch(0.92 0 0 / 0.05);
+  --dt-theme-topbar-profile-color-background-active: oklch(0.93 0 84.6 / 0.14);
+  --dt-theme-topbar-profile-color-background-hover: oklch(0.93 0 84.6 / 0.1);
+  --dt-theme-topbar-profile-color-background-inverted: oklch(0.93 0 84.6 / 0.75);
+  --dt-theme-topbar-profile-color-background: oklch(0.93 0 84.6 / 0.05);
   --dt-theme-topbar-profile-color-foreground-inverted: oklch(0 0 0 / 0.75);
-  --dt-theme-topbar-button-color-background-active: oklch(0.92 0 0 / 0.1);
-  --dt-theme-topbar-button-color-background-hover: oklch(0.92 0 0 / 0.15);
-  --dt-theme-topbar-button-color-background: oklch(0.92 0 0 / 0);
+  --dt-theme-topbar-button-color-background-active: oklch(0.93 0 84.6 / 0.1);
+  --dt-theme-topbar-button-color-background-hover: oklch(0.93 0 84.6 / 0.15);
+  --dt-theme-topbar-button-color-background: oklch(0.93 0 84.6 / 0);
   --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
-  --dt-theme-topbar-button-color-foreground: oklch(0.92 0 0 / 0.65);
-  --dt-theme-topbar-field-color-border-active: oklch(0.92 0 0 / 0.2);
-  --dt-theme-topbar-field-color-border-hover: oklch(0.92 0 0 / 0.1);
-  --dt-theme-topbar-field-color-border: oklch(0.92 0 0 / 0);
-  --dt-theme-topbar-field-color-background: oklch(0.92 0 0 / 0.05);
-  --dt-theme-topbar-field-color-foreground-hover: oklch(0.92 0 0 / 0.75);
-  --dt-theme-topbar-field-color-foreground: oklch(0.92 0 0 / 0.5);
+  --dt-theme-topbar-button-color-foreground: oklch(0.93 0 84.6 / 0.65);
+  --dt-theme-topbar-field-color-border-active: oklch(0.93 0 84.6 / 0.2);
+  --dt-theme-topbar-field-color-border-hover: oklch(0.93 0 84.6 / 0.1);
+  --dt-theme-topbar-field-color-border: oklch(0.93 0 84.6 / 0);
+  --dt-theme-topbar-field-color-background: oklch(0.93 0 84.6 / 0.05);
+  --dt-theme-topbar-field-color-foreground-hover: oklch(0.93 0 84.6 / 0.75);
+  --dt-theme-topbar-field-color-foreground: oklch(0.93 0 84.6 / 0.5);
   --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
-  --dt-theme-topbar-color-foreground: oklch(0.92 0 0 / 0.8);
-  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-positive);
+  --dt-theme-topbar-color-foreground: oklch(0.93 0 84.6 / 0.8);
   --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: var(--dt-action-color-background-positive-primary-default);
-  --dt-action-color-background-positive-hover: var(--dt-color-surface-positive-opaque);
+  --dt-action-color-background-positive-primary-hover: var(--dt-color-green-500);
+  --dt-action-color-background-positive-primary-default: var(--dt-color-green-600);
   --dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
   --dt-action-color-background-muted-active: var(--dt-color-surface-bold-opaque);
   --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
   --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
   --dt-action-color-background-inverted-active: var(--dt-color-surface-bold-opaque-inverted);
   --dt-action-color-background-inverted-hover: var(--dt-color-surface-moderate-opaque-inverted);
-  --dt-action-color-background-critical-primary-active: var(--dt-action-color-background-critical-primary-default);
+  --dt-action-color-background-critical-primary-hover: var(--dt-color-red-900);
+  --dt-action-color-background-critical-primary-default: var(--dt-color-red-800);
   --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
   --dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
-  --dt-action-color-background-base-active: oklch(0.65 0.2 290 / 0.3);
+  --dt-action-color-background-base-active: oklch(0.58 0.24 287 / 0.3);
   --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
   --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
   --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
@@ -693,8 +630,6 @@
   --dt-inputs-color-background-disabled: var(--dt-color-surface-moderate-opaque);
   --dt-inputs-color-background-default: var(--dt-color-surface-secondary-opaque);
   --dt-inputs-color-border-warning: var(--dt-color-border-warning);
-  --dt-inputs-color-border-positive: var(--dt-color-border-positive);
-  --dt-inputs-color-border-critical: var(--dt-color-border-critical);
   --dt-inputs-color-border-focus: var(--dt-color-border-focus);
   --dt-inputs-color-border-hover: var(--dt-color-border-moderate);
   --dt-inputs-color-border-default: var(--dt-color-border-default);
@@ -795,6 +730,10 @@
   --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
   --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
   --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
+  --dt-color-chart-sequential-range-09-end: var(--dt-color-red-950);
+  --dt-color-chart-sequential-range-09-start: var(--dt-color-red-200);
+  --dt-color-chart-sequential-range-05-end: var(--dt-color-green-950);
+  --dt-color-chart-sequential-range-05-start: var(--dt-color-green-200);
   --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.93 0.03 289); /* Selected state for tenth sequential chart color. */
@@ -809,85 +748,134 @@
   --dt-color-chart-sequential-02: oklch(0.3 0.04 243); /* Second color in sequential chart series, very light shade. */
   --dt-color-chart-sequential-01-selected: oklch(0.47 0.03 277); /* Selected state for first sequential chart color. */
   --dt-color-chart-sequential-01-hover: oklch(0.35 0.04 259); /* Hover state for first sequential chart color. */
+  --dt-color-chart-critical-selected: var(--dt-color-red-700);
+  --dt-color-chart-critical-hover: var(--dt-color-red-500);
+  --dt-color-chart-critical: var(--dt-color-red-400);
+  --dt-color-chart-positive-selected: var(--dt-color-green-700);
+  --dt-color-chart-positive-hover: var(--dt-color-green-500);
+  --dt-color-chart-positive: var(--dt-color-green-400);
   --dt-color-chart-categorical-11-selected: oklch(0.19 0 67.6);
   --dt-color-chart-categorical-11-hover: oklch(0.23 0 67.6);
-  --dt-color-chart-categorical-28: oklch(0.48 0.17 268);
-  --dt-color-chart-categorical-26: oklch(0.57 0.17 382);
-  --dt-color-chart-categorical-22: oklch(0.36 0.07 366);
-  --dt-color-chart-categorical-21: oklch(0.55 0.15 112);
-  --dt-color-chart-categorical-20: oklch(0.48 0.17 268);
-  --dt-color-chart-categorical-19: oklch(0.47 0.13 241);
-  --dt-color-chart-categorical-18: oklch(0.44 0.12 81.8);
-  --dt-color-chart-categorical-17: oklch(0.57 0.26 334);
-  --dt-color-chart-categorical-16: oklch(0.61 0.16 125);
-  --dt-color-chart-categorical-15: oklch(0.59 0.16 396);
-  --dt-color-chart-categorical-14: oklch(0.5 0.18 274);
-  --dt-color-chart-categorical-13: oklch(0.59 0.22 394);
-  --dt-color-chart-categorical-12: oklch(0.51 0.22 324);
+  --dt-color-chart-categorical-09-selected: var(--dt-color-red-700);
+  --dt-color-chart-categorical-09-hover: var(--dt-color-red-500);
+  --dt-color-chart-categorical-09: var(--dt-color-red-400);
+  --dt-color-chart-categorical-05-selected: var(--dt-color-green-500);
+  --dt-color-chart-categorical-05-hover: var(--dt-color-green-400);
+  --dt-color-chart-categorical-05: var(--dt-color-green-300);
+  --dt-color-chart-categorical-28: oklch(0.45 0.19 271);
+  --dt-color-chart-categorical-26: oklch(0.52 0.15 379);
+  --dt-color-chart-categorical-22: oklch(0.35 0.08 367);
+  --dt-color-chart-categorical-21: oklch(0.5 0.16 256);
+  --dt-color-chart-categorical-20: oklch(0.45 0.19 271);
+  --dt-color-chart-categorical-19: oklch(0.43 0.17 245);
+  --dt-color-chart-categorical-18: oklch(0.47 0.15 85.1);
+  --dt-color-chart-categorical-17: oklch(0.57 0.26 327);
+  --dt-color-chart-categorical-15: oklch(0.54 0.15 393);
+  --dt-color-chart-categorical-14: oklch(0.47 0.2 277);
+  --dt-color-chart-categorical-13: oklch(0.54 0.2 309);
+  --dt-color-chart-categorical-12: oklch(0.43 0.17 325);
+  --dt-color-border-positive-strong-inverted: var(--dt-color-green-200);
+  --dt-color-border-critical-strong-inverted: var(--dt-color-red-300);
+  --dt-color-border-positive-subtle-inverted: var(--dt-color-green-800);
+  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-800);
+  --dt-color-border-positive-inverted: var(--dt-color-green-200);
+  --dt-color-border-critical-inverted: var(--dt-color-red-500);
+  --dt-color-border-positive-strong: var(--dt-color-green-800);
+  --dt-color-border-critical-strong: var(--dt-color-red-900);
+  --dt-color-border-positive-subtle: var(--dt-color-green-300);
+  --dt-color-border-critical-subtle: var(--dt-color-red-300);
+  --dt-color-border-positive: var(--dt-color-green-500);
+  --dt-color-border-critical: var(--dt-color-red-800);
+  --dt-color-surface-positive-subtle-opaque-inverted: oklch(0.98 0.01 200 / 0.66); /* Positive subtle surface as opaque background color. */
+  --dt-color-surface-critical-subtle-opaque-inverted: oklch(0.88 0.08 342 / 0.8);
+  --dt-color-surface-positive-opaque-inverted: oklch(0.91 0.05 200 / 0.3); /* Positive surface as opaque background color. */
+  --dt-color-surface-critical-opaque-inverted: oklch(0.82 0.13 344 / 0.5);
   --dt-color-surface-primary-opaque-inverted: oklch(1 0 0 / 0.85); /* Secondary surface as opaque background color. */
-  --dt-color-surface-primary-opaque: oklch(0.2 0 0 / 0.9);
+  --dt-color-surface-positive-strong-inverted: var(--dt-color-green-950); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-critical-strong-inverted: var(--dt-color-red-500);
+  --dt-color-surface-positive-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default positive surface. */
+  --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
+  --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-critical-inverted: var(--dt-color-red-950); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
+  --dt-color-surface-success-subtle-opaque: oklch(0.14 0.03 205 / 0.6);
+  --dt-color-surface-positive-subtle-opaque: oklch(0.34 0.08 203 / 0.3);
+  --dt-color-surface-critical-subtle-opaque: oklch(0.14 0.06 345 / 0.6);
+  --dt-color-surface-positive-opaque: oklch(0.45 0.11 202 / 0.6);
+  --dt-color-surface-primary-opaque: oklch(0.21 0.01 91.6 / 0.9);
+  --dt-color-surface-positive-strong: var(--dt-color-green-700);
+  --dt-color-surface-critical-strong: var(--dt-color-red-800);
+  --dt-color-surface-positive-subtle: var(--dt-color-green-100);
+  --dt-color-surface-critical-subtle: oklch(0.11 0.09 350);
+  --dt-color-surface-positive: var(--dt-color-green-200);
+  --dt-color-surface-critical: var(--dt-color-red-200);
+  --dt-color-link-mention-inverted-background-hover: oklch(0.22 0.13 285 / 0.2);
+  --dt-color-link-mention-inverted-background: oklch(0.22 0.13 285 / 0.3);
+  --dt-color-link-mention-background-hover: oklch(0.22 0.13 285 / 0.25);
+  --dt-color-link-mention-background: oklch(0.22 0.13 285 / 0.15);
+  --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: var(--dt-color-foreground-disabled-inverted);
   --dt-color-link-muted-inverted: var(--dt-color-foreground-secondary-inverted);
   --dt-color-link-info-inverted-hover: var(--dt-color-foreground-info-strong-inverted);
   --dt-color-link-info-inverted: var(--dt-color-foreground-info-inverted);
   --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
-  --dt-color-link-success-inverted-hover: var(--dt-color-foreground-positive-strong-inverted);
-  --dt-color-link-success-inverted: var(--dt-color-foreground-positive-inverted);
-  --dt-color-link-positive-inverted-hover: var(--dt-color-foreground-positive-strong-inverted);
-  --dt-color-link-positive-inverted: var(--dt-color-foreground-positive-inverted);
-  --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
-  --dt-color-link-critical-inverted: var(--dt-color-foreground-critical-inverted);
   --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 */
-  --dt-color-link-positive-hover: var(--dt-color-foreground-positive-strong);
-  --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-positive-strong-inverted: var(--dt-color-green-50);
+  --dt-color-foreground-positive-inverted: var(--dt-color-green-200);
+  --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-500);
+  --dt-color-foreground-positive-strong: var(--dt-color-green-700);
+  --dt-color-foreground-positive: var(--dt-color-green-500);
+  --dt-color-foreground-critical-strong: var(--dt-color-red-900);
+  --dt-color-foreground-critical: var(--dt-color-red-800);
   --dt-icon-size-border-500: var(--dt-icon-size-border-400);
-  --dt-shell-action-color-background-muted-selected: oklch(0.95 0.01 267 / 0.07);
-  --dt-shell-action-color-background-muted-active: oklch(0.95 0.01 267 / 0.07);
-  --dt-shell-action-color-background-muted-hover: oklch(0.95 0.01 267 / 0.1);
-  --dt-shell-action-color-background-muted-default: oklch(0.95 0.01 267 / 0.05);
-  --dt-shell-action-color-background-secondary-selected: oklch(0.95 0.01 267 / 0.13);
-  --dt-shell-action-color-background-secondary-active: oklch(0.95 0.01 267 / 0.16);
-  --dt-shell-action-color-background-secondary-hover: oklch(0.95 0.01 267 / 0.1);
-  --dt-shell-action-color-background-secondary-default: oklch(0.95 0.01 267 / 0);
-  --dt-shell-action-color-background-primary-selected: oklch(0.95 0.01 267 / 0.13);
-  --dt-shell-action-color-background-primary-active: oklch(0.95 0.01 267 / 0.16);
-  --dt-shell-action-color-background-primary-hover: oklch(0.95 0.01 267 / 0.1);
-  --dt-shell-action-color-background-primary-default: oklch(0.95 0.01 267 / 0);
+  --dt-badge-color-background-success: var(--dt-badge-color-background-positive);
+  --dt-shell-presence-color-unavailable: var(--dt-presence-color-unavailable);
+  --dt-shell-presence-color-available: var(--dt-presence-color-available);
+  --dt-shell-action-color-background-muted-selected: oklch(0.86 0.01 84.6 / 0.07);
+  --dt-shell-action-color-background-muted-active: oklch(0.86 0.01 84.6 / 0.07);
+  --dt-shell-action-color-background-muted-hover: oklch(0.86 0.01 84.6 / 0.1);
+  --dt-shell-action-color-background-muted-default: oklch(0.86 0.01 84.6 / 0.05);
+  --dt-shell-action-color-background-secondary-selected: oklch(0.86 0.01 84.6 / 0.13);
+  --dt-shell-action-color-background-secondary-active: oklch(0.86 0.01 84.6 / 0.16);
+  --dt-shell-action-color-background-secondary-hover: oklch(0.86 0.01 84.6 / 0.1);
+  --dt-shell-action-color-background-secondary-default: oklch(0.86 0.01 84.6 / 0);
+  --dt-shell-action-color-background-primary-selected: oklch(0.86 0.01 84.6 / 0.13);
+  --dt-shell-action-color-background-primary-active: oklch(0.86 0.01 84.6 / 0.16);
+  --dt-shell-action-color-background-primary-hover: oklch(0.86 0.01 84.6 / 0.1);
+  --dt-shell-action-color-background-primary-default: oklch(0.86 0.01 84.6 / 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);
   --dt-shell-action-color-foreground-tertiary-default: var(--dt-shell-color-foreground-tertiary);
   --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-foreground-warning: oklch(0.97 0.15 78.1);
-  --dt-shell-color-foreground-critical: oklch(0.81 0.2 358);
-  --dt-shell-color-foreground-positive: var(--dt-shell-base-color-status-positive);
-  --dt-shell-color-foreground-strong: oklch(1.75 0.01 261);
+  --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
+  --dt-shell-color-foreground-warning: oklch(0.93 0.16 71.7);
+  --dt-shell-color-foreground-strong: oklch(1.68 0 84.6);
+  --dt-shell-base-color-status-critical: var(--dt-color-foreground-critical);
+  --dt-shell-base-color-status-positive: var(--dt-color-foreground-positive);
+  --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-theme-topbar-field-color-background-hover: oklch(0.16 0 0);
-  --dt-action-color-background-positive-active: oklch(0.55 0.12 133 / 0.28);
-  --dt-action-color-background-critical-active: oklch(0.5 0.16 11.4 / 0.2);
-  --dt-action-color-foreground-positive-hover: var(--dt-color-link-positive-hover);
-  --dt-action-color-foreground-positive-default: var(--dt-color-link-positive);
+  --dt-theme-topbar-field-color-background-hover: oklch(0.17 0.01 78.2);
+  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-positive);
+  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
+  --dt-action-color-background-positive-primary-active: var(--dt-action-color-background-positive-primary-default);
+  --dt-action-color-background-positive-hover: var(--dt-color-surface-positive-opaque);
+  --dt-action-color-background-critical-primary-active: var(--dt-action-color-background-critical-primary-default);
+  --dt-action-color-background-critical-active: oklch(0.49 0.16 353 / 0.65);
   --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
   --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
   --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
   --dt-action-color-foreground-inverted-hover: var(--dt-action-color-foreground-inverted-default);
-  --dt-action-color-foreground-critical-hover: var(--dt-color-link-critical-hover);
-  --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
   --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
-  --dt-inputs-color-border-success: var(--dt-inputs-color-border-positive);
+  --dt-inputs-color-border-positive: var(--dt-color-border-positive);
+  --dt-inputs-color-border-critical: var(--dt-color-border-critical);
   --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
   --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
   --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */
@@ -955,60 +943,102 @@
   --dt-color-chart-sequential-03-hover: oklch(0.47 0.03 262); /* Hover state for third sequential chart color. */
   --dt-color-chart-sequential-02-selected: oklch(0.51 0.03 278); /* Selected state for second sequential chart color. */
   --dt-color-chart-sequential-02-hover: oklch(0.41 0.03 261); /* Hover state for second sequential chart color. */
-  --dt-color-chart-categorical-28-selected: oklch(0.34 0.17 268);
-  --dt-color-chart-categorical-28-hover: oklch(0.41 0.17 268);
-  --dt-color-chart-categorical-26-selected: oklch(0.4 0.17 382);
-  --dt-color-chart-categorical-26-hover: oklch(0.48 0.17 382);
-  --dt-color-chart-categorical-22-selected: oklch(0.25 0.07 366);
-  --dt-color-chart-categorical-22-hover: oklch(0.31 0.07 366);
-  --dt-color-chart-categorical-21-selected: oklch(0.39 0.15 112);
-  --dt-color-chart-categorical-21-hover: oklch(0.47 0.15 112);
-  --dt-color-chart-categorical-20-selected: oklch(0.34 0.17 268);
-  --dt-color-chart-categorical-20-hover: oklch(0.41 0.17 268);
-  --dt-color-chart-categorical-19-selected: oklch(0.33 0.13 241);
-  --dt-color-chart-categorical-19-hover: oklch(0.4 0.13 241);
-  --dt-color-chart-categorical-18-selected: oklch(0.31 0.12 81.8);
-  --dt-color-chart-categorical-18-hover: oklch(0.37 0.12 81.8);
-  --dt-color-chart-categorical-17-selected: oklch(0.4 0.26 334);
-  --dt-color-chart-categorical-17-hover: oklch(0.48 0.26 334);
-  --dt-color-chart-categorical-16-selected: oklch(0.43 0.16 125);
-  --dt-color-chart-categorical-16-hover: oklch(0.52 0.16 125);
-  --dt-color-chart-categorical-15-selected: oklch(0.41 0.16 396);
-  --dt-color-chart-categorical-15-hover: oklch(0.5 0.16 396);
-  --dt-color-chart-categorical-14-selected: oklch(0.35 0.18 274);
-  --dt-color-chart-categorical-14-hover: oklch(0.42 0.18 274);
-  --dt-color-chart-categorical-13-selected: oklch(0.41 0.22 394);
-  --dt-color-chart-categorical-13-hover: oklch(0.5 0.22 394);
-  --dt-color-chart-categorical-12-selected: oklch(0.36 0.22 324);
-  --dt-color-chart-categorical-12-hover: oklch(0.43 0.22 324);
-  --dt-color-chart-categorical-30: oklch(0.48 0.12 225);
-  --dt-color-chart-categorical-29: oklch(0.47 0.14 413);
-  --dt-color-chart-categorical-27: oklch(0.56 0.15 164);
-  --dt-color-chart-categorical-25: oklch(0.48 0.16 324);
-  --dt-color-chart-categorical-24: oklch(0.6 0.19 43.1);
-  --dt-color-chart-categorical-23: oklch(0.53 0.2 346);
+  --dt-color-chart-categorical-28-selected: oklch(0.32 0.19 271);
+  --dt-color-chart-categorical-28-hover: oklch(0.38 0.19 271);
+  --dt-color-chart-categorical-26-selected: oklch(0.36 0.15 379);
+  --dt-color-chart-categorical-26-hover: oklch(0.44 0.15 379);
+  --dt-color-chart-categorical-22-selected: oklch(0.24 0.08 367);
+  --dt-color-chart-categorical-22-hover: oklch(0.3 0.08 367);
+  --dt-color-chart-categorical-21-selected: oklch(0.35 0.16 256);
+  --dt-color-chart-categorical-21-hover: oklch(0.42 0.16 256);
+  --dt-color-chart-categorical-20-selected: oklch(0.32 0.19 271);
+  --dt-color-chart-categorical-20-hover: oklch(0.38 0.19 271);
+  --dt-color-chart-categorical-19-selected: oklch(0.3 0.17 245);
+  --dt-color-chart-categorical-19-hover: oklch(0.37 0.17 245);
+  --dt-color-chart-categorical-18-selected: oklch(0.33 0.15 85.1);
+  --dt-color-chart-categorical-18-hover: oklch(0.4 0.15 85.1);
+  --dt-color-chart-categorical-17-selected: oklch(0.4 0.26 327);
+  --dt-color-chart-categorical-17-hover: oklch(0.48 0.26 327);
+  --dt-color-chart-categorical-15-selected: oklch(0.38 0.15 393);
+  --dt-color-chart-categorical-15-hover: oklch(0.46 0.15 393);
+  --dt-color-chart-categorical-14-selected: oklch(0.33 0.2 277);
+  --dt-color-chart-categorical-14-hover: oklch(0.4 0.2 277);
+  --dt-color-chart-categorical-13-selected: oklch(0.38 0.2 309);
+  --dt-color-chart-categorical-13-hover: oklch(0.46 0.2 309);
+  --dt-color-chart-categorical-12-selected: oklch(0.3 0.17 325);
+  --dt-color-chart-categorical-12-hover: oklch(0.37 0.17 325);
+  --dt-color-chart-categorical-30: oklch(0.44 0.15 232);
+  --dt-color-chart-categorical-29: oklch(0.47 0.15 415);
+  --dt-color-chart-categorical-25: oklch(0.47 0.18 327);
+  --dt-color-chart-categorical-24: oklch(0.55 0.18 342);
+  --dt-color-chart-categorical-23: oklch(0.46 0.16 345);
+  --dt-color-chart-categorical-16: oklch(0.5 0.12 173);
+  --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-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-opaque: var(--dt-color-surface-positive-opaque);
+  --dt-color-surface-success-strong: var(--dt-color-surface-positive-strong);
+  --dt-color-surface-success-subtle: var(--dt-color-surface-positive-subtle);
+  --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-disabled-inverted-hover: var(--dt-color-link-disabled-inverted);
+  --dt-color-link-success-inverted-hover: var(--dt-color-foreground-positive-strong-inverted);
+  --dt-color-link-success-inverted: var(--dt-color-foreground-positive-inverted);
+  --dt-color-link-positive-inverted-hover: var(--dt-color-foreground-positive-strong-inverted);
+  --dt-color-link-positive-inverted: var(--dt-color-foreground-positive-inverted);
+  --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
+  --dt-color-link-critical-inverted: var(--dt-color-foreground-critical-inverted);
   --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
-  --dt-shell-action-color-foreground-muted-selected: oklch(0.39 0.01 261 / 0.6);
-  --dt-shell-action-color-foreground-muted-hover: oklch(0.58 0.01 261 / 0.6);
+  --dt-color-link-success-hover: var(--dt-color-foreground-positive-strong);
+  --dt-color-link-success: var(--dt-color-foreground-positive); /* positive */
+  --dt-color-link-positive-hover: var(--dt-color-foreground-positive-strong);
+  --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);
+  --dt-color-foreground-success-inverted: var(--dt-color-foreground-positive-inverted);
+  --dt-color-foreground-success-strong: var(--dt-color-foreground-positive-strong);
+  --dt-color-foreground-success: var(--dt-color-foreground-positive);
+  --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: lch(90.1 17.1 298);
+  --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
+  --dt-shell-action-color-foreground-muted-selected: oklch(0.37 0 84.6 / 0.6);
+  --dt-shell-action-color-foreground-muted-hover: oklch(0.56 0 84.6 / 0.6);
   --dt-shell-action-color-foreground-primary-strong: var(--dt-shell-color-foreground-strong);
-  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
+  --dt-shell-color-foreground-critical: oklch(0.9 0.16 345);
+  --dt-shell-color-foreground-positive: var(--dt-shell-base-color-status-positive);
+  --dt-action-color-background-positive-active: oklch(0.56 0.11 202 / 0.6);
+  --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-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.34 0.12 225);
-  --dt-color-chart-categorical-30-hover: oklch(0.41 0.12 225);
-  --dt-color-chart-categorical-29-selected: oklch(0.33 0.14 413);
-  --dt-color-chart-categorical-29-hover: oklch(0.4 0.14 413);
-  --dt-color-chart-categorical-27-selected: oklch(0.39 0.15 164);
-  --dt-color-chart-categorical-27-hover: oklch(0.48 0.15 164);
-  --dt-color-chart-categorical-25-selected: oklch(0.34 0.16 324);
-  --dt-color-chart-categorical-25-hover: oklch(0.41 0.16 324);
-  --dt-color-chart-categorical-24-selected: oklch(0.42 0.19 43.1);
-  --dt-color-chart-categorical-24-hover: oklch(0.51 0.19 43.1);
-  --dt-color-chart-categorical-23-selected: oklch(0.37 0.2 346);
-  --dt-color-chart-categorical-23-hover: oklch(0.45 0.2 346);
+  --dt-action-color-foreground-critical-hover: var(--dt-color-link-critical-hover);
+  --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
+  --dt-inputs-color-border-success: var(--dt-inputs-color-border-positive);
+  --dt-color-chart-categorical-30-selected: oklch(0.31 0.15 232);
+  --dt-color-chart-categorical-30-hover: oklch(0.37 0.15 232);
+  --dt-color-chart-categorical-29-selected: oklch(0.33 0.15 415);
+  --dt-color-chart-categorical-29-hover: oklch(0.4 0.15 415);
+  --dt-color-chart-categorical-25-selected: oklch(0.33 0.18 327);
+  --dt-color-chart-categorical-25-hover: oklch(0.4 0.18 327);
+  --dt-color-chart-categorical-24-selected: oklch(0.39 0.18 342);
+  --dt-color-chart-categorical-24-hover: oklch(0.47 0.18 342);
+  --dt-color-chart-categorical-23-selected: oklch(0.32 0.16 345);
+  --dt-color-chart-categorical-23-hover: oklch(0.39 0.16 345);
+  --dt-color-chart-categorical-16-selected: oklch(0.35 0.12 173);
+  --dt-color-chart-categorical-16-hover: oklch(0.42 0.12 173);
+  --dt-color-chart-categorical-27: oklch(0.47 0.14 199);
   --dt-shell-action-color-foreground-muted-active: var(--dt-shell-action-color-foreground-muted-hover);
+  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
+  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
+  --dt-color-chart-categorical-27-selected: oklch(0.33 0.14 199);
+  --dt-color-chart-categorical-27-hover: oklch(0.4 0.14 199);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;
   --dt-font-size-300-mobile: 2rem;