@dialpad/dialtone-tokens 1.43.3 → 1.44.1

package/dist/css/tokens-dp-light.css

@@ -146,6 +146,34 @@
   --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
   --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
   --dt-radio-size-width: var(--dt-size-500);
+  --dt-presence-color-offline-h: var(--dt-color-black-500-h);
+  --dt-presence-color-offline-s: var(--dt-color-black-500-s);
+  --dt-presence-color-offline-l: var(--dt-color-black-500-l);
+  --dt-presence-color-offline-a: var(--dt-color-black-500-a);
+  --dt-presence-color-offline-hsl: var(--dt-color-black-500-hsl);
+  --dt-presence-color-offline-hsla: var(--dt-color-black-500-hsla);
+  --dt-presence-color-offline: var(--dt-color-black-500);
+  --dt-presence-color-busy-h: var(--dt-color-gold-400-h);
+  --dt-presence-color-busy-s: var(--dt-color-gold-400-s);
+  --dt-presence-color-busy-l: var(--dt-color-gold-400-l);
+  --dt-presence-color-busy-a: var(--dt-color-gold-400-a);
+  --dt-presence-color-busy-hsl: var(--dt-color-gold-400-hsl);
+  --dt-presence-color-busy-hsla: var(--dt-color-gold-400-hsla);
+  --dt-presence-color-busy: var(--dt-color-gold-400);
+  --dt-presence-color-unavailable-h: var(--dt-color-red-450-h);
+  --dt-presence-color-unavailable-s: var(--dt-color-red-450-s);
+  --dt-presence-color-unavailable-l: var(--dt-color-red-450-l);
+  --dt-presence-color-unavailable-a: var(--dt-color-red-450-a);
+  --dt-presence-color-unavailable-hsl: var(--dt-color-red-450-hsl);
+  --dt-presence-color-unavailable-hsla: var(--dt-color-red-450-hsla);
+  --dt-presence-color-unavailable: var(--dt-color-red-450);
+  --dt-presence-color-available-h: var(--dt-color-green-475-h);
+  --dt-presence-color-available-s: var(--dt-color-green-475-s);
+  --dt-presence-color-available-l: var(--dt-color-green-475-l);
+  --dt-presence-color-available-a: var(--dt-color-green-475-a);
+  --dt-presence-color-available-hsl: var(--dt-color-green-475-hsl);
+  --dt-presence-color-available-hsla: var(--dt-color-green-475-hsla);
+  --dt-presence-color-available: var(--dt-color-green-475);
   --dt-icon-size-border-100: var(--dt-size-border-100);
   --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
   --dt-checkbox-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
@@ -248,6 +276,97 @@
   --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
   --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
   --dt-avatar-color-foreground: var(--dt-color-neutral-black);
+  --dt-shell-logo-color-wordmark-h: var(--dt-color-purple-1000-h);
+  --dt-shell-logo-color-wordmark-s: var(--dt-color-purple-1000-s);
+  --dt-shell-logo-color-wordmark-l: var(--dt-color-purple-1000-l);
+  --dt-shell-logo-color-wordmark-a: var(--dt-color-purple-1000-a);
+  --dt-shell-logo-color-wordmark-hsl: var(--dt-color-purple-1000-hsl);
+  --dt-shell-logo-color-wordmark-hsla: var(--dt-color-purple-1000-hsla);
+  --dt-shell-logo-color-wordmark: var(--dt-color-purple-1000);
+  --dt-shell-logo-color-star-h: var(--dt-color-purple-400-h);
+  --dt-shell-logo-color-star-s: var(--dt-color-purple-400-s);
+  --dt-shell-logo-color-star-l: var(--dt-color-purple-400-l);
+  --dt-shell-logo-color-star-a: var(--dt-color-purple-400-a);
+  --dt-shell-logo-color-star-hsl: var(--dt-color-purple-400-hsl);
+  --dt-shell-logo-color-star-hsla: var(--dt-color-purple-400-hsla);
+  --dt-shell-logo-color-star: var(--dt-color-purple-400);
+  --dt-shell-mention-color-foreground-secondary-h: var(--dt-color-black-100-h);
+  --dt-shell-mention-color-foreground-secondary-s: var(--dt-color-black-100-s);
+  --dt-shell-mention-color-foreground-secondary-l: var(--dt-color-black-100-l);
+  --dt-shell-mention-color-foreground-secondary-a: var(--dt-color-black-100-a);
+  --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
+  --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
+  --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
+  --dt-shell-mention-color-foreground-primary-h: var(--dt-color-black-50-h);
+  --dt-shell-mention-color-foreground-primary-s: var(--dt-color-black-50-s);
+  --dt-shell-mention-color-foreground-primary-l: var(--dt-color-black-50-l);
+  --dt-shell-mention-color-foreground-primary-a: var(--dt-color-black-50-a);
+  --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
+  --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
+  --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
+  --dt-shell-base-action-color-background-muted-h: var(--dt-color-black-800-h);
+  --dt-shell-base-action-color-background-muted-s: var(--dt-color-black-800-s);
+  --dt-shell-base-action-color-background-muted-l: var(--dt-color-black-800-l);
+  --dt-shell-base-action-color-background-muted-a: var(--dt-color-black-800-a);
+  --dt-shell-base-action-color-background-muted-hsl: var(--dt-color-black-800-hsl);
+  --dt-shell-base-action-color-background-muted-hsla: var(--dt-color-black-800-hsla);
+  --dt-shell-base-action-color-background-muted: var(--dt-color-black-800);
+  --dt-shell-base-action-color-background-secondary-h: var(--dt-color-black-800-h);
+  --dt-shell-base-action-color-background-secondary-s: var(--dt-color-black-800-s);
+  --dt-shell-base-action-color-background-secondary-l: var(--dt-color-black-800-l);
+  --dt-shell-base-action-color-background-secondary-a: var(--dt-color-black-800-a);
+  --dt-shell-base-action-color-background-secondary-hsl: var(--dt-color-black-800-hsl);
+  --dt-shell-base-action-color-background-secondary-hsla: var(--dt-color-black-800-hsla);
+  --dt-shell-base-action-color-background-secondary: var(--dt-color-black-800);
+  --dt-shell-base-action-color-background-primary-h: var(--dt-color-black-800-h);
+  --dt-shell-base-action-color-background-primary-s: var(--dt-color-black-800-s);
+  --dt-shell-base-action-color-background-primary-l: var(--dt-color-black-800-l);
+  --dt-shell-base-action-color-background-primary-a: var(--dt-color-black-800-a);
+  --dt-shell-base-action-color-background-primary-hsl: var(--dt-color-black-800-hsl);
+  --dt-shell-base-action-color-background-primary-hsla: var(--dt-color-black-800-hsla);
+  --dt-shell-base-action-color-background-primary: var(--dt-color-black-800);
+  --dt-shell-base-color-status-away-h: var(--dt-color-black-500-h);
+  --dt-shell-base-color-status-away-s: var(--dt-color-black-500-s);
+  --dt-shell-base-color-status-away-l: var(--dt-color-black-500-l);
+  --dt-shell-base-color-status-away-a: var(--dt-color-black-500-a);
+  --dt-shell-base-color-status-away-hsl: var(--dt-color-black-500-hsl);
+  --dt-shell-base-color-status-away-hsla: var(--dt-color-black-500-hsla);
+  --dt-shell-base-color-status-away: var(--dt-color-black-500);
+  --dt-shell-base-color-status-warning-h: var(--dt-color-gold-500-h);
+  --dt-shell-base-color-status-warning-s: var(--dt-color-gold-500-s);
+  --dt-shell-base-color-status-warning-l: var(--dt-color-gold-500-l);
+  --dt-shell-base-color-status-warning-a: var(--dt-color-gold-500-a);
+  --dt-shell-base-color-status-warning-hsl: var(--dt-color-gold-500-hsl);
+  --dt-shell-base-color-status-warning-hsla: var(--dt-color-gold-500-hsla);
+  --dt-shell-base-color-status-warning: var(--dt-color-gold-500);
+  --dt-shell-base-color-status-critical-h: var(--dt-color-red-500-h);
+  --dt-shell-base-color-status-critical-s: var(--dt-color-red-500-s);
+  --dt-shell-base-color-status-critical-l: var(--dt-color-red-500-l);
+  --dt-shell-base-color-status-critical-a: var(--dt-color-red-500-a);
+  --dt-shell-base-color-status-critical-hsl: var(--dt-color-red-500-hsl);
+  --dt-shell-base-color-status-critical-hsla: var(--dt-color-red-500-hsla);
+  --dt-shell-base-color-status-critical: var(--dt-color-red-500);
+  --dt-shell-base-color-status-positive-h: var(--dt-color-green-425-h);
+  --dt-shell-base-color-status-positive-s: var(--dt-color-green-425-s);
+  --dt-shell-base-color-status-positive-l: var(--dt-color-green-425-l);
+  --dt-shell-base-color-status-positive-a: var(--dt-color-green-425-a);
+  --dt-shell-base-color-status-positive-hsl: var(--dt-color-green-425-hsl);
+  --dt-shell-base-color-status-positive-hsla: var(--dt-color-green-425-hsla);
+  --dt-shell-base-color-status-positive: var(--dt-color-green-425);
+  --dt-shell-base-color-border-h: var(--dt-color-black-900-h);
+  --dt-shell-base-color-border-s: var(--dt-color-black-900-s);
+  --dt-shell-base-color-border-l: var(--dt-color-black-900-l);
+  --dt-shell-base-color-border-a: var(--dt-color-black-900-a);
+  --dt-shell-base-color-border-hsl: var(--dt-color-black-900-hsl);
+  --dt-shell-base-color-border-hsla: var(--dt-color-black-900-hsla);
+  --dt-shell-base-color-border: var(--dt-color-black-900);
+  --dt-shell-base-color-foreground-h: var(--dt-color-black-900-h);
+  --dt-shell-base-color-foreground-s: var(--dt-color-black-900-s);
+  --dt-shell-base-color-foreground-l: var(--dt-color-black-900-l);
+  --dt-shell-base-color-foreground-a: var(--dt-color-black-900-a);
+  --dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
+  --dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
+  --dt-shell-base-color-foreground: var(--dt-color-black-900);
   --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-550-h);
   --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-550-s);
   --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-550-l);
@@ -262,27 +381,27 @@
   --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
   --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
   --dt-theme-mention-color-foreground: var(--dt-color-black-50);
-  --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
-  --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
-  --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
-  --dt-theme-presence-color-background-offline-a: var(--dt-color-neutral-white-a);
-  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
-  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
-  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
-  --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-400-h);
-  --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-400-s);
-  --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-400-l);
-  --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-400-a);
-  --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
-  --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
-  --dt-theme-presence-color-background-busy: var(--dt-color-gold-400);
-  --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
-  --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
-  --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
-  --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
-  --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
-  --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
-  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
+  --dt-theme-presence-color-background-offline-h: var(--dt-color-black-500-h);
+  --dt-theme-presence-color-background-offline-s: var(--dt-color-black-500-s);
+  --dt-theme-presence-color-background-offline-l: var(--dt-color-black-500-l);
+  --dt-theme-presence-color-background-offline-a: var(--dt-color-black-500-a);
+  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-black-500-hsl);
+  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-black-500-hsla);
+  --dt-theme-presence-color-background-offline: var(--dt-color-black-500);
+  --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-500-h);
+  --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-500-s);
+  --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-500-l);
+  --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-500-a);
+  --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-500-hsl);
+  --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-500-hsla);
+  --dt-theme-presence-color-background-busy: var(--dt-color-gold-500);
+  --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-500-h);
+  --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-500-s);
+  --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-500-l);
+  --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-500-a);
+  --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-500-hsl);
+  --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-500-hsla);
+  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-500);
   --dt-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
   --dt-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
   --dt-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
@@ -588,6 +707,573 @@
   --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
   --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
   --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
+  --dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
+  --dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
+  --dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
+  --dt-color-chart-sequential-10-selected-a: var(--dt-color-indigo-1000-a);
+  --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
+  --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
+  --dt-color-chart-sequential-10-selected: var(--dt-color-indigo-1000); /* Selected state for tenth sequential chart color. */
+  --dt-color-chart-sequential-10-hover-h: var(--dt-color-indigo-1000-h);
+  --dt-color-chart-sequential-10-hover-s: var(--dt-color-indigo-1000-s);
+  --dt-color-chart-sequential-10-hover-l: var(--dt-color-indigo-1000-l);
+  --dt-color-chart-sequential-10-hover-a: var(--dt-color-indigo-1000-a);
+  --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
+  --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
+  --dt-color-chart-sequential-10-hover: var(--dt-color-indigo-1000); /* Hover state for tenth sequential chart color. */
+  --dt-color-chart-sequential-09-selected-h: var(--dt-color-indigo-1000-h);
+  --dt-color-chart-sequential-09-selected-s: var(--dt-color-indigo-1000-s);
+  --dt-color-chart-sequential-09-selected-l: var(--dt-color-indigo-1000-l);
+  --dt-color-chart-sequential-09-selected-a: var(--dt-color-indigo-1000-a);
+  --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
+  --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
+  --dt-color-chart-sequential-09-selected: var(--dt-color-indigo-1000); /* Selected state for ninth sequential chart color. */
+  --dt-color-chart-sequential-09-hover-h: var(--dt-color-indigo-950-h);
+  --dt-color-chart-sequential-09-hover-s: var(--dt-color-indigo-950-s);
+  --dt-color-chart-sequential-09-hover-l: var(--dt-color-indigo-950-l);
+  --dt-color-chart-sequential-09-hover-a: var(--dt-color-indigo-950-a);
+  --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
+  --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
+  --dt-color-chart-sequential-09-hover: var(--dt-color-indigo-950); /* Hover state for ninth sequential chart color. */
+  --dt-color-chart-sequential-09-h: var(--dt-color-indigo-900-h);
+  --dt-color-chart-sequential-09-s: var(--dt-color-indigo-900-s);
+  --dt-color-chart-sequential-09-l: var(--dt-color-indigo-900-l);
+  --dt-color-chart-sequential-09-a: var(--dt-color-indigo-900-a);
+  --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
+  --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
+  --dt-color-chart-sequential-09: var(--dt-color-indigo-900); /* Ninth color in sequential chart series, extremely dark shade. */
+  --dt-color-chart-sequential-08-selected-h: var(--dt-color-indigo-950-h);
+  --dt-color-chart-sequential-08-selected-s: var(--dt-color-indigo-950-s);
+  --dt-color-chart-sequential-08-selected-l: var(--dt-color-indigo-950-l);
+  --dt-color-chart-sequential-08-selected-a: var(--dt-color-indigo-950-a);
+  --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
+  --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
+  --dt-color-chart-sequential-08-selected: var(--dt-color-indigo-950); /* Selected state for eighth sequential chart color. */
+  --dt-color-chart-sequential-08-hover-h: var(--dt-color-indigo-900-h);
+  --dt-color-chart-sequential-08-hover-s: var(--dt-color-indigo-900-s);
+  --dt-color-chart-sequential-08-hover-l: var(--dt-color-indigo-900-l);
+  --dt-color-chart-sequential-08-hover-a: var(--dt-color-indigo-900-a);
+  --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
+  --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
+  --dt-color-chart-sequential-08-hover: var(--dt-color-indigo-900); /* Hover state for eighth sequential chart color. */
+  --dt-color-chart-sequential-08-h: var(--dt-color-indigo-800-h);
+  --dt-color-chart-sequential-08-s: var(--dt-color-indigo-800-s);
+  --dt-color-chart-sequential-08-l: var(--dt-color-indigo-800-l);
+  --dt-color-chart-sequential-08-a: var(--dt-color-indigo-800-a);
+  --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
+  --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
+  --dt-color-chart-sequential-08: var(--dt-color-indigo-800); /* Eighth color in sequential chart series, very dark shade. */
+  --dt-color-chart-sequential-07-selected-h: var(--dt-color-indigo-1000-h);
+  --dt-color-chart-sequential-07-selected-s: var(--dt-color-indigo-1000-s);
+  --dt-color-chart-sequential-07-selected-l: var(--dt-color-indigo-1000-l);
+  --dt-color-chart-sequential-07-selected-a: var(--dt-color-indigo-1000-a);
+  --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
+  --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
+  --dt-color-chart-sequential-07-selected: var(--dt-color-indigo-1000); /* Selected state for seventh sequential chart color. */
+  --dt-color-chart-sequential-07-hover-h: var(--dt-color-indigo-800-h);
+  --dt-color-chart-sequential-07-hover-s: var(--dt-color-indigo-800-s);
+  --dt-color-chart-sequential-07-hover-l: var(--dt-color-indigo-800-l);
+  --dt-color-chart-sequential-07-hover-a: var(--dt-color-indigo-800-a);
+  --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
+  --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
+  --dt-color-chart-sequential-07-hover: var(--dt-color-indigo-800); /* Hover state for seventh sequential chart color. */
+  --dt-color-chart-sequential-07-h: var(--dt-color-indigo-700-h);
+  --dt-color-chart-sequential-07-s: var(--dt-color-indigo-700-s);
+  --dt-color-chart-sequential-07-l: var(--dt-color-indigo-700-l);
+  --dt-color-chart-sequential-07-a: var(--dt-color-indigo-700-a);
+  --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
+  --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
+  --dt-color-chart-sequential-07: var(--dt-color-indigo-700); /* Seventh color in sequential chart series, dark shade. */
+  --dt-color-chart-sequential-06-selected-h: var(--dt-color-indigo-950-h);
+  --dt-color-chart-sequential-06-selected-s: var(--dt-color-indigo-950-s);
+  --dt-color-chart-sequential-06-selected-l: var(--dt-color-indigo-950-l);
+  --dt-color-chart-sequential-06-selected-a: var(--dt-color-indigo-950-a);
+  --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
+  --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
+  --dt-color-chart-sequential-06-selected: var(--dt-color-indigo-950); /* Selected state for sixth sequential chart color. */
+  --dt-color-chart-sequential-06-hover-h: var(--dt-color-indigo-700-h);
+  --dt-color-chart-sequential-06-hover-s: var(--dt-color-indigo-700-s);
+  --dt-color-chart-sequential-06-hover-l: var(--dt-color-indigo-700-l);
+  --dt-color-chart-sequential-06-hover-a: var(--dt-color-indigo-700-a);
+  --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
+  --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
+  --dt-color-chart-sequential-06-hover: var(--dt-color-indigo-700); /* Hover state for sixth sequential chart color. */
+  --dt-color-chart-sequential-06-h: var(--dt-color-indigo-600-h);
+  --dt-color-chart-sequential-06-s: var(--dt-color-indigo-600-s);
+  --dt-color-chart-sequential-06-l: var(--dt-color-indigo-600-l);
+  --dt-color-chart-sequential-06-a: var(--dt-color-indigo-600-a);
+  --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
+  --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
+  --dt-color-chart-sequential-06: var(--dt-color-indigo-600); /* Sixth color in sequential chart series, medium-dark shade. */
+  --dt-color-chart-sequential-05-selected-h: var(--dt-color-indigo-800-h);
+  --dt-color-chart-sequential-05-selected-s: var(--dt-color-indigo-800-s);
+  --dt-color-chart-sequential-05-selected-l: var(--dt-color-indigo-800-l);
+  --dt-color-chart-sequential-05-selected-a: var(--dt-color-indigo-800-a);
+  --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
+  --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
+  --dt-color-chart-sequential-05-selected: var(--dt-color-indigo-800); /* Selected state for fifth sequential chart color. */
+  --dt-color-chart-sequential-05-hover-h: var(--dt-color-indigo-600-h);
+  --dt-color-chart-sequential-05-hover-s: var(--dt-color-indigo-600-s);
+  --dt-color-chart-sequential-05-hover-l: var(--dt-color-indigo-600-l);
+  --dt-color-chart-sequential-05-hover-a: var(--dt-color-indigo-600-a);
+  --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
+  --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
+  --dt-color-chart-sequential-05-hover: var(--dt-color-indigo-600); /* Hover state for fifth sequential chart color. */
+  --dt-color-chart-sequential-05-h: var(--dt-color-indigo-500-h);
+  --dt-color-chart-sequential-05-s: var(--dt-color-indigo-500-s);
+  --dt-color-chart-sequential-05-l: var(--dt-color-indigo-500-l);
+  --dt-color-chart-sequential-05-a: var(--dt-color-indigo-500-a);
+  --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
+  --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
+  --dt-color-chart-sequential-05: var(--dt-color-indigo-500); /* Fifth color in sequential chart series, medium shade. */
+  --dt-color-chart-sequential-04-selected-h: var(--dt-color-indigo-700-h);
+  --dt-color-chart-sequential-04-selected-s: var(--dt-color-indigo-700-s);
+  --dt-color-chart-sequential-04-selected-l: var(--dt-color-indigo-700-l);
+  --dt-color-chart-sequential-04-selected-a: var(--dt-color-indigo-700-a);
+  --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
+  --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
+  --dt-color-chart-sequential-04-selected: var(--dt-color-indigo-700); /* Selected state for fourth sequential chart color. */
+  --dt-color-chart-sequential-04-hover-h: var(--dt-color-indigo-500-h);
+  --dt-color-chart-sequential-04-hover-s: var(--dt-color-indigo-500-s);
+  --dt-color-chart-sequential-04-hover-l: var(--dt-color-indigo-500-l);
+  --dt-color-chart-sequential-04-hover-a: var(--dt-color-indigo-500-a);
+  --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
+  --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
+  --dt-color-chart-sequential-04-hover: var(--dt-color-indigo-500); /* Hover state for fourth sequential chart color. */
+  --dt-color-chart-sequential-04-h: var(--dt-color-indigo-400-h);
+  --dt-color-chart-sequential-04-s: var(--dt-color-indigo-400-s);
+  --dt-color-chart-sequential-04-l: var(--dt-color-indigo-400-l);
+  --dt-color-chart-sequential-04-a: var(--dt-color-indigo-400-a);
+  --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
+  --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
+  --dt-color-chart-sequential-04: var(--dt-color-indigo-400); /* Fourth color in sequential chart series, light-medium shade. */
+  --dt-color-chart-sequential-03-selected-h: var(--dt-color-indigo-600-h);
+  --dt-color-chart-sequential-03-selected-s: var(--dt-color-indigo-600-s);
+  --dt-color-chart-sequential-03-selected-l: var(--dt-color-indigo-600-l);
+  --dt-color-chart-sequential-03-selected-a: var(--dt-color-indigo-600-a);
+  --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
+  --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
+  --dt-color-chart-sequential-03-selected: var(--dt-color-indigo-600); /* Selected state for third sequential chart color. */
+  --dt-color-chart-sequential-03-hover-h: var(--dt-color-indigo-400-h);
+  --dt-color-chart-sequential-03-hover-s: var(--dt-color-indigo-400-s);
+  --dt-color-chart-sequential-03-hover-l: var(--dt-color-indigo-400-l);
+  --dt-color-chart-sequential-03-hover-a: var(--dt-color-indigo-400-a);
+  --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
+  --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
+  --dt-color-chart-sequential-03-hover: var(--dt-color-indigo-400); /* Hover state for third sequential chart color. */
+  --dt-color-chart-sequential-03-h: var(--dt-color-indigo-300-h);
+  --dt-color-chart-sequential-03-s: var(--dt-color-indigo-300-s);
+  --dt-color-chart-sequential-03-l: var(--dt-color-indigo-300-l);
+  --dt-color-chart-sequential-03-a: var(--dt-color-indigo-300-a);
+  --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
+  --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
+  --dt-color-chart-sequential-03: var(--dt-color-indigo-300); /* Third color in sequential chart series, light shade. */
+  --dt-color-chart-sequential-02-selected-h: var(--dt-color-indigo-500-h);
+  --dt-color-chart-sequential-02-selected-s: var(--dt-color-indigo-500-s);
+  --dt-color-chart-sequential-02-selected-l: var(--dt-color-indigo-500-l);
+  --dt-color-chart-sequential-02-selected-a: var(--dt-color-indigo-500-a);
+  --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
+  --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
+  --dt-color-chart-sequential-02-selected: var(--dt-color-indigo-500); /* Selected state for second sequential chart color. */
+  --dt-color-chart-sequential-02-hover-h: var(--dt-color-indigo-300-h);
+  --dt-color-chart-sequential-02-hover-s: var(--dt-color-indigo-300-s);
+  --dt-color-chart-sequential-02-hover-l: var(--dt-color-indigo-300-l);
+  --dt-color-chart-sequential-02-hover-a: var(--dt-color-indigo-300-a);
+  --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
+  --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
+  --dt-color-chart-sequential-02-hover: var(--dt-color-indigo-300); /* Hover state for second sequential chart color. */
+  --dt-color-chart-sequential-02-h: var(--dt-color-indigo-200-h);
+  --dt-color-chart-sequential-02-s: var(--dt-color-indigo-200-s);
+  --dt-color-chart-sequential-02-l: var(--dt-color-indigo-200-l);
+  --dt-color-chart-sequential-02-a: var(--dt-color-indigo-200-a);
+  --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
+  --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
+  --dt-color-chart-sequential-02: var(--dt-color-indigo-200); /* Second color in sequential chart series, very light shade. */
+  --dt-color-chart-sequential-01-selected-h: var(--dt-color-indigo-400-h);
+  --dt-color-chart-sequential-01-selected-s: var(--dt-color-indigo-400-s);
+  --dt-color-chart-sequential-01-selected-l: var(--dt-color-indigo-400-l);
+  --dt-color-chart-sequential-01-selected-a: var(--dt-color-indigo-400-a);
+  --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
+  --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
+  --dt-color-chart-sequential-01-selected: var(--dt-color-indigo-400); /* Selected state for first sequential chart color. */
+  --dt-color-chart-sequential-01-hover-h: var(--dt-color-indigo-200-h);
+  --dt-color-chart-sequential-01-hover-s: var(--dt-color-indigo-200-s);
+  --dt-color-chart-sequential-01-hover-l: var(--dt-color-indigo-200-l);
+  --dt-color-chart-sequential-01-hover-a: var(--dt-color-indigo-200-a);
+  --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
+  --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
+  --dt-color-chart-sequential-01-hover: var(--dt-color-indigo-200); /* Hover state for first sequential chart color. */
+  --dt-color-chart-sequential-01-h: var(--dt-color-indigo-100-h);
+  --dt-color-chart-sequential-01-s: var(--dt-color-indigo-100-s);
+  --dt-color-chart-sequential-01-l: var(--dt-color-indigo-100-l);
+  --dt-color-chart-sequential-01-a: var(--dt-color-indigo-100-a);
+  --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
+  --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
+  --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series, lightest shade. */
+  --dt-color-chart-sequential-10-h: var(--dt-color-indigo-950-h);
+  --dt-color-chart-sequential-10-s: var(--dt-color-indigo-950-s);
+  --dt-color-chart-sequential-10-l: var(--dt-color-indigo-950-l);
+  --dt-color-chart-sequential-10-a: var(--dt-color-indigo-950-a);
+  --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
+  --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
+  --dt-color-chart-sequential-10: var(--dt-color-indigo-950); /* Tenth color in sequential chart series, darkest shade. */
+  --dt-color-chart-brand-selected-h: var(--dt-color-purple-550-h);
+  --dt-color-chart-brand-selected-s: var(--dt-color-purple-550-s);
+  --dt-color-chart-brand-selected-l: var(--dt-color-purple-550-l);
+  --dt-color-chart-brand-selected-a: var(--dt-color-purple-550-a);
+  --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
+  --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
+  --dt-color-chart-brand-selected: var(--dt-color-purple-550); /* Selected state for brand chart elements. */
+  --dt-color-chart-brand-hover-h: var(--dt-color-purple-450-h);
+  --dt-color-chart-brand-hover-s: var(--dt-color-purple-450-s);
+  --dt-color-chart-brand-hover-l: var(--dt-color-purple-450-l);
+  --dt-color-chart-brand-hover-a: var(--dt-color-purple-450-a);
+  --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
+  --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
+  --dt-color-chart-brand-hover: var(--dt-color-purple-450); /* Hover state for brand chart elements. */
+  --dt-color-chart-brand-h: var(--dt-color-purple-400-h);
+  --dt-color-chart-brand-s: var(--dt-color-purple-400-s);
+  --dt-color-chart-brand-l: var(--dt-color-purple-400-l);
+  --dt-color-chart-brand-a: var(--dt-color-purple-400-a);
+  --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
+  --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
+  --dt-color-chart-brand: var(--dt-color-purple-400); /* Used for brand-related data or to highlight company-specific information in charts. */
+  --dt-color-chart-info-selected-h: var(--dt-color-blue-600-h);
+  --dt-color-chart-info-selected-s: var(--dt-color-blue-600-s);
+  --dt-color-chart-info-selected-l: var(--dt-color-blue-600-l);
+  --dt-color-chart-info-selected-a: var(--dt-color-blue-600-a);
+  --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
+  --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
+  --dt-color-chart-info-selected: var(--dt-color-blue-600); /* Selected state for info chart elements. */
+  --dt-color-chart-info-hover-h: var(--dt-color-blue-475-h);
+  --dt-color-chart-info-hover-s: var(--dt-color-blue-475-s);
+  --dt-color-chart-info-hover-l: var(--dt-color-blue-475-l);
+  --dt-color-chart-info-hover-a: var(--dt-color-blue-475-a);
+  --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
+  --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
+  --dt-color-chart-info-hover: var(--dt-color-blue-475); /* Hover state for info chart elements. */
+  --dt-color-chart-info-h: var(--dt-color-blue-425-h);
+  --dt-color-chart-info-s: var(--dt-color-blue-425-s);
+  --dt-color-chart-info-l: var(--dt-color-blue-425-l);
+  --dt-color-chart-info-a: var(--dt-color-blue-425-a);
+  --dt-color-chart-info-hsl: var(--dt-color-blue-425-hsl);
+  --dt-color-chart-info-hsla: var(--dt-color-blue-425-hsla);
+  --dt-color-chart-info: var(--dt-color-blue-425); /* Used for informational or neutral data points in charts. */
+  --dt-color-chart-warning-selected-h: var(--dt-color-gold-600-h);
+  --dt-color-chart-warning-selected-s: var(--dt-color-gold-600-s);
+  --dt-color-chart-warning-selected-l: var(--dt-color-gold-600-l);
+  --dt-color-chart-warning-selected-a: var(--dt-color-gold-600-a);
+  --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
+  --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
+  --dt-color-chart-warning-selected: var(--dt-color-gold-600); /* Selected state for warning chart elements. */
+  --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
+  --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
+  --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
+  --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
+  --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
+  --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
+  --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
+  --dt-color-chart-warning-h: var(--dt-color-gold-400-h);
+  --dt-color-chart-warning-s: var(--dt-color-gold-400-s);
+  --dt-color-chart-warning-l: var(--dt-color-gold-400-l);
+  --dt-color-chart-warning-a: var(--dt-color-gold-400-a);
+  --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
+  --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
+  --dt-color-chart-warning: var(--dt-color-gold-400); /* Used for cautionary or warning indicators in charts. */
+  --dt-color-chart-critical-selected-h: var(--dt-color-red-600-h);
+  --dt-color-chart-critical-selected-s: var(--dt-color-red-600-s);
+  --dt-color-chart-critical-selected-l: var(--dt-color-red-600-l);
+  --dt-color-chart-critical-selected-a: var(--dt-color-red-600-a);
+  --dt-color-chart-critical-selected-hsl: var(--dt-color-red-600-hsl);
+  --dt-color-chart-critical-selected-hsla: var(--dt-color-red-600-hsla);
+  --dt-color-chart-critical-selected: var(--dt-color-red-600); /* Selected state for critical chart elements, aka danger. */
+  --dt-color-chart-critical-hover-h: var(--dt-color-red-450-h);
+  --dt-color-chart-critical-hover-s: var(--dt-color-red-450-s);
+  --dt-color-chart-critical-hover-l: var(--dt-color-red-450-l);
+  --dt-color-chart-critical-hover-a: var(--dt-color-red-450-a);
+  --dt-color-chart-critical-hover-hsl: var(--dt-color-red-450-hsl);
+  --dt-color-chart-critical-hover-hsla: var(--dt-color-red-450-hsla);
+  --dt-color-chart-critical-hover: var(--dt-color-red-450); /* Hover state for critical chart elements, aka danger. */
+  --dt-color-chart-critical-h: var(--dt-color-red-400-h);
+  --dt-color-chart-critical-s: var(--dt-color-red-400-s);
+  --dt-color-chart-critical-l: var(--dt-color-red-400-l);
+  --dt-color-chart-critical-a: var(--dt-color-red-400-a);
+  --dt-color-chart-critical-hsl: var(--dt-color-red-400-hsl);
+  --dt-color-chart-critical-hsla: var(--dt-color-red-400-hsla);
+  --dt-color-chart-critical: var(--dt-color-red-400); /* Used for negative values, errors, or critical indicators in charts, aka danger. */
+  --dt-color-chart-positive-selected-h: var(--dt-color-green-600-h);
+  --dt-color-chart-positive-selected-s: var(--dt-color-green-600-s);
+  --dt-color-chart-positive-selected-l: var(--dt-color-green-600-l);
+  --dt-color-chart-positive-selected-a: var(--dt-color-green-600-a);
+  --dt-color-chart-positive-selected-hsl: var(--dt-color-green-600-hsl);
+  --dt-color-chart-positive-selected-hsla: var(--dt-color-green-600-hsla);
+  --dt-color-chart-positive-selected: var(--dt-color-green-600); /* Selected state for positive chart elements, aka success. */
+  --dt-color-chart-positive-hover-h: var(--dt-color-green-475-h);
+  --dt-color-chart-positive-hover-s: var(--dt-color-green-475-s);
+  --dt-color-chart-positive-hover-l: var(--dt-color-green-475-l);
+  --dt-color-chart-positive-hover-a: var(--dt-color-green-475-a);
+  --dt-color-chart-positive-hover-hsl: var(--dt-color-green-475-hsl);
+  --dt-color-chart-positive-hover-hsla: var(--dt-color-green-475-hsla);
+  --dt-color-chart-positive-hover: var(--dt-color-green-475); /* Hover state for positive chart elements, aka success. */
+  --dt-color-chart-positive-h: var(--dt-color-green-425-h);
+  --dt-color-chart-positive-s: var(--dt-color-green-425-s);
+  --dt-color-chart-positive-l: var(--dt-color-green-425-l);
+  --dt-color-chart-positive-a: var(--dt-color-green-425-a);
+  --dt-color-chart-positive-hsl: var(--dt-color-green-425-hsl);
+  --dt-color-chart-positive-hsla: var(--dt-color-green-425-hsla);
+  --dt-color-chart-positive: var(--dt-color-green-425); /* Used for positive values, growth, or success indicators in charts, aka success. */
+  --dt-color-chart-accent-selected-h: var(--dt-color-indigo-800-h);
+  --dt-color-chart-accent-selected-s: var(--dt-color-indigo-800-s);
+  --dt-color-chart-accent-selected-l: var(--dt-color-indigo-800-l);
+  --dt-color-chart-accent-selected-a: var(--dt-color-indigo-800-a);
+  --dt-color-chart-accent-selected-hsl: var(--dt-color-indigo-800-hsl);
+  --dt-color-chart-accent-selected-hsla: var(--dt-color-indigo-800-hsla);
+  --dt-color-chart-accent-selected: var(--dt-color-indigo-800); /* Selected state for accent chart elements. */
+  --dt-color-chart-accent-hover-h: var(--dt-color-indigo-600-h);
+  --dt-color-chart-accent-hover-s: var(--dt-color-indigo-600-s);
+  --dt-color-chart-accent-hover-l: var(--dt-color-indigo-600-l);
+  --dt-color-chart-accent-hover-a: var(--dt-color-indigo-600-a);
+  --dt-color-chart-accent-hover-hsl: var(--dt-color-indigo-600-hsl);
+  --dt-color-chart-accent-hover-hsla: var(--dt-color-indigo-600-hsla);
+  --dt-color-chart-accent-hover: var(--dt-color-indigo-600); /* Hover state for accent chart elements. */
+  --dt-color-chart-accent-h: var(--dt-color-indigo-500-h);
+  --dt-color-chart-accent-s: var(--dt-color-indigo-500-s);
+  --dt-color-chart-accent-l: var(--dt-color-indigo-500-l);
+  --dt-color-chart-accent-a: var(--dt-color-indigo-500-a);
+  --dt-color-chart-accent-hsl: var(--dt-color-indigo-500-hsl);
+  --dt-color-chart-accent-hsla: var(--dt-color-indigo-500-hsla);
+  --dt-color-chart-accent: var(--dt-color-indigo-500); /* Main accent color for highlighting important chart elements or primary data series. */
+  --dt-color-chart-neutral-selected-h: var(--dt-color-tan-600-h);
+  --dt-color-chart-neutral-selected-s: var(--dt-color-tan-600-s);
+  --dt-color-chart-neutral-selected-l: var(--dt-color-tan-600-l);
+  --dt-color-chart-neutral-selected-a: var(--dt-color-tan-600-a);
+  --dt-color-chart-neutral-selected-hsl: var(--dt-color-tan-600-hsl);
+  --dt-color-chart-neutral-selected-hsla: var(--dt-color-tan-600-hsla);
+  --dt-color-chart-neutral-selected: var(--dt-color-tan-600); /* Selected state for neutral chart elements. */
+  --dt-color-chart-neutral-hover-h: var(--dt-color-tan-400-h);
+  --dt-color-chart-neutral-hover-s: var(--dt-color-tan-400-s);
+  --dt-color-chart-neutral-hover-l: var(--dt-color-tan-400-l);
+  --dt-color-chart-neutral-hover-a: var(--dt-color-tan-400-a);
+  --dt-color-chart-neutral-hover-hsl: var(--dt-color-tan-400-hsl);
+  --dt-color-chart-neutral-hover-hsla: var(--dt-color-tan-400-hsla);
+  --dt-color-chart-neutral-hover: var(--dt-color-tan-400); /* Hover state for neutral chart elements. */
+  --dt-color-chart-neutral-h: var(--dt-color-tan-300-h);
+  --dt-color-chart-neutral-s: var(--dt-color-tan-300-s);
+  --dt-color-chart-neutral-l: var(--dt-color-tan-300-l);
+  --dt-color-chart-neutral-a: var(--dt-color-tan-300-a);
+  --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
+  --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
+  --dt-color-chart-neutral: var(--dt-color-tan-300); /* Used for neutral or background elements in charts where no specific meaning is implied. */
+  --dt-color-chart-categorical-09-selected-h: var(--dt-color-red-600-h);
+  --dt-color-chart-categorical-09-selected-s: var(--dt-color-red-600-s);
+  --dt-color-chart-categorical-09-selected-l: var(--dt-color-red-600-l);
+  --dt-color-chart-categorical-09-selected-a: var(--dt-color-red-600-a);
+  --dt-color-chart-categorical-09-selected-hsl: var(--dt-color-red-600-hsl);
+  --dt-color-chart-categorical-09-selected-hsla: var(--dt-color-red-600-hsla);
+  --dt-color-chart-categorical-09-selected: var(--dt-color-red-600);
+  --dt-color-chart-categorical-09-hover-h: var(--dt-color-red-400-h);
+  --dt-color-chart-categorical-09-hover-s: var(--dt-color-red-400-s);
+  --dt-color-chart-categorical-09-hover-l: var(--dt-color-red-400-l);
+  --dt-color-chart-categorical-09-hover-a: var(--dt-color-red-400-a);
+  --dt-color-chart-categorical-09-hover-hsl: var(--dt-color-red-400-hsl);
+  --dt-color-chart-categorical-09-hover-hsla: var(--dt-color-red-400-hsla);
+  --dt-color-chart-categorical-09-hover: var(--dt-color-red-400);
+  --dt-color-chart-categorical-09-h: var(--dt-color-red-350-h);
+  --dt-color-chart-categorical-09-s: var(--dt-color-red-350-s);
+  --dt-color-chart-categorical-09-l: var(--dt-color-red-350-l);
+  --dt-color-chart-categorical-09-a: var(--dt-color-red-350-a);
+  --dt-color-chart-categorical-09-hsl: var(--dt-color-red-350-hsl);
+  --dt-color-chart-categorical-09-hsla: var(--dt-color-red-350-hsla);
+  --dt-color-chart-categorical-09: var(--dt-color-red-350);
+  --dt-color-chart-categorical-08-selected-h: var(--dt-color-olive-800-h);
+  --dt-color-chart-categorical-08-selected-s: var(--dt-color-olive-800-s);
+  --dt-color-chart-categorical-08-selected-l: var(--dt-color-olive-800-l);
+  --dt-color-chart-categorical-08-selected-a: var(--dt-color-olive-800-a);
+  --dt-color-chart-categorical-08-selected-hsl: var(--dt-color-olive-800-hsl);
+  --dt-color-chart-categorical-08-selected-hsla: var(--dt-color-olive-800-hsla);
+  --dt-color-chart-categorical-08-selected: var(--dt-color-olive-800);
+  --dt-color-chart-categorical-08-hover-h: var(--dt-color-olive-600-h);
+  --dt-color-chart-categorical-08-hover-s: var(--dt-color-olive-600-s);
+  --dt-color-chart-categorical-08-hover-l: var(--dt-color-olive-600-l);
+  --dt-color-chart-categorical-08-hover-a: var(--dt-color-olive-600-a);
+  --dt-color-chart-categorical-08-hover-hsl: var(--dt-color-olive-600-hsl);
+  --dt-color-chart-categorical-08-hover-hsla: var(--dt-color-olive-600-hsla);
+  --dt-color-chart-categorical-08-hover: var(--dt-color-olive-600);
+  --dt-color-chart-categorical-08-h: var(--dt-color-olive-500-h);
+  --dt-color-chart-categorical-08-s: var(--dt-color-olive-500-s);
+  --dt-color-chart-categorical-08-l: var(--dt-color-olive-500-l);
+  --dt-color-chart-categorical-08-a: var(--dt-color-olive-500-a);
+  --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
+  --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
+  --dt-color-chart-categorical-08: var(--dt-color-olive-500);
+  --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-900-h);
+  --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-900-s);
+  --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-900-l);
+  --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-900-a);
+  --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
+  --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
+  --dt-color-chart-categorical-07-selected: var(--dt-color-coral-900);
+  --dt-color-chart-categorical-07-hover-h: var(--dt-color-coral-500-h);
+  --dt-color-chart-categorical-07-hover-s: var(--dt-color-coral-500-s);
+  --dt-color-chart-categorical-07-hover-l: var(--dt-color-coral-500-l);
+  --dt-color-chart-categorical-07-hover-a: var(--dt-color-coral-500-a);
+  --dt-color-chart-categorical-07-hover-hsl: var(--dt-color-coral-500-hsl);
+  --dt-color-chart-categorical-07-hover-hsla: var(--dt-color-coral-500-hsla);
+  --dt-color-chart-categorical-07-hover: var(--dt-color-coral-500);
+  --dt-color-chart-categorical-07-h: var(--dt-color-coral-400-h);
+  --dt-color-chart-categorical-07-s: var(--dt-color-coral-400-s);
+  --dt-color-chart-categorical-07-l: var(--dt-color-coral-400-l);
+  --dt-color-chart-categorical-07-a: var(--dt-color-coral-400-a);
+  --dt-color-chart-categorical-07-hsl: var(--dt-color-coral-400-hsl);
+  --dt-color-chart-categorical-07-hsla: var(--dt-color-coral-400-hsla);
+  --dt-color-chart-categorical-07: var(--dt-color-coral-400);
+  --dt-color-chart-categorical-06-selected-h: var(--dt-color-berry-600-h);
+  --dt-color-chart-categorical-06-selected-s: var(--dt-color-berry-600-s);
+  --dt-color-chart-categorical-06-selected-l: var(--dt-color-berry-600-l);
+  --dt-color-chart-categorical-06-selected-a: var(--dt-color-berry-600-a);
+  --dt-color-chart-categorical-06-selected-hsl: var(--dt-color-berry-600-hsl);
+  --dt-color-chart-categorical-06-selected-hsla: var(--dt-color-berry-600-hsla);
+  --dt-color-chart-categorical-06-selected: var(--dt-color-berry-600);
+  --dt-color-chart-categorical-06-hover-h: var(--dt-color-berry-400-h);
+  --dt-color-chart-categorical-06-hover-s: var(--dt-color-berry-400-s);
+  --dt-color-chart-categorical-06-hover-l: var(--dt-color-berry-400-l);
+  --dt-color-chart-categorical-06-hover-a: var(--dt-color-berry-400-a);
+  --dt-color-chart-categorical-06-hover-hsl: var(--dt-color-berry-400-hsl);
+  --dt-color-chart-categorical-06-hover-hsla: var(--dt-color-berry-400-hsla);
+  --dt-color-chart-categorical-06-hover: var(--dt-color-berry-400);
+  --dt-color-chart-categorical-06-h: var(--dt-color-berry-300-h);
+  --dt-color-chart-categorical-06-s: var(--dt-color-berry-300-s);
+  --dt-color-chart-categorical-06-l: var(--dt-color-berry-300-l);
+  --dt-color-chart-categorical-06-a: var(--dt-color-berry-300-a);
+  --dt-color-chart-categorical-06-hsl: var(--dt-color-berry-300-hsl);
+  --dt-color-chart-categorical-06-hsla: var(--dt-color-berry-300-hsla);
+  --dt-color-chart-categorical-06: var(--dt-color-berry-300);
+  --dt-color-chart-categorical-05-selected-h: var(--dt-color-green-600-h);
+  --dt-color-chart-categorical-05-selected-s: var(--dt-color-green-600-s);
+  --dt-color-chart-categorical-05-selected-l: var(--dt-color-green-600-l);
+  --dt-color-chart-categorical-05-selected-a: var(--dt-color-green-600-a);
+  --dt-color-chart-categorical-05-selected-hsl: var(--dt-color-green-600-hsl);
+  --dt-color-chart-categorical-05-selected-hsla: var(--dt-color-green-600-hsla);
+  --dt-color-chart-categorical-05-selected: var(--dt-color-green-600);
+  --dt-color-chart-categorical-05-hover-h: var(--dt-color-green-475-h);
+  --dt-color-chart-categorical-05-hover-s: var(--dt-color-green-475-s);
+  --dt-color-chart-categorical-05-hover-l: var(--dt-color-green-475-l);
+  --dt-color-chart-categorical-05-hover-a: var(--dt-color-green-475-a);
+  --dt-color-chart-categorical-05-hover-hsl: var(--dt-color-green-475-hsl);
+  --dt-color-chart-categorical-05-hover-hsla: var(--dt-color-green-475-hsla);
+  --dt-color-chart-categorical-05-hover: var(--dt-color-green-475);
+  --dt-color-chart-categorical-05-h: var(--dt-color-green-425-h);
+  --dt-color-chart-categorical-05-s: var(--dt-color-green-425-s);
+  --dt-color-chart-categorical-05-l: var(--dt-color-green-425-l);
+  --dt-color-chart-categorical-05-a: var(--dt-color-green-425-a);
+  --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
+  --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
+  --dt-color-chart-categorical-05: var(--dt-color-green-425);
+  --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-700-h);
+  --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-700-s);
+  --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-700-l);
+  --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-700-a);
+  --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
+  --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
+  --dt-color-chart-categorical-04-selected: var(--dt-color-gold-700);
+  --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-500-h);
+  --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-500-s);
+  --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-500-l);
+  --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-500-a);
+  --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
+  --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
+  --dt-color-chart-categorical-04-hover: var(--dt-color-gold-500);
+  --dt-color-chart-categorical-04-h: var(--dt-color-gold-400-h);
+  --dt-color-chart-categorical-04-s: var(--dt-color-gold-400-s);
+  --dt-color-chart-categorical-04-l: var(--dt-color-gold-400-l);
+  --dt-color-chart-categorical-04-a: var(--dt-color-gold-400-a);
+  --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
+  --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
+  --dt-color-chart-categorical-04: var(--dt-color-gold-400);
+  --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-600-h);
+  --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-600-s);
+  --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-600-l);
+  --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-600-a);
+  --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
+  --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
+  --dt-color-chart-categorical-03-selected: var(--dt-color-blue-600);
+  --dt-color-chart-categorical-03-hover-h: var(--dt-color-blue-450-h);
+  --dt-color-chart-categorical-03-hover-s: var(--dt-color-blue-450-s);
+  --dt-color-chart-categorical-03-hover-l: var(--dt-color-blue-450-l);
+  --dt-color-chart-categorical-03-hover-a: var(--dt-color-blue-450-a);
+  --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
+  --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
+  --dt-color-chart-categorical-03-hover: var(--dt-color-blue-450);
+  --dt-color-chart-categorical-03-h: var(--dt-color-blue-400-h);
+  --dt-color-chart-categorical-03-s: var(--dt-color-blue-400-s);
+  --dt-color-chart-categorical-03-l: var(--dt-color-blue-400-l);
+  --dt-color-chart-categorical-03-a: var(--dt-color-blue-400-a);
+  --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
+  --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
+  --dt-color-chart-categorical-03: var(--dt-color-blue-400);
+  --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-600-h);
+  --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-600-s);
+  --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-600-l);
+  --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-600-a);
+  --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
+  --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
+  --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-600);
+  --dt-color-chart-categorical-02-hover-h: var(--dt-color-magenta-400-h);
+  --dt-color-chart-categorical-02-hover-s: var(--dt-color-magenta-400-s);
+  --dt-color-chart-categorical-02-hover-l: var(--dt-color-magenta-400-l);
+  --dt-color-chart-categorical-02-hover-a: var(--dt-color-magenta-400-a);
+  --dt-color-chart-categorical-02-hover-hsl: var(--dt-color-magenta-400-hsl);
+  --dt-color-chart-categorical-02-hover-hsla: var(--dt-color-magenta-400-hsla);
+  --dt-color-chart-categorical-02-hover: var(--dt-color-magenta-400);
+  --dt-color-chart-categorical-02-h: var(--dt-color-magenta-300-h);
+  --dt-color-chart-categorical-02-s: var(--dt-color-magenta-300-s);
+  --dt-color-chart-categorical-02-l: var(--dt-color-magenta-300-l);
+  --dt-color-chart-categorical-02-a: var(--dt-color-magenta-300-a);
+  --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
+  --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
+  --dt-color-chart-categorical-02: var(--dt-color-magenta-300);
+  --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-600-h);
+  --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-600-s);
+  --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-600-l);
+  --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-600-a);
+  --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
+  --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
+  --dt-color-chart-categorical-01-selected: var(--dt-color-purple-600);
+  --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-500-h);
+  --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-500-s);
+  --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-500-l);
+  --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-500-a);
+  --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
+  --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
+  --dt-color-chart-categorical-01-hover: var(--dt-color-purple-500);
+  --dt-color-chart-categorical-01-h: var(--dt-color-purple-450-h);
+  --dt-color-chart-categorical-01-s: var(--dt-color-purple-450-s);
+  --dt-color-chart-categorical-01-l: var(--dt-color-purple-450-l);
+  --dt-color-chart-categorical-01-a: var(--dt-color-purple-450-a);
+  --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
+  --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
+  --dt-color-chart-categorical-01: var(--dt-color-purple-450);
+  --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
+  --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
+  --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
+  --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
+  --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
+  --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
+  --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
+  --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
+  --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
+  --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
+  --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
+  --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
+  --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
+  --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
+  --dt-color-chart-categorical-10-h: var(--dt-color-teal-600-h);
+  --dt-color-chart-categorical-10-s: var(--dt-color-teal-600-s);
+  --dt-color-chart-categorical-10-l: var(--dt-color-teal-600-l);
+  --dt-color-chart-categorical-10-a: var(--dt-color-teal-600-a);
+  --dt-color-chart-categorical-10-hsl: var(--dt-color-teal-600-hsl);
+  --dt-color-chart-categorical-10-hsla: var(--dt-color-teal-600-hsla);
+  --dt-color-chart-categorical-10: var(--dt-color-teal-600);
   --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
   --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
   --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
@@ -1656,6 +2342,202 @@
   --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
   --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
   --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
+  --dt-shell-presence-color-offline-h: var(--dt-shell-base-color-status-away-h);
+  --dt-shell-presence-color-offline-s: var(--dt-shell-base-color-status-away-s);
+  --dt-shell-presence-color-offline-l: var(--dt-shell-base-color-status-away-l);
+  --dt-shell-presence-color-offline-a: var(--dt-shell-base-color-status-away-a);
+  --dt-shell-presence-color-offline-hsl: var(--dt-shell-base-color-status-away-hsl);
+  --dt-shell-presence-color-offline-hsla: var(--dt-shell-base-color-status-away-hsla);
+  --dt-shell-presence-color-offline: var(--dt-shell-base-color-status-away);
+  --dt-shell-presence-color-busy-h: var(--dt-shell-base-color-status-warning-h);
+  --dt-shell-presence-color-busy-s: var(--dt-shell-base-color-status-warning-s);
+  --dt-shell-presence-color-busy-l: var(--dt-shell-base-color-status-warning-l);
+  --dt-shell-presence-color-busy-a: var(--dt-shell-base-color-status-warning-a);
+  --dt-shell-presence-color-busy-hsl: var(--dt-shell-base-color-status-warning-hsl);
+  --dt-shell-presence-color-busy-hsla: var(--dt-shell-base-color-status-warning-hsla);
+  --dt-shell-presence-color-busy: var(--dt-shell-base-color-status-warning);
+  --dt-shell-presence-color-unavailable-h: var(--dt-shell-base-color-status-critical-h);
+  --dt-shell-presence-color-unavailable-s: var(--dt-shell-base-color-status-critical-s);
+  --dt-shell-presence-color-unavailable-l: var(--dt-shell-base-color-status-critical-l);
+  --dt-shell-presence-color-unavailable-a: var(--dt-shell-base-color-status-critical-a);
+  --dt-shell-presence-color-unavailable-hsl: var(--dt-shell-base-color-status-critical-hsl);
+  --dt-shell-presence-color-unavailable-hsla: var(--dt-shell-base-color-status-critical-hsla);
+  --dt-shell-presence-color-unavailable: var(--dt-shell-base-color-status-critical);
+  --dt-shell-presence-color-available-h: var(--dt-shell-base-color-status-positive-h);
+  --dt-shell-presence-color-available-s: var(--dt-shell-base-color-status-positive-s);
+  --dt-shell-presence-color-available-l: var(--dt-shell-base-color-status-positive-l);
+  --dt-shell-presence-color-available-a: var(--dt-shell-base-color-status-positive-a);
+  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
+  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
+  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
+  --dt-shell-action-color-background-muted-selected-h: 0;
+  --dt-shell-action-color-background-muted-selected-s: 0%;
+  --dt-shell-action-color-background-muted-selected-l: 14.499999999999998%;
+  --dt-shell-action-color-background-muted-selected-a: 7%;
+  --dt-shell-action-color-background-muted-selected-hsl: var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l);
+  --dt-shell-action-color-background-muted-selected-hsla: hsl(var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l) / var(--alpha, 7%));
+  --dt-shell-action-color-background-muted-selected: hsl(0 0% 14.5% / 0.07);
+  --dt-shell-action-color-background-muted-active-h: 0;
+  --dt-shell-action-color-background-muted-active-s: 0%;
+  --dt-shell-action-color-background-muted-active-l: 14.499999999999998%;
+  --dt-shell-action-color-background-muted-active-a: 7%;
+  --dt-shell-action-color-background-muted-active-hsl: var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l);
+  --dt-shell-action-color-background-muted-active-hsla: hsl(var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l) / var(--alpha, 7%));
+  --dt-shell-action-color-background-muted-active: hsl(0 0% 14.5% / 0.07);
+  --dt-shell-action-color-background-muted-hover-h: 0;
+  --dt-shell-action-color-background-muted-hover-s: 0%;
+  --dt-shell-action-color-background-muted-hover-l: 14.499999999999998%;
+  --dt-shell-action-color-background-muted-hover-a: 10%;
+  --dt-shell-action-color-background-muted-hover-hsl: var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l);
+  --dt-shell-action-color-background-muted-hover-hsla: hsl(var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l) / var(--alpha, 10%));
+  --dt-shell-action-color-background-muted-hover: hsl(0 0% 14.5% / 0.1);
+  --dt-shell-action-color-background-muted-default-h: 0;
+  --dt-shell-action-color-background-muted-default-s: 0%;
+  --dt-shell-action-color-background-muted-default-l: 14.499999999999998%;
+  --dt-shell-action-color-background-muted-default-a: 5%;
+  --dt-shell-action-color-background-muted-default-hsl: var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l);
+  --dt-shell-action-color-background-muted-default-hsla: hsl(var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l) / var(--alpha, 5%));
+  --dt-shell-action-color-background-muted-default: hsl(0 0% 14.5% / 0.05);
+  --dt-shell-action-color-background-secondary-selected-h: 0;
+  --dt-shell-action-color-background-secondary-selected-s: 0%;
+  --dt-shell-action-color-background-secondary-selected-l: 14.499999999999998%;
+  --dt-shell-action-color-background-secondary-selected-a: 13%;
+  --dt-shell-action-color-background-secondary-selected-hsl: var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l);
+  --dt-shell-action-color-background-secondary-selected-hsla: hsl(var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l) / var(--alpha, 13%));
+  --dt-shell-action-color-background-secondary-selected: hsl(0 0% 14.5% / 0.13);
+  --dt-shell-action-color-background-secondary-active-h: 0;
+  --dt-shell-action-color-background-secondary-active-s: 0%;
+  --dt-shell-action-color-background-secondary-active-l: 14.499999999999998%;
+  --dt-shell-action-color-background-secondary-active-a: 16%;
+  --dt-shell-action-color-background-secondary-active-hsl: var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l);
+  --dt-shell-action-color-background-secondary-active-hsla: hsl(var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l) / var(--alpha, 16%));
+  --dt-shell-action-color-background-secondary-active: hsl(0 0% 14.5% / 0.16);
+  --dt-shell-action-color-background-secondary-hover-h: 0;
+  --dt-shell-action-color-background-secondary-hover-s: 0%;
+  --dt-shell-action-color-background-secondary-hover-l: 14.499999999999998%;
+  --dt-shell-action-color-background-secondary-hover-a: 10%;
+  --dt-shell-action-color-background-secondary-hover-hsl: var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l);
+  --dt-shell-action-color-background-secondary-hover-hsla: hsl(var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l) / var(--alpha, 10%));
+  --dt-shell-action-color-background-secondary-hover: hsl(0 0% 14.5% / 0.1);
+  --dt-shell-action-color-background-secondary-default-h: 0;
+  --dt-shell-action-color-background-secondary-default-s: 0%;
+  --dt-shell-action-color-background-secondary-default-l: 14.499999999999998%;
+  --dt-shell-action-color-background-secondary-default-a: 0%;
+  --dt-shell-action-color-background-secondary-default-hsl: var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l);
+  --dt-shell-action-color-background-secondary-default-hsla: hsl(var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l) / var(--alpha, 0%));
+  --dt-shell-action-color-background-secondary-default: hsl(0 0% 14.5% / 0);
+  --dt-shell-action-color-background-primary-selected-h: 0;
+  --dt-shell-action-color-background-primary-selected-s: 0%;
+  --dt-shell-action-color-background-primary-selected-l: 14.499999999999998%;
+  --dt-shell-action-color-background-primary-selected-a: 13%;
+  --dt-shell-action-color-background-primary-selected-hsl: var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l);
+  --dt-shell-action-color-background-primary-selected-hsla: hsl(var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l) / var(--alpha, 13%));
+  --dt-shell-action-color-background-primary-selected: hsl(0 0% 14.5% / 0.13);
+  --dt-shell-action-color-background-primary-active-h: 0;
+  --dt-shell-action-color-background-primary-active-s: 0%;
+  --dt-shell-action-color-background-primary-active-l: 14.499999999999998%;
+  --dt-shell-action-color-background-primary-active-a: 16%;
+  --dt-shell-action-color-background-primary-active-hsl: var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l);
+  --dt-shell-action-color-background-primary-active-hsla: hsl(var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l) / var(--alpha, 16%));
+  --dt-shell-action-color-background-primary-active: hsl(0 0% 14.5% / 0.16);
+  --dt-shell-action-color-background-primary-hover-h: 0;
+  --dt-shell-action-color-background-primary-hover-s: 0%;
+  --dt-shell-action-color-background-primary-hover-l: 14.499999999999998%;
+  --dt-shell-action-color-background-primary-hover-a: 10%;
+  --dt-shell-action-color-background-primary-hover-hsl: var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l);
+  --dt-shell-action-color-background-primary-hover-hsla: hsl(var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l) / var(--alpha, 10%));
+  --dt-shell-action-color-background-primary-hover: hsl(0 0% 14.5% / 0.1);
+  --dt-shell-action-color-background-primary-default-h: 0;
+  --dt-shell-action-color-background-primary-default-s: 0%;
+  --dt-shell-action-color-background-primary-default-l: 14.499999999999998%;
+  --dt-shell-action-color-background-primary-default-a: 0%;
+  --dt-shell-action-color-background-primary-default-hsl: var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l);
+  --dt-shell-action-color-background-primary-default-hsla: hsl(var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l) / var(--alpha, 0%));
+  --dt-shell-action-color-background-primary-default: hsl(0 0% 14.5% / 0);
+  --dt-shell-color-border-default-h: 0;
+  --dt-shell-color-border-default-s: 0%;
+  --dt-shell-color-border-default-l: 11%;
+  --dt-shell-color-border-default-a: 17%;
+  --dt-shell-color-border-default-hsl: var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l);
+  --dt-shell-color-border-default-hsla: hsl(var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l) / var(--alpha, 17%));
+  --dt-shell-color-border-default: hsl(0 0% 11% / 0.17);
+  --dt-shell-color-border-subtle-h: 0;
+  --dt-shell-color-border-subtle-s: 0%;
+  --dt-shell-color-border-subtle-l: 11%;
+  --dt-shell-color-border-subtle-a: 10%;
+  --dt-shell-color-border-subtle-hsl: var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l);
+  --dt-shell-color-border-subtle-hsla: hsl(var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l) / var(--alpha, 10%));
+  --dt-shell-color-border-subtle: hsl(0 0% 11% / 0.1);
+  --dt-shell-color-foreground-warning-h: 35.8;
+  --dt-shell-color-foreground-warning-s: 100%;
+  --dt-shell-color-foreground-warning-l: 31.3%;
+  --dt-shell-color-foreground-warning-a: 100%;
+  --dt-shell-color-foreground-warning-hsl: var(--dt-shell-color-foreground-warning-h) var(--dt-shell-color-foreground-warning-s) var(--dt-shell-color-foreground-warning-l);
+  --dt-shell-color-foreground-warning-hsla: hsl(var(--dt-shell-color-foreground-warning-h) var(--dt-shell-color-foreground-warning-s) var(--dt-shell-color-foreground-warning-l) / var(--alpha, 100%));
+  --dt-shell-color-foreground-warning: hsl(35.8 100% 31.3%);
+  --dt-shell-color-foreground-critical-h: 343;
+  --dt-shell-color-foreground-critical-s: 100%;
+  --dt-shell-color-foreground-critical-l: 27.500000000000004%;
+  --dt-shell-color-foreground-critical-a: 100%;
+  --dt-shell-color-foreground-critical-hsl: var(--dt-shell-color-foreground-critical-h) var(--dt-shell-color-foreground-critical-s) var(--dt-shell-color-foreground-critical-l);
+  --dt-shell-color-foreground-critical-hsla: hsl(var(--dt-shell-color-foreground-critical-h) var(--dt-shell-color-foreground-critical-s) var(--dt-shell-color-foreground-critical-l) / var(--alpha, 100%));
+  --dt-shell-color-foreground-critical: hsl(343 100% 27.5%);
+  --dt-shell-color-foreground-positive-h: 104;
+  --dt-shell-color-foreground-positive-s: 68.2%;
+  --dt-shell-color-foreground-positive-l: 39.8%;
+  --dt-shell-color-foreground-positive-a: 100%;
+  --dt-shell-color-foreground-positive-hsl: var(--dt-shell-color-foreground-positive-h) var(--dt-shell-color-foreground-positive-s) var(--dt-shell-color-foreground-positive-l);
+  --dt-shell-color-foreground-positive-hsla: hsl(var(--dt-shell-color-foreground-positive-h) var(--dt-shell-color-foreground-positive-s) var(--dt-shell-color-foreground-positive-l) / var(--alpha, 100%));
+  --dt-shell-color-foreground-positive: hsl(104 68.2% 39.8%);
+  --dt-shell-color-foreground-disabled-h: 0;
+  --dt-shell-color-foreground-disabled-s: 0%;
+  --dt-shell-color-foreground-disabled-l: 11%;
+  --dt-shell-color-foreground-disabled-a: 57%;
+  --dt-shell-color-foreground-disabled-hsl: var(--dt-shell-color-foreground-disabled-h) var(--dt-shell-color-foreground-disabled-s) var(--dt-shell-color-foreground-disabled-l);
+  --dt-shell-color-foreground-disabled-hsla: hsl(var(--dt-shell-color-foreground-disabled-h) var(--dt-shell-color-foreground-disabled-s) var(--dt-shell-color-foreground-disabled-l) / var(--alpha, 57%));
+  --dt-shell-color-foreground-disabled: hsl(0 0% 11% / 0.57);
+  --dt-shell-color-foreground-muted-h: 0;
+  --dt-shell-color-foreground-muted-s: 0%;
+  --dt-shell-color-foreground-muted-l: 11%;
+  --dt-shell-color-foreground-muted-a: 60%;
+  --dt-shell-color-foreground-muted-hsl: var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l);
+  --dt-shell-color-foreground-muted-hsla: hsl(var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l) / var(--alpha, 60%));
+  --dt-shell-color-foreground-muted: hsl(0 0% 11% / 0.6);
+  --dt-shell-color-foreground-strong-h: 0;
+  --dt-shell-color-foreground-strong-s: 0%;
+  --dt-shell-color-foreground-strong-l: 11%;
+  --dt-shell-color-foreground-strong-a: 100%;
+  --dt-shell-color-foreground-strong-hsl: var(--dt-shell-color-foreground-strong-h) var(--dt-shell-color-foreground-strong-s) var(--dt-shell-color-foreground-strong-l);
+  --dt-shell-color-foreground-strong-hsla: hsl(var(--dt-shell-color-foreground-strong-h) var(--dt-shell-color-foreground-strong-s) var(--dt-shell-color-foreground-strong-l) / var(--alpha, 100%));
+  --dt-shell-color-foreground-strong: hsl(0 0% 11%);
+  --dt-shell-color-foreground-tertiary-h: 0;
+  --dt-shell-color-foreground-tertiary-s: 0%;
+  --dt-shell-color-foreground-tertiary-l: 11%;
+  --dt-shell-color-foreground-tertiary-a: 72%;
+  --dt-shell-color-foreground-tertiary-hsl: var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l);
+  --dt-shell-color-foreground-tertiary-hsla: hsl(var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l) / var(--alpha, 72%));
+  --dt-shell-color-foreground-tertiary: hsl(0 0% 11% / 0.72);
+  --dt-shell-color-foreground-secondary-h: 0;
+  --dt-shell-color-foreground-secondary-s: 0%;
+  --dt-shell-color-foreground-secondary-l: 11%;
+  --dt-shell-color-foreground-secondary-a: 86%;
+  --dt-shell-color-foreground-secondary-hsl: var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l);
+  --dt-shell-color-foreground-secondary-hsla: hsl(var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l) / var(--alpha, 86%));
+  --dt-shell-color-foreground-secondary: hsl(0 0% 11% / 0.86);
+  --dt-shell-color-foreground-primary-h: var(--dt-shell-base-color-foreground-h);
+  --dt-shell-color-foreground-primary-s: var(--dt-shell-base-color-foreground-s);
+  --dt-shell-color-foreground-primary-l: var(--dt-shell-base-color-foreground-l);
+  --dt-shell-color-foreground-primary-a: var(--dt-shell-base-color-foreground-a);
+  --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
+  --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
+  --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
+  --dt-shell-base-color-surface-h: var(--dt-color-surface-secondary-h);
+  --dt-shell-base-color-surface-s: var(--dt-color-surface-secondary-s);
+  --dt-shell-base-color-surface-l: var(--dt-color-surface-secondary-l);
+  --dt-shell-base-color-surface-a: var(--dt-color-surface-secondary-a);
+  --dt-shell-base-color-surface-hsl: var(--dt-color-surface-secondary-hsl);
+  --dt-shell-base-color-surface-hsla: var(--dt-color-surface-secondary-hsla);
+  --dt-shell-base-color-surface: var(--dt-color-surface-secondary);
   --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
   --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
   --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
@@ -2266,6 +3148,69 @@
   --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
   --dt-color-link-critical: var(--dt-color-foreground-critical);
   --dt-icon-size-border-500: var(--dt-icon-size-border-400);
+  --dt-shell-action-color-foreground-muted-default-h: var(--dt-shell-color-foreground-muted-h);
+  --dt-shell-action-color-foreground-muted-default-s: var(--dt-shell-color-foreground-muted-s);
+  --dt-shell-action-color-foreground-muted-default-l: var(--dt-shell-color-foreground-muted-l);
+  --dt-shell-action-color-foreground-muted-default-a: var(--dt-shell-color-foreground-muted-a);
+  --dt-shell-action-color-foreground-muted-default-hsl: var(--dt-shell-color-foreground-muted-hsl);
+  --dt-shell-action-color-foreground-muted-default-hsla: var(--dt-shell-color-foreground-muted-hsla);
+  --dt-shell-action-color-foreground-muted-default: var(--dt-shell-color-foreground-muted);
+  --dt-shell-action-color-foreground-secondary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
+  --dt-shell-action-color-foreground-secondary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
+  --dt-shell-action-color-foreground-secondary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
+  --dt-shell-action-color-foreground-secondary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
+  --dt-shell-action-color-foreground-secondary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
+  --dt-shell-action-color-foreground-secondary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
+  --dt-shell-action-color-foreground-secondary-disabled: var(--dt-shell-color-foreground-disabled);
+  --dt-shell-action-color-foreground-primary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
+  --dt-shell-action-color-foreground-primary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
+  --dt-shell-action-color-foreground-primary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
+  --dt-shell-action-color-foreground-primary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
+  --dt-shell-action-color-foreground-primary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
+  --dt-shell-action-color-foreground-primary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
+  --dt-shell-action-color-foreground-primary-disabled: var(--dt-shell-color-foreground-disabled);
+  --dt-shell-action-color-foreground-tertiary-default-h: var(--dt-shell-color-foreground-tertiary-h);
+  --dt-shell-action-color-foreground-tertiary-default-s: var(--dt-shell-color-foreground-tertiary-s);
+  --dt-shell-action-color-foreground-tertiary-default-l: var(--dt-shell-color-foreground-tertiary-l);
+  --dt-shell-action-color-foreground-tertiary-default-a: var(--dt-shell-color-foreground-tertiary-a);
+  --dt-shell-action-color-foreground-tertiary-default-hsl: var(--dt-shell-color-foreground-tertiary-hsl);
+  --dt-shell-action-color-foreground-tertiary-default-hsla: var(--dt-shell-color-foreground-tertiary-hsla);
+  --dt-shell-action-color-foreground-tertiary-default: var(--dt-shell-color-foreground-tertiary);
+  --dt-shell-action-color-foreground-primary-strong-h: var(--dt-shell-color-foreground-strong-h);
+  --dt-shell-action-color-foreground-primary-strong-s: var(--dt-shell-color-foreground-strong-s);
+  --dt-shell-action-color-foreground-primary-strong-l: var(--dt-shell-color-foreground-strong-l);
+  --dt-shell-action-color-foreground-primary-strong-a: var(--dt-shell-color-foreground-strong-a);
+  --dt-shell-action-color-foreground-primary-strong-hsl: var(--dt-shell-color-foreground-strong-hsl);
+  --dt-shell-action-color-foreground-primary-strong-hsla: var(--dt-shell-color-foreground-strong-hsla);
+  --dt-shell-action-color-foreground-primary-strong: var(--dt-shell-color-foreground-strong);
+  --dt-shell-action-color-foreground-secondary-default-h: var(--dt-shell-color-foreground-secondary-h);
+  --dt-shell-action-color-foreground-secondary-default-s: var(--dt-shell-color-foreground-secondary-s);
+  --dt-shell-action-color-foreground-secondary-default-l: var(--dt-shell-color-foreground-secondary-l);
+  --dt-shell-action-color-foreground-secondary-default-a: var(--dt-shell-color-foreground-secondary-a);
+  --dt-shell-action-color-foreground-secondary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
+  --dt-shell-action-color-foreground-secondary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
+  --dt-shell-action-color-foreground-secondary-default: var(--dt-shell-color-foreground-secondary);
+  --dt-shell-action-color-foreground-primary-default-h: var(--dt-shell-color-foreground-secondary-h);
+  --dt-shell-action-color-foreground-primary-default-s: var(--dt-shell-color-foreground-secondary-s);
+  --dt-shell-action-color-foreground-primary-default-l: var(--dt-shell-color-foreground-secondary-l);
+  --dt-shell-action-color-foreground-primary-default-a: var(--dt-shell-color-foreground-secondary-a);
+  --dt-shell-action-color-foreground-primary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
+  --dt-shell-action-color-foreground-primary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
+  --dt-shell-action-color-foreground-primary-default: var(--dt-shell-color-foreground-secondary);
+  --dt-shell-color-surface-default-h: var(--dt-shell-base-color-surface-h);
+  --dt-shell-color-surface-default-s: var(--dt-shell-base-color-surface-s);
+  --dt-shell-color-surface-default-l: var(--dt-shell-base-color-surface-l);
+  --dt-shell-color-surface-default-a: var(--dt-shell-base-color-surface-a);
+  --dt-shell-color-surface-default-hsl: var(--dt-shell-base-color-surface-hsl);
+  --dt-shell-color-surface-default-hsla: var(--dt-shell-base-color-surface-hsla);
+  --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
+  --dt-shell-base-color-accent-h: var(--dt-badge-color-background-bulletin-h);
+  --dt-shell-base-color-accent-s: var(--dt-badge-color-background-bulletin-s);
+  --dt-shell-base-color-accent-l: var(--dt-badge-color-background-bulletin-l);
+  --dt-shell-base-color-accent-a: var(--dt-badge-color-background-bulletin-a);
+  --dt-shell-base-color-accent-hsl: var(--dt-badge-color-background-bulletin-hsl);
+  --dt-shell-base-color-accent-hsla: var(--dt-badge-color-background-bulletin-hsla);
+  --dt-shell-base-color-accent: var(--dt-badge-color-background-bulletin);
   --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
   --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
   --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
@@ -2436,6 +3381,34 @@
   --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
   --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
   --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
+  --dt-shell-mention-color-surface-secondary-h: 255;
+  --dt-shell-mention-color-surface-secondary-s: 100%;
+  --dt-shell-mention-color-surface-secondary-l: 29.7%;
+  --dt-shell-mention-color-surface-secondary-a: 100%;
+  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
+  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
+  --dt-shell-mention-color-surface-secondary: hsl(255 100% 29.7%);
+  --dt-shell-mention-color-surface-primary-h: var(--dt-shell-base-color-accent-h);
+  --dt-shell-mention-color-surface-primary-s: var(--dt-shell-base-color-accent-s);
+  --dt-shell-mention-color-surface-primary-l: var(--dt-shell-base-color-accent-l);
+  --dt-shell-mention-color-surface-primary-a: var(--dt-shell-base-color-accent-a);
+  --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
+  --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
+  --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
+  --dt-shell-action-color-foreground-muted-selected-h: 0;
+  --dt-shell-action-color-foreground-muted-selected-s: 0%;
+  --dt-shell-action-color-foreground-muted-selected-l: 4.4%;
+  --dt-shell-action-color-foreground-muted-selected-a: 60%;
+  --dt-shell-action-color-foreground-muted-selected-hsl: var(--dt-shell-action-color-foreground-muted-selected-h) var(--dt-shell-action-color-foreground-muted-selected-s) var(--dt-shell-action-color-foreground-muted-selected-l);
+  --dt-shell-action-color-foreground-muted-selected-hsla: hsl(var(--dt-shell-action-color-foreground-muted-selected-h) var(--dt-shell-action-color-foreground-muted-selected-s) var(--dt-shell-action-color-foreground-muted-selected-l) / var(--alpha, 60%));
+  --dt-shell-action-color-foreground-muted-selected: hsl(0 0% 4.4% / 0.6);
+  --dt-shell-action-color-foreground-muted-hover-h: 0;
+  --dt-shell-action-color-foreground-muted-hover-s: 0%;
+  --dt-shell-action-color-foreground-muted-hover-l: 6.6000000000000005%;
+  --dt-shell-action-color-foreground-muted-hover-a: 60%;
+  --dt-shell-action-color-foreground-muted-hover-hsl: var(--dt-shell-action-color-foreground-muted-hover-h) var(--dt-shell-action-color-foreground-muted-hover-s) var(--dt-shell-action-color-foreground-muted-hover-l);
+  --dt-shell-action-color-foreground-muted-hover-hsla: hsl(var(--dt-shell-action-color-foreground-muted-hover-h) var(--dt-shell-action-color-foreground-muted-hover-s) var(--dt-shell-action-color-foreground-muted-hover-l) / var(--alpha, 60%));
+  --dt-shell-action-color-foreground-muted-hover: hsl(0 0% 6.6% / 0.6);
   --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
   --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
   --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
@@ -2464,6 +3437,13 @@
   --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
   --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
   --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
+  --dt-shell-action-color-foreground-muted-active-h: var(--dt-shell-action-color-foreground-muted-hover-h);
+  --dt-shell-action-color-foreground-muted-active-s: var(--dt-shell-action-color-foreground-muted-hover-s);
+  --dt-shell-action-color-foreground-muted-active-l: var(--dt-shell-action-color-foreground-muted-hover-l);
+  --dt-shell-action-color-foreground-muted-active-a: var(--dt-shell-action-color-foreground-muted-hover-a);
+  --dt-shell-action-color-foreground-muted-active-hsl: var(--dt-shell-action-color-foreground-muted-hover-hsl);
+  --dt-shell-action-color-foreground-muted-active-hsla: var(--dt-shell-action-color-foreground-muted-hover-hsla);
+  --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;
   --dt-font-size-300-mobile: 2rem;