npm - @dialpad/dialtone - Versions diffs - 9.129.2 → 9.129.3-beta.1 - Mend

@dialpad/dialtone 9.129.2 → 9.129.3-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (82) hide show

package/dist/css/dialtone-default-theme.css +589 -175
package/dist/css/dialtone-default-theme.min.css +1 -1
package/dist/css/tokens-docs.json +1 -1
package/dist/tokens/css/tokens-aegean-dark.css +467 -0
package/dist/tokens/css/tokens-aegean-light.css +467 -0
package/dist/tokens/css/tokens-base-dark.css +132 -132
package/dist/tokens/css/tokens-base-deca-dark.css +132 -132
package/dist/tokens/css/tokens-ceruleo-dark.css +488 -0
package/dist/tokens/css/tokens-ceruleo-default.css +488 -0
package/dist/tokens/css/tokens-debug-dp.css +574 -160
package/dist/tokens/css/tokens-deca-dark.css +41 -1846
package/dist/tokens/css/tokens-deca-light.css +62 -1874
package/dist/tokens/css/tokens-dp-dark.css +575 -154
package/dist/tokens/css/tokens-dp-light.css +589 -175
package/dist/tokens/css/tokens-expressive-dark.css +547 -154
package/dist/tokens/css/tokens-expressive-light.css +589 -175
package/dist/tokens/css/tokens-expressive-sm-dark.css +575 -154
package/dist/tokens/css/tokens-expressive-sm-light.css +589 -175
package/dist/tokens/css/tokens-melon-dark.css +467 -0
package/dist/tokens/css/tokens-melon-light.css +467 -0
package/dist/tokens/css/tokens-sunflower-dark.css +467 -0
package/dist/tokens/css/tokens-sunflower-light.css +467 -0
package/dist/tokens/css/tokens-tmo-dark.css +866 -445
package/dist/tokens/css/tokens-tmo-light.css +883 -469
package/dist/tokens/css/tokens-verdant-haze-dark.css +474 -0
package/dist/tokens/css/tokens-verdant-haze-light.css +474 -0
package/dist/tokens/doc.json +145693 -129068
package/dist/tokens/themes/chunks/{tokens-base-dark-CKvoqrK2.js → tokens-base-dark-Cjejq-jP.js} +1 -1
package/dist/tokens/themes/chunks/{tokens-base-dark-CLL9Sz8C.js → tokens-base-dark-DD916YAg.js} +1 -1
package/dist/tokens/themes/debug.cjs +1 -1
package/dist/tokens/themes/debug.js +1 -1
package/dist/tokens/themes/dp-dark.cjs +1 -1
package/dist/tokens/themes/dp-dark.js +3 -3
package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
package/dist/tokens/themes/dp-deca-dark.js +3 -3
package/dist/tokens/themes/dp-deca-light.cjs +1 -1
package/dist/tokens/themes/dp-deca-light.js +4 -4
package/dist/tokens/themes/dp-light.cjs +1 -1
package/dist/tokens/themes/dp-light.js +2 -2
package/dist/tokens/themes/expressive-dark.cjs +1 -1
package/dist/tokens/themes/expressive-dark.js +2 -2
package/dist/tokens/themes/expressive-light.cjs +1 -1
package/dist/tokens/themes/expressive-light.js +2 -2
package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
package/dist/tokens/themes/expressive-sm-dark.js +3 -3
package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
package/dist/tokens/themes/expressive-sm-light.js +2 -2
package/dist/tokens/themes/tmo-dark.cjs +1 -1
package/dist/tokens/themes/tmo-dark.js +3 -3
package/dist/tokens/themes/tmo-light.cjs +1 -1
package/dist/tokens/themes/tmo-light.js +2 -2
package/dist/tokens/tokens-aegean-dark.json +121 -0
package/dist/tokens/tokens-aegean-light.json +121 -0
package/dist/tokens/tokens-base-dark.json +132 -132
package/dist/tokens/tokens-base-deca-dark.json +132 -132
package/dist/tokens/tokens-ceruleo-dark.json +124 -0
package/dist/tokens/tokens-ceruleo-default.json +124 -0
package/dist/tokens/tokens-deca-dark.json +52 -472
package/dist/tokens/tokens-deca-light.json +4 -425
package/dist/tokens/tokens-dp-dark.json +254 -193
package/dist/tokens/tokens-dp-light.json +85 -25
package/dist/tokens/tokens-expressive-dark.json +250 -193
package/dist/tokens/tokens-expressive-light.json +85 -25
package/dist/tokens/tokens-expressive-sm-dark.json +254 -193
package/dist/tokens/tokens-expressive-sm-light.json +85 -25
package/dist/tokens/tokens-melon-dark.json +121 -0
package/dist/tokens/tokens-melon-light.json +121 -0
package/dist/tokens/tokens-sunflower-dark.json +121 -0
package/dist/tokens/tokens-sunflower-light.json +121 -0
package/dist/tokens/tokens-tmo-dark.json +257 -196
package/dist/tokens/tokens-tmo-light.json +127 -67
package/dist/tokens/tokens-verdant-haze-dark.json +122 -0
package/dist/tokens/tokens-verdant-haze-light.json +122 -0
package/dist/vue2/localization/index.cjs +1 -1
package/dist/vue2/localization/index.cjs.map +1 -1
package/dist/vue2/localization/index.js +25 -27
package/dist/vue2/localization/index.js.map +1 -1
package/dist/vue3/localization/index.cjs +1 -1
package/dist/vue3/localization/index.cjs.map +1 -1
package/dist/vue3/localization/index.js +28 -30
package/dist/vue3/localization/index.js.map +1 -1
package/package.json +1 -1

package/dist/tokens/css/tokens-tmo-dark.css CHANGED Viewed

@@ -138,174 +138,14 @@
   --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
   --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
   --dt-avatar-color-background-100: #1aa340;
-  --dt-theme-mention-color-background-strong-h: 329.20353982300884;
-  --dt-theme-mention-color-background-strong-s: 100%;
-  --dt-theme-mention-color-background-strong-l: 44.31372549019608%;
-  --dt-theme-mention-color-background-strong-a: 100%;
-  --dt-theme-mention-color-background-strong-hsl: var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l);
-  --dt-theme-mention-color-background-strong-hsla: hsl(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
-  --dt-theme-mention-color-background-strong: #E20074;
-  --dt-theme-mention-color-background-h: 328.83116883116884;
-  --dt-theme-mention-color-background-s: 100%;
-  --dt-theme-mention-color-background-l: 84.90196078431373%;
-  --dt-theme-mention-color-background-a: 100%;
-  --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
-  --dt-theme-mention-color-background-hsla: hsl(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
-  --dt-theme-mention-color-background: #FFB2DA;
-  --dt-action-color-background-base-primary-hover-h: 329.4117647058824;
-  --dt-action-color-background-base-primary-hover-s: 100%;
-  --dt-action-color-background-base-primary-hover-l: 90%;
-  --dt-action-color-background-base-primary-hover-a: 100%;
-  --dt-action-color-background-base-primary-hover-hsl: var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l);
-  --dt-action-color-background-base-primary-hover-hsla: hsl(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
-  --dt-action-color-background-base-primary-hover: #FFCCE6;
-  --dt-action-color-background-base-primary-default-h: 328.83116883116884;
-  --dt-action-color-background-base-primary-default-s: 100%;
-  --dt-action-color-background-base-primary-default-l: 84.90196078431373%;
-  --dt-action-color-background-base-primary-default-a: 100%;
-  --dt-action-color-background-base-primary-default-hsl: var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l);
-  --dt-action-color-background-base-primary-default-hsla: hsl(var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l) / var(--alpha, 100%));
-  --dt-action-color-background-base-primary-default: #FFB2DA;
-  --dt-color-border-brand-strong-inverted-h: 329.2857142857143;
-  --dt-color-border-brand-strong-inverted-s: 100%;
-  --dt-color-border-brand-strong-inverted-l: 32.94117647058823%;
-  --dt-color-border-brand-strong-inverted-a: 100%;
-  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l);
-  --dt-color-border-brand-strong-inverted-hsla: hsl(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--alpha, 100%));
-  --dt-color-border-brand-strong-inverted: #A80056;
-  --dt-color-border-brand-subtle-inverted-h: 328.83116883116884;
-  --dt-color-border-brand-subtle-inverted-s: 100%;
-  --dt-color-border-brand-subtle-inverted-l: 84.90196078431373%;
-  --dt-color-border-brand-subtle-inverted-a: 100%;
-  --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l);
-  --dt-color-border-brand-subtle-inverted-hsla: hsl(var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l) / var(--alpha, 100%));
-  --dt-color-border-brand-subtle-inverted: #FFB2DA;
-  --dt-color-border-brand-inverted-h: 329.20353982300884;
-  --dt-color-border-brand-inverted-s: 100%;
-  --dt-color-border-brand-inverted-l: 44.31372549019608%;
-  --dt-color-border-brand-inverted-a: 100%;
-  --dt-color-border-brand-inverted-hsl: var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l);
-  --dt-color-border-brand-inverted-hsla: hsl(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--alpha, 100%));
-  --dt-color-border-brand-inverted: #E20074;
-  --dt-color-border-brand-strong-h: 329.4117647058824;
-  --dt-color-border-brand-strong-s: 100%;
-  --dt-color-border-brand-strong-l: 90%;
-  --dt-color-border-brand-strong-a: 100%;
-  --dt-color-border-brand-strong-hsl: var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l);
-  --dt-color-border-brand-strong-hsla: hsl(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--alpha, 100%));
-  --dt-color-border-brand-strong: #FFCCE6;
-  --dt-color-border-brand-subtle-h: 329.3258426966292;
-  --dt-color-border-brand-subtle-s: 100%;
-  --dt-color-border-brand-subtle-l: 65.09803921568627%;
-  --dt-color-border-brand-subtle-a: 100%;
-  --dt-color-border-brand-subtle-hsl: var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l);
-  --dt-color-border-brand-subtle-hsla: hsl(var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l) / var(--alpha, 100%));
-  --dt-color-border-brand-subtle: #FF4DA8;
-  --dt-color-border-brand-h: 328.83116883116884;
-  --dt-color-border-brand-s: 100%;
-  --dt-color-border-brand-l: 84.90196078431373%;
-  --dt-color-border-brand-a: 100%;
-  --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
-  --dt-color-border-brand-hsla: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
-  --dt-color-border-brand: #FFB2DA;
-  --dt-color-surface-brand-subtle-opaque-inverted-h: 329;
-  --dt-color-surface-brand-subtle-opaque-inverted-s: 94%;
-  --dt-color-surface-brand-subtle-opaque-inverted-l: 86.9%;
-  --dt-color-surface-brand-subtle-opaque-inverted-a: 25%;
-  --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
-  --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 25%));
-  --dt-color-surface-brand-subtle-opaque-inverted: hsl(329 94% 86.9% / 0.25);
-  --dt-color-surface-brand-opaque-inverted-h: 329;
-  --dt-color-surface-brand-opaque-inverted-s: 94%;
-  --dt-color-surface-brand-opaque-inverted-l: 86.9%;
-  --dt-color-surface-brand-opaque-inverted-a: 80%;
-  --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
-  --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
-  --dt-color-surface-brand-opaque-inverted: hsl(329 94% 86.9% / 0.8);
-  --dt-color-surface-brand-strong-inverted-h: 329.20353982300884;
-  --dt-color-surface-brand-strong-inverted-s: 100%;
-  --dt-color-surface-brand-strong-inverted-l: 44.31372549019608%;
-  --dt-color-surface-brand-strong-inverted-a: 100%;
-  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l);
-  --dt-color-surface-brand-strong-inverted-hsla: hsl(var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l) / var(--alpha, 100%));
-  --dt-color-surface-brand-strong-inverted: #E20074;
-  --dt-color-surface-brand-subtle-inverted-h: 328;
-  --dt-color-surface-brand-subtle-inverted-s: 100%;
-  --dt-color-surface-brand-subtle-inverted-l: 97.05882352941177%;
-  --dt-color-surface-brand-subtle-inverted-a: 100%;
-  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l);
-  --dt-color-surface-brand-subtle-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l) / var(--alpha, 100%));
-  --dt-color-surface-brand-subtle-inverted: #FFF0F8;
-  --dt-color-surface-brand-inverted-h: 329.4117647058824;
-  --dt-color-surface-brand-inverted-s: 100%;
-  --dt-color-surface-brand-inverted-l: 90%;
-  --dt-color-surface-brand-inverted-a: 100%;
-  --dt-color-surface-brand-inverted-hsl: var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l);
-  --dt-color-surface-brand-inverted-hsla: hsl(var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l) / var(--alpha, 100%));
-  --dt-color-surface-brand-inverted: #FFCCE6;
-  --dt-color-surface-brand-subtle-opaque-h: 328;
-  --dt-color-surface-brand-subtle-opaque-s: 100%;
-  --dt-color-surface-brand-subtle-opaque-l: 10.4%;
-  --dt-color-surface-brand-subtle-opaque-a: 90%;
-  --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
-  --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 90%));
-  --dt-color-surface-brand-subtle-opaque: hsl(328 100% 10.4% / 0.9);
-  --dt-color-surface-brand-opaque-h: 329;
-  --dt-color-surface-brand-opaque-s: 100%;
-  --dt-color-surface-brand-opaque-l: 14.7%;
-  --dt-color-surface-brand-opaque-a: 80%;
-  --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
-  --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 80%));
-  --dt-color-surface-brand-opaque: hsl(329 100% 14.7% / 0.8);
-  --dt-color-surface-brand-strong-h: 328.83116883116884;
-  --dt-color-surface-brand-strong-s: 100%;
-  --dt-color-surface-brand-strong-l: 84.90196078431373%;
-  --dt-color-surface-brand-strong-a: 100%;
-  --dt-color-surface-brand-strong-hsl: var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l);
-  --dt-color-surface-brand-strong-hsla: hsl(var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l) / var(--alpha, 100%));
-  --dt-color-surface-brand-strong: #FFB2DA;
-  --dt-color-surface-brand-subtle-h: 328.69565217391306;
-  --dt-color-surface-brand-subtle-s: 100%;
-  --dt-color-surface-brand-subtle-l: 9.019607843137255%;
-  --dt-color-surface-brand-subtle-a: 100%;
-  --dt-color-surface-brand-subtle-hsl: var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l);
-  --dt-color-surface-brand-subtle-hsla: hsl(var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l) / var(--alpha, 100%));
-  --dt-color-surface-brand-subtle: #2E0018;
-  --dt-color-surface-brand-h: 329.5081967213115;
-  --dt-color-surface-brand-s: 100%;
-  --dt-color-surface-brand-l: 11.96078431372549%;
-  --dt-color-surface-brand-a: 100%;
-  --dt-color-surface-brand-hsl: var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l);
-  --dt-color-surface-brand-hsla: hsl(var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l) / var(--alpha, 100%));
-  --dt-color-surface-brand: #3D001F;
-  --dt-color-link-primary-inverted-hover-h: 329.2857142857143;
-  --dt-color-link-primary-inverted-hover-s: 100%;
-  --dt-color-link-primary-inverted-hover-l: 32.94117647058823%;
-  --dt-color-link-primary-inverted-hover-a: 100%;
-  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l);
-  --dt-color-link-primary-inverted-hover-hsla: hsl(var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l) / var(--alpha, 100%));
-  --dt-color-link-primary-inverted-hover: #A80056;
-  --dt-color-link-primary-inverted-h: 329.20353982300884;
-  --dt-color-link-primary-inverted-s: 100%;
-  --dt-color-link-primary-inverted-l: 44.31372549019608%;
-  --dt-color-link-primary-inverted-a: 100%;
-  --dt-color-link-primary-inverted-hsl: var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l);
-  --dt-color-link-primary-inverted-hsla: hsl(var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l) / var(--alpha, 100%));
-  --dt-color-link-primary-inverted: #e20074;
-  --dt-color-link-primary-hover-h: 329.4117647058824;
-  --dt-color-link-primary-hover-s: 100%;
-  --dt-color-link-primary-hover-l: 90%;
-  --dt-color-link-primary-hover-a: 100%;
-  --dt-color-link-primary-hover-hsl: var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l);
-  --dt-color-link-primary-hover-hsla: hsl(var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l) / var(--alpha, 100%));
-  --dt-color-link-primary-hover: #FFCCE6;
-  --dt-color-link-primary-h: 328.83116883116884;
-  --dt-color-link-primary-s: 100%;
-  --dt-color-link-primary-l: 84.90196078431373%;
-  --dt-color-link-primary-a: 100%;
-  --dt-color-link-primary-hsl: var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l);
-  --dt-color-link-primary-hsla: hsl(var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l) / var(--alpha, 100%));
-  --dt-color-link-primary: #FFB2DA;
+  --dt-shell-foo: #392bff;
+  --dt-shell-base-color-accent-h: 329.3333333333333;
+  --dt-shell-base-color-accent-s: 80.35714285714288%;
+  --dt-shell-base-color-accent-l: 78.03921568627452%;
+  --dt-shell-base-color-accent-a: 100%;
+  --dt-shell-base-color-accent-hsl: var(--dt-shell-base-color-accent-h) var(--dt-shell-base-color-accent-s) var(--dt-shell-base-color-accent-l);
+  --dt-shell-base-color-accent-hsla: hsl(var(--dt-shell-base-color-accent-h) var(--dt-shell-base-color-accent-s) var(--dt-shell-base-color-accent-l) / var(--alpha, 100%));
+  --dt-shell-base-color-accent: #F49AC8;
   --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
   --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
   --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
@@ -313,21 +153,35 @@
   --dt-radio-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
   --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
   --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
-  --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
-  --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
-  --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
-  --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
-  --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
-  --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
-  --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
-  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
-  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
-  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
-  --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
-  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
-  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
-  --dt-radio-color-border-checked: var(--dt-color-border-brand);
   --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-500-h);
+  --dt-presence-color-busy-s: var(--dt-color-gold-500-s);
+  --dt-presence-color-busy-l: var(--dt-color-gold-500-l);
+  --dt-presence-color-busy-a: var(--dt-color-gold-500-a);
+  --dt-presence-color-busy-hsl: var(--dt-color-gold-500-hsl);
+  --dt-presence-color-busy-hsla: var(--dt-color-gold-500-hsla);
+  --dt-presence-color-busy: var(--dt-color-gold-500);
+  --dt-presence-color-unavailable-h: var(--dt-color-red-500-h);
+  --dt-presence-color-unavailable-s: var(--dt-color-red-500-s);
+  --dt-presence-color-unavailable-l: var(--dt-color-red-500-l);
+  --dt-presence-color-unavailable-a: var(--dt-color-red-500-a);
+  --dt-presence-color-unavailable-hsl: var(--dt-color-red-500-hsl);
+  --dt-presence-color-unavailable-hsla: var(--dt-color-red-500-hsla);
+  --dt-presence-color-unavailable: var(--dt-color-red-500);
+  --dt-presence-color-available-h: var(--dt-color-green-425-h);
+  --dt-presence-color-available-s: var(--dt-color-green-425-s);
+  --dt-presence-color-available-l: var(--dt-color-green-425-l);
+  --dt-presence-color-available-a: var(--dt-color-green-425-a);
+  --dt-presence-color-available-hsl: var(--dt-color-green-425-hsl);
+  --dt-presence-color-available-hsla: var(--dt-color-green-425-hsla);
+  --dt-presence-color-available: var(--dt-color-green-425);
   --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);
@@ -336,20 +190,6 @@
   --dt-checkbox-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
   --dt-checkbox-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
   --dt-checkbox-color-foreground-default: var(--dt-color-neutral-transparent);
-  --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
-  --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
-  --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
-  --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
-  --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
-  --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
-  --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
-  --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
-  --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
-  --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
-  --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
-  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
-  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
-  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
   --dt-checkbox-size-width: var(--dt-size-500);
   --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
   --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -402,13 +242,6 @@
   --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-color-purple-200-hsl);
   --dt-badge-color-background-bulletin-subtle-hsla: var(--dt-color-purple-200-hsla);
   --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
-  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
-  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
-  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
-  --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
-  --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
-  --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
-  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
   --dt-badge-color-background-critical-h: var(--dt-color-red-200-h);
   --dt-badge-color-background-critical-s: var(--dt-color-red-200-s);
   --dt-badge-color-background-critical-l: var(--dt-color-red-200-l);
@@ -444,6 +277,125 @@
   --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-mention-color-surface-secondary-h: 331.8722987635939;
+  --dt-shell-mention-color-surface-secondary-s: 89.29520375705434%;
+  --dt-shell-mention-color-surface-secondary-l: 92.7632633054971%;
+  --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: lch(90.9 14 347);
+  --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-color-border-base-h: var(--dt-color-black-1000-h);
+  --dt-shell-color-border-base-s: var(--dt-color-black-1000-s);
+  --dt-shell-color-border-base-l: var(--dt-color-black-1000-l);
+  --dt-shell-color-border-base-a: var(--dt-color-black-1000-a);
+  --dt-shell-color-border-base-hsl: var(--dt-color-black-1000-hsl);
+  --dt-shell-color-border-base-hsla: var(--dt-color-black-1000-hsla);
+  --dt-shell-color-border-base: var(--dt-color-black-1000);
+  --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-600-h);
+  --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-600-s);
+  --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-600-l);
+  --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-600-a);
+  --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-600-hsl);
+  --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-600-hsla);
+  --dt-theme-mention-color-background-strong: var(--dt-color-purple-600);
   --dt-theme-mention-color-foreground-h: var(--dt-color-black-50-h);
   --dt-theme-mention-color-foreground-s: var(--dt-color-black-50-s);
   --dt-theme-mention-color-foreground-l: var(--dt-color-black-50-l);
@@ -451,13 +403,13 @@
   --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-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);
@@ -479,6 +431,146 @@
   --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
   --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
   --dt-theme-presence-color-background-available: var(--dt-color-green-425);
+  --dt-theme-sidebar-selected-row-color-background-h: 244;
+  --dt-theme-sidebar-selected-row-color-background-s: 100%;
+  --dt-theme-sidebar-selected-row-color-background-l: 58.4%;
+  --dt-theme-sidebar-selected-row-color-background-a: 12%;
+  --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
+  --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 12%));
+  --dt-theme-sidebar-selected-row-color-background: hsl(244 100% 58.4% / 0.12);
+  --dt-theme-sidebar-row-color-background-active-h: 244;
+  --dt-theme-sidebar-row-color-background-active-s: 100%;
+  --dt-theme-sidebar-row-color-background-active-l: 58.4%;
+  --dt-theme-sidebar-row-color-background-active-a: 15%;
+  --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
+  --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
+  --dt-theme-sidebar-row-color-background-active: hsl(244 100% 58.4% / 0.15);
+  --dt-theme-sidebar-row-color-background-hover-h: 244;
+  --dt-theme-sidebar-row-color-background-hover-s: 100%;
+  --dt-theme-sidebar-row-color-background-hover-l: 58.4%;
+  --dt-theme-sidebar-row-color-background-hover-a: 10%;
+  --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
+  --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 10%));
+  --dt-theme-sidebar-row-color-background-hover: hsl(244 100% 58.4% / 0.1);
+  --dt-theme-sidebar-row-color-background-h: 244;
+  --dt-theme-sidebar-row-color-background-s: 100%;
+  --dt-theme-sidebar-row-color-background-l: 58.4%;
+  --dt-theme-sidebar-row-color-background-a: 0%;
+  --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
+  --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
+  --dt-theme-sidebar-row-color-background: hsl(244 100% 58.4% / 0);
+  --dt-theme-topbar-profile-color-background-active-h: 244;
+  --dt-theme-topbar-profile-color-background-active-s: 100%;
+  --dt-theme-topbar-profile-color-background-active-l: 58.4%;
+  --dt-theme-topbar-profile-color-background-active-a: 14%;
+  --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
+  --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
+  --dt-theme-topbar-profile-color-background-active: hsl(244 100% 58.4% / 0.14);
+  --dt-theme-topbar-profile-color-background-hover-h: 244;
+  --dt-theme-topbar-profile-color-background-hover-s: 100%;
+  --dt-theme-topbar-profile-color-background-hover-l: 58.4%;
+  --dt-theme-topbar-profile-color-background-hover-a: 10%;
+  --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
+  --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
+  --dt-theme-topbar-profile-color-background-hover: hsl(244 100% 58.4% / 0.1);
+  --dt-theme-topbar-profile-color-background-inverted-h: 244;
+  --dt-theme-topbar-profile-color-background-inverted-s: 100%;
+  --dt-theme-topbar-profile-color-background-inverted-l: 58.4%;
+  --dt-theme-topbar-profile-color-background-inverted-a: 75%;
+  --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
+  --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
+  --dt-theme-topbar-profile-color-background-inverted: hsl(244 100% 58.4% / 0.75);
+  --dt-theme-topbar-profile-color-background-h: 244;
+  --dt-theme-topbar-profile-color-background-s: 100%;
+  --dt-theme-topbar-profile-color-background-l: 58.4%;
+  --dt-theme-topbar-profile-color-background-a: 5%;
+  --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
+  --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
+  --dt-theme-topbar-profile-color-background: hsl(244 100% 58.4% / 0.05);
+  --dt-theme-topbar-button-color-background-active-h: 244;
+  --dt-theme-topbar-button-color-background-active-s: 100%;
+  --dt-theme-topbar-button-color-background-active-l: 58.4%;
+  --dt-theme-topbar-button-color-background-active-a: 10%;
+  --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
+  --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
+  --dt-theme-topbar-button-color-background-active: hsl(244 100% 58.4% / 0.1);
+  --dt-theme-topbar-button-color-background-hover-h: 244;
+  --dt-theme-topbar-button-color-background-hover-s: 100%;
+  --dt-theme-topbar-button-color-background-hover-l: 58.4%;
+  --dt-theme-topbar-button-color-background-hover-a: 15%;
+  --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
+  --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 15%));
+  --dt-theme-topbar-button-color-background-hover: hsl(244 100% 58.4% / 0.15);
+  --dt-theme-topbar-button-color-background-h: 244;
+  --dt-theme-topbar-button-color-background-s: 100%;
+  --dt-theme-topbar-button-color-background-l: 58.4%;
+  --dt-theme-topbar-button-color-background-a: 0%;
+  --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
+  --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
+  --dt-theme-topbar-button-color-background: hsl(244 100% 58.4% / 0);
+  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-shell-foo-h);
+  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-shell-foo-s);
+  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-shell-foo-l);
+  --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-shell-foo-a);
+  --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-shell-foo-hsl);
+  --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-shell-foo-hsla);
+  --dt-theme-topbar-button-color-foreground-hover: var(--dt-shell-foo);
+  --dt-theme-topbar-button-color-foreground-h: 244;
+  --dt-theme-topbar-button-color-foreground-s: 100%;
+  --dt-theme-topbar-button-color-foreground-l: 58.4%;
+  --dt-theme-topbar-button-color-foreground-a: 65%;
+  --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
+  --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
+  --dt-theme-topbar-button-color-foreground: hsl(244 100% 58.4% / 0.65);
+  --dt-theme-topbar-field-color-border-active-h: 244;
+  --dt-theme-topbar-field-color-border-active-s: 100%;
+  --dt-theme-topbar-field-color-border-active-l: 58.4%;
+  --dt-theme-topbar-field-color-border-active-a: 20%;
+  --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
+  --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
+  --dt-theme-topbar-field-color-border-active: hsl(244 100% 58.4% / 0.2);
+  --dt-theme-topbar-field-color-border-hover-h: 244;
+  --dt-theme-topbar-field-color-border-hover-s: 100%;
+  --dt-theme-topbar-field-color-border-hover-l: 58.4%;
+  --dt-theme-topbar-field-color-border-hover-a: 10%;
+  --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
+  --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
+  --dt-theme-topbar-field-color-border-hover: hsl(244 100% 58.4% / 0.1);
+  --dt-theme-topbar-field-color-border-h: 244;
+  --dt-theme-topbar-field-color-border-s: 100%;
+  --dt-theme-topbar-field-color-border-l: 58.4%;
+  --dt-theme-topbar-field-color-border-a: 0%;
+  --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
+  --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
+  --dt-theme-topbar-field-color-border: hsl(244 100% 58.4% / 0);
+  --dt-theme-topbar-field-color-background-h: 244;
+  --dt-theme-topbar-field-color-background-s: 100%;
+  --dt-theme-topbar-field-color-background-l: 58.4%;
+  --dt-theme-topbar-field-color-background-a: 5%;
+  --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
+  --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
+  --dt-theme-topbar-field-color-background: hsl(244 100% 58.4% / 0.05);
+  --dt-theme-topbar-field-color-foreground-hover-h: 244;
+  --dt-theme-topbar-field-color-foreground-hover-s: 100%;
+  --dt-theme-topbar-field-color-foreground-hover-l: 58.4%;
+  --dt-theme-topbar-field-color-foreground-hover-a: 75%;
+  --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
+  --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
+  --dt-theme-topbar-field-color-foreground-hover: hsl(244 100% 58.4% / 0.75);
+  --dt-theme-topbar-field-color-foreground-h: 244;
+  --dt-theme-topbar-field-color-foreground-s: 100%;
+  --dt-theme-topbar-field-color-foreground-l: 58.4%;
+  --dt-theme-topbar-field-color-foreground-a: 50%;
+  --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
+  --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
+  --dt-theme-topbar-field-color-foreground: hsl(244 100% 58.4% / 0.5);
+  --dt-theme-topbar-color-foreground-h: 244;
+  --dt-theme-topbar-color-foreground-s: 100%;
+  --dt-theme-topbar-color-foreground-l: 58.4%;
+  --dt-theme-topbar-color-foreground-a: 80%;
+  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
+  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
+  --dt-theme-topbar-color-foreground: hsl(244 100% 58.4% / 0.8);
   --dt-theme-color-base-h: var(--dt-color-black-900-h);
   --dt-theme-color-base-s: var(--dt-color-black-900-s);
   --dt-theme-color-base-l: var(--dt-color-black-900-l);
@@ -486,13 +578,6 @@
   --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
   --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
   --dt-theme-color-base: var(--dt-color-black-900);
-  --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
-  --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
-  --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
-  --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
-  --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
-  --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
-  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
   --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
   --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
   --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
@@ -521,20 +606,20 @@
   --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
   --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
   --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
-  --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
-  --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
-  --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
-  --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
-  --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
-  --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
-  --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
-  --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-brand-subtle-h);
-  --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-brand-subtle-s);
-  --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-brand-subtle-l);
-  --dt-action-color-background-inverted-primary-default-a: var(--dt-color-surface-brand-subtle-a);
-  --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-brand-subtle-hsl);
-  --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-brand-subtle-hsla);
-  --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-brand-subtle);
+  --dt-action-color-background-inverted-primary-active-h: var(--dt-color-purple-200-h);
+  --dt-action-color-background-inverted-primary-active-s: var(--dt-color-purple-200-s);
+  --dt-action-color-background-inverted-primary-active-l: var(--dt-color-purple-200-l);
+  --dt-action-color-background-inverted-primary-active-a: var(--dt-color-purple-200-a);
+  --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
+  --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
+  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
+  --dt-action-color-background-inverted-primary-default-h: var(--dt-color-black-100-h);
+  --dt-action-color-background-inverted-primary-default-s: var(--dt-color-black-100-s);
+  --dt-action-color-background-inverted-primary-default-l: var(--dt-color-black-100-l);
+  --dt-action-color-background-inverted-primary-default-a: var(--dt-color-black-100-a);
+  --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
+  --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
+  --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
   --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
   --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
   --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
@@ -563,20 +648,27 @@
   --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
   --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
   --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
-  --dt-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
-  --dt-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
-  --dt-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
-  --dt-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
-  --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
-  --dt-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
-  --dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
-  --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
-  --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
-  --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
-  --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
-  --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
-  --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
-  --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
+  --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-550-h);
+  --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-550-s);
+  --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-550-l);
+  --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-550-a);
+  --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-550-hsl);
+  --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-550-hsla);
+  --dt-action-color-background-base-primary-hover: var(--dt-color-purple-550);
+  --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-500-h);
+  --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-500-s);
+  --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-500-l);
+  --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-500-a);
+  --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-500-hsl);
+  --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-500-hsla);
+  --dt-action-color-background-base-primary-default: var(--dt-color-purple-500);
+  --dt-action-color-background-base-hover-h: 253;
+  --dt-action-color-background-base-hover-s: 95.9%;
+  --dt-action-color-background-base-hover-l: 71.6%;
+  --dt-action-color-background-base-hover-a: 20%;
+  --dt-action-color-background-base-hover-hsl: var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l);
+  --dt-action-color-background-base-hover-hsla: hsl(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 20%));
+  --dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
   --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
   --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
   --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
@@ -591,20 +683,6 @@
   --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-black-50-hsl);
   --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-black-50-hsla);
   --dt-action-color-foreground-positive-primary-default: var(--dt-color-black-50);
-  --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
-  --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
-  --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
-  --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
-  --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
-  --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
-  --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
-  --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
-  --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
-  --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
-  --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
-  --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
-  --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
-  --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
   --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-black-50-h);
   --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-black-50-s);
   --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-black-50-l);
@@ -619,20 +697,6 @@
   --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
   --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
   --dt-action-color-foreground-base-primary-default: var(--dt-color-black-50);
-  --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
-  --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
-  --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
-  --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
-  --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
-  --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
-  --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
-  --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
-  --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
-  --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
-  --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
-  --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
-  --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
-  --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
   --dt-inputs-color-background-focus-h: var(--dt-color-black-100-h);
   --dt-inputs-color-background-focus-s: var(--dt-color-black-100-s);
   --dt-inputs-color-background-focus-l: var(--dt-color-black-100-l);
@@ -813,6 +877,13 @@
   --dt-color-border-focus-hsl: var(--dt-color-blue-425-hsl);
   --dt-color-border-focus-hsla: var(--dt-color-blue-425-hsla);
   --dt-color-border-focus: var(--dt-color-blue-425);
+  --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-250-h);
+  --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-250-s);
+  --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-250-l);
+  --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-250-a);
+  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-250-hsl);
+  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-250-hsla);
+  --dt-color-border-brand-strong-inverted: var(--dt-color-purple-250);
   --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-350-h);
   --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-350-s);
   --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-350-l);
@@ -834,6 +905,13 @@
   --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
   --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
   --dt-color-border-critical-strong-inverted: var(--dt-color-red-300);
+  --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
+  --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
+  --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
+  --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-500-a);
+  --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
+  --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
+  --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
   --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
   --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
   --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
@@ -855,6 +933,13 @@
   --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-600-hsl);
   --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-600-hsla);
   --dt-color-border-critical-subtle-inverted: var(--dt-color-red-600);
+  --dt-color-border-brand-inverted-h: var(--dt-color-purple-350-h);
+  --dt-color-border-brand-inverted-s: var(--dt-color-purple-350-s);
+  --dt-color-border-brand-inverted-l: var(--dt-color-purple-350-l);
+  --dt-color-border-brand-inverted-a: var(--dt-color-purple-350-a);
+  --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-350-hsl);
+  --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-350-hsla);
+  --dt-color-border-brand-inverted: var(--dt-color-purple-350);
   --dt-color-border-warning-inverted-h: var(--dt-color-gold-450-h);
   --dt-color-border-warning-inverted-s: var(--dt-color-gold-450-s);
   --dt-color-border-warning-inverted-l: var(--dt-color-gold-450-l);
@@ -904,6 +989,13 @@
   --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
   --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 10%));
   --dt-color-border-subtle-inverted: hsl(0 0% 0% / 0.1);
+  --dt-color-border-brand-strong-h: var(--dt-color-purple-550-h);
+  --dt-color-border-brand-strong-s: var(--dt-color-purple-550-s);
+  --dt-color-border-brand-strong-l: var(--dt-color-purple-550-l);
+  --dt-color-border-brand-strong-a: var(--dt-color-purple-550-a);
+  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-550-hsl);
+  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-550-hsla);
+  --dt-color-border-brand-strong: var(--dt-color-purple-550);
   --dt-color-border-warning-strong-h: var(--dt-color-gold-700-h);
   --dt-color-border-warning-strong-s: var(--dt-color-gold-700-s);
   --dt-color-border-warning-strong-l: var(--dt-color-gold-700-l);
@@ -925,6 +1017,13 @@
   --dt-color-border-critical-strong-hsl: var(--dt-color-red-700-hsl);
   --dt-color-border-critical-strong-hsla: var(--dt-color-red-700-hsla);
   --dt-color-border-critical-strong: var(--dt-color-red-700);
+  --dt-color-border-brand-subtle-h: var(--dt-color-purple-350-h);
+  --dt-color-border-brand-subtle-s: var(--dt-color-purple-350-s);
+  --dt-color-border-brand-subtle-l: var(--dt-color-purple-350-l);
+  --dt-color-border-brand-subtle-a: var(--dt-color-purple-350-a);
+  --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-350-hsl);
+  --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-350-hsla);
+  --dt-color-border-brand-subtle: var(--dt-color-purple-350);
   --dt-color-border-warning-subtle-h: var(--dt-color-gold-450-h);
   --dt-color-border-warning-subtle-s: var(--dt-color-gold-450-s);
   --dt-color-border-warning-subtle-l: var(--dt-color-gold-450-l);
@@ -946,6 +1045,13 @@
   --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
   --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
   --dt-color-border-critical-subtle: var(--dt-color-red-300);
+  --dt-color-border-brand-h: var(--dt-color-purple-500-h);
+  --dt-color-border-brand-s: var(--dt-color-purple-500-s);
+  --dt-color-border-brand-l: var(--dt-color-purple-500-l);
+  --dt-color-border-brand-a: var(--dt-color-purple-500-a);
+  --dt-color-border-brand-hsl: var(--dt-color-purple-500-hsl);
+  --dt-color-border-brand-hsla: var(--dt-color-purple-500-hsla);
+  --dt-color-border-brand: var(--dt-color-purple-500);
   --dt-color-border-warning-h: var(--dt-color-gold-600-h);
   --dt-color-border-warning-s: var(--dt-color-gold-600-s);
   --dt-color-border-warning-l: var(--dt-color-gold-600-l);
@@ -1003,6 +1109,13 @@
   --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
   --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 65%));
   --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
+  --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
+  --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
+  --dt-color-surface-brand-subtle-opaque-inverted-l: 98.2%;
+  --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
+  --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
+  --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 66%));
+  --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 100% 98.2% / 0.66); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque-inverted-h: 210;
   --dt-color-surface-info-subtle-opaque-inverted-s: 66.7%;
   --dt-color-surface-info-subtle-opaque-inverted-l: 97.6%;
@@ -1031,6 +1144,13 @@
   --dt-color-surface-critical-subtle-opaque-inverted-hsl: var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l);
   --dt-color-surface-critical-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--alpha, 80%));
   --dt-color-surface-critical-subtle-opaque-inverted: hsl(358 100% 94.9% / 0.8);
+  --dt-color-surface-brand-opaque-inverted-h: 260;
+  --dt-color-surface-brand-opaque-inverted-s: 100%;
+  --dt-color-surface-brand-opaque-inverted-l: 97.1%;
+  --dt-color-surface-brand-opaque-inverted-a: 80%;
+  --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
+  --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
+  --dt-color-surface-brand-opaque-inverted: hsl(260 100% 97.1% / 0.8); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque-inverted-h: 210;
   --dt-color-surface-info-opaque-inverted-s: 61.5%;
   --dt-color-surface-info-opaque-inverted-l: 94.9%;
@@ -1094,6 +1214,13 @@
   --dt-color-surface-secondary-opaque-inverted-hsl: var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l);
   --dt-color-surface-secondary-opaque-inverted-hsla: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--alpha, 4%));
   --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 0% / 0.04);
+  --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-350-h);
+  --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-350-s);
+  --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-350-l);
+  --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-350-a);
+  --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-350-hsl);
+  --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-350-hsla);
+  --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-350);
   --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-300-h);
   --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-300-s);
   --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-300-l);
@@ -1122,6 +1249,13 @@
   --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-400-hsl);
   --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-400-hsla);
   --dt-color-surface-critical-strong-inverted: var(--dt-color-red-400);
+  --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
+  --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
+  --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
+  --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
+  --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
+  --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
+  --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-h: var(--dt-color-blue-1000-h);
   --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
   --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
@@ -1150,6 +1284,13 @@
   --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
   --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
   --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
+  --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
+  --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
+  --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
+  --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
+  --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
+  --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
+  --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
   --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
   --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
@@ -1220,6 +1361,13 @@
   --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
   --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
   --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-h: 260;
+  --dt-color-surface-brand-subtle-opaque-s: 91.3%;
+  --dt-color-surface-brand-subtle-opaque-l: 9.02%;
+  --dt-color-surface-brand-subtle-opaque-a: 65%;
+  --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
+  --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 65%));
+  --dt-color-surface-brand-subtle-opaque: hsl(260 91.3% 9.02% / 0.65);
   --dt-color-surface-info-subtle-opaque-h: 211;
   --dt-color-surface-info-subtle-opaque-s: 91.3%;
   --dt-color-surface-info-subtle-opaque-l: 4.51%;
@@ -1248,6 +1396,13 @@
   --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
   --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 60%));
   --dt-color-surface-critical-subtle-opaque: hsl(344 93.1% 5.69% / 0.6);
+  --dt-color-surface-brand-opaque-h: 260;
+  --dt-color-surface-brand-opaque-s: 97.7%;
+  --dt-color-surface-brand-opaque-l: 16.9%;
+  --dt-color-surface-brand-opaque-a: 70%;
+  --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
+  --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 70%));
+  --dt-color-surface-brand-opaque: hsl(260 97.7% 16.9% / 0.7);
   --dt-color-surface-info-opaque-h: 211;
   --dt-color-surface-info-opaque-s: 100%;
   --dt-color-surface-info-opaque-l: 8.04%;
@@ -1311,6 +1466,13 @@
   --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
   --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 3%));
   --dt-color-surface-secondary-opaque: hsl(0 0% 90.2% / 0.03);
+  --dt-color-surface-brand-strong-h: var(--dt-color-purple-500-h);
+  --dt-color-surface-brand-strong-s: var(--dt-color-purple-500-s);
+  --dt-color-surface-brand-strong-l: var(--dt-color-purple-500-l);
+  --dt-color-surface-brand-strong-a: var(--dt-color-purple-500-a);
+  --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-500-hsl);
+  --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-500-hsla);
+  --dt-color-surface-brand-strong: var(--dt-color-purple-500);
   --dt-color-surface-info-strong-h: var(--dt-color-blue-450-h);
   --dt-color-surface-info-strong-s: var(--dt-color-blue-450-s);
   --dt-color-surface-info-strong-l: var(--dt-color-blue-450-l);
@@ -1339,6 +1501,13 @@
   --dt-color-surface-critical-strong-hsl: var(--dt-color-red-600-hsl);
   --dt-color-surface-critical-strong-hsla: var(--dt-color-red-600-hsla);
   --dt-color-surface-critical-strong: var(--dt-color-red-600);
+  --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
+  --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
+  --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
+  --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
+  --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
+  --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
+  --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle-h: 211;
   --dt-color-surface-info-subtle-s: 100%;
   --dt-color-surface-info-subtle-l: 4.82%;
@@ -1367,6 +1536,13 @@
   --dt-color-surface-critical-subtle-hsl: var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l);
   --dt-color-surface-critical-subtle-hsla: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
   --dt-color-surface-critical-subtle: hsl(343 100% 5.49%);
+  --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
+  --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
+  --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
+  --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
+  --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
+  --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
+  --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info-h: var(--dt-color-blue-100-h);
   --dt-color-surface-info-s: var(--dt-color-blue-100-s);
   --dt-color-surface-info-l: var(--dt-color-blue-100-l);
@@ -1451,6 +1627,20 @@
   --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-200-hsl);
   --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-200-hsla);
   --dt-color-link-warning-inverted-hover: var(--dt-color-gold-200);
+  --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-250-h);
+  --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-250-s);
+  --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-250-l);
+  --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-250-a);
+  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-250-hsl);
+  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-250-hsla);
+  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-250);
+  --dt-color-link-primary-inverted-h: var(--dt-color-purple-350-h);
+  --dt-color-link-primary-inverted-s: var(--dt-color-purple-350-s);
+  --dt-color-link-primary-inverted-l: var(--dt-color-purple-350-l);
+  --dt-color-link-primary-inverted-a: var(--dt-color-purple-350-a);
+  --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-350-hsl);
+  --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-350-hsla);
+  --dt-color-link-primary-inverted: var(--dt-color-purple-350);
   --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
   --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
   --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
@@ -1458,6 +1648,20 @@
   --dt-color-link-warning-hover-hsl: var(--dt-color-gold-700-hsl);
   --dt-color-link-warning-hover-hsla: var(--dt-color-gold-700-hsla);
   --dt-color-link-warning-hover: var(--dt-color-gold-700);
+  --dt-color-link-primary-hover-h: var(--dt-color-purple-550-h);
+  --dt-color-link-primary-hover-s: var(--dt-color-purple-550-s);
+  --dt-color-link-primary-hover-l: var(--dt-color-purple-550-l);
+  --dt-color-link-primary-hover-a: var(--dt-color-purple-550-a);
+  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-550-hsl);
+  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-550-hsla);
+  --dt-color-link-primary-hover: var(--dt-color-purple-550);
+  --dt-color-link-primary-h: var(--dt-color-purple-500-h);
+  --dt-color-link-primary-s: var(--dt-color-purple-500-s);
+  --dt-color-link-primary-l: var(--dt-color-purple-500-l);
+  --dt-color-link-primary-a: var(--dt-color-purple-500-a);
+  --dt-color-link-primary-hsl: var(--dt-color-purple-500-hsl);
+  --dt-color-link-primary-hsla: var(--dt-color-purple-500-hsla);
+  --dt-color-link-primary: var(--dt-color-purple-500);
   --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-300-h);
   --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-300-s);
   --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-300-l);
@@ -1620,6 +1824,20 @@
   --dt-radio-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
   --dt-radio-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
   --dt-radio-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
+  --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
+  --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
+  --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
+  --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
+  --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
+  --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
+  --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
+  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
+  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
+  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
+  --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
+  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
+  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
+  --dt-radio-color-border-checked: var(--dt-color-border-brand);
   --dt-radio-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
   --dt-radio-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
   --dt-radio-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
@@ -1656,6 +1874,20 @@
   --dt-checkbox-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
   --dt-checkbox-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
   --dt-checkbox-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
+  --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
+  --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
+  --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
+  --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
+  --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
+  --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
+  --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
+  --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
+  --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
+  --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
+  --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
+  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
+  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
+  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
   --dt-checkbox-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
   --dt-checkbox-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
   --dt-checkbox-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
@@ -1691,6 +1923,13 @@
   --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l);
   --dt-badge-color-foreground-bulletin-subtle-hsla: hsl(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
   --dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
+  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
+  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
+  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
+  --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
+  --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
+  --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
+  --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
   --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
   --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
   --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -1698,6 +1937,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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 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: 83.1%;
+  --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% 83.1% / 0);
+  --dt-shell-color-border-default-h: 0;
+  --dt-shell-color-border-default-s: 0%;
+  --dt-shell-color-border-default-l: 90.2%;
+  --dt-shell-color-border-default-a: 18%;
+  --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, 18%));
+  --dt-shell-color-border-default: hsl(0 0% 90.2% / 0.18);
+  --dt-shell-color-border-subtle-h: 0;
+  --dt-shell-color-border-subtle-s: 0%;
+  --dt-shell-color-border-subtle-l: 90.2%;
+  --dt-shell-color-border-subtle-a: 15%;
+  --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, 15%));
+  --dt-shell-color-border-subtle: hsl(0 0% 90.2% / 0.15);
+  --dt-shell-color-foreground-warning-h: 38.4;
+  --dt-shell-color-foreground-warning-s: 100%;
+  --dt-shell-color-foreground-warning-l: 69.5%;
+  --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(38.4 100% 69.5%);
+  --dt-shell-color-foreground-critical-h: 352;
+  --dt-shell-color-foreground-critical-s: 100%;
+  --dt-shell-color-foreground-critical-l: 68.3%;
+  --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(352 100% 68.3%);
+  --dt-shell-color-foreground-positive-h: var(--dt-shell-base-color-status-positive-h);
+  --dt-shell-color-foreground-positive-s: var(--dt-shell-base-color-status-positive-s);
+  --dt-shell-color-foreground-positive-l: var(--dt-shell-base-color-status-positive-l);
+  --dt-shell-color-foreground-positive-a: var(--dt-shell-base-color-status-positive-a);
+  --dt-shell-color-foreground-positive-hsl: var(--dt-shell-base-color-status-positive-hsl);
+  --dt-shell-color-foreground-positive-hsla: var(--dt-shell-base-color-status-positive-hsla);
+  --dt-shell-color-foreground-positive: var(--dt-shell-base-color-status-positive);
+  --dt-shell-color-foreground-disabled-h: 0;
+  --dt-shell-color-foreground-disabled-s: 0%;
+  --dt-shell-color-foreground-disabled-l: 90.2%;
+  --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% 90.2% / 0.57);
+  --dt-shell-color-foreground-muted-h: 0;
+  --dt-shell-color-foreground-muted-s: 0%;
+  --dt-shell-color-foreground-muted-l: 90.2%;
+  --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% 90.2% / 0.6);
+  --dt-shell-color-foreground-tertiary-h: 0;
+  --dt-shell-color-foreground-tertiary-s: 0%;
+  --dt-shell-color-foreground-tertiary-l: 90.2%;
+  --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% 90.2% / 0.72);
+  --dt-shell-color-foreground-secondary-h: 0;
+  --dt-shell-color-foreground-secondary-s: 0%;
+  --dt-shell-color-foreground-secondary-l: 90.2%;
+  --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% 90.2% / 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);
+  --dt-theme-mention-color-background-a: var(--dt-color-surface-brand-strong-a);
+  --dt-theme-mention-color-background-hsl: var(--dt-color-surface-brand-strong-hsl);
+  --dt-theme-mention-color-background-hsla: var(--dt-color-surface-brand-strong-hsla);
+  --dt-theme-mention-color-background: var(--dt-color-surface-brand-strong);
   --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
   --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
   --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1712,13 +2147,6 @@
   --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
   --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
   --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
-  --dt-theme-sidebar-selected-row-color-background-h: 0;
-  --dt-theme-sidebar-selected-row-color-background-s: 0%;
-  --dt-theme-sidebar-selected-row-color-background-l: 90.2%;
-  --dt-theme-sidebar-selected-row-color-background-a: 12%;
-  --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
-  --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 12%));
-  --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
   --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
   --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
   --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
@@ -1726,27 +2154,6 @@
   --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
   --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
   --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
-  --dt-theme-sidebar-row-color-background-active-h: 0;
-  --dt-theme-sidebar-row-color-background-active-s: 0%;
-  --dt-theme-sidebar-row-color-background-active-l: 90.2%;
-  --dt-theme-sidebar-row-color-background-active-a: 15%;
-  --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
-  --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
-  --dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
-  --dt-theme-sidebar-row-color-background-hover-h: 0;
-  --dt-theme-sidebar-row-color-background-hover-s: 0%;
-  --dt-theme-sidebar-row-color-background-hover-l: 90.2%;
-  --dt-theme-sidebar-row-color-background-hover-a: 10%;
-  --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
-  --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 10%));
-  --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
-  --dt-theme-sidebar-row-color-background-h: 0;
-  --dt-theme-sidebar-row-color-background-s: 0%;
-  --dt-theme-sidebar-row-color-background-l: 90.2%;
-  --dt-theme-sidebar-row-color-background-a: 0%;
-  --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
-  --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
-  --dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
   --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
   --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
   --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1768,34 +2175,6 @@
   --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
   --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
   --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
-  --dt-theme-topbar-profile-color-background-active-h: 0;
-  --dt-theme-topbar-profile-color-background-active-s: 0%;
-  --dt-theme-topbar-profile-color-background-active-l: 90.2%;
-  --dt-theme-topbar-profile-color-background-active-a: 14%;
-  --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
-  --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
-  --dt-theme-topbar-profile-color-background-active: hsl(0 0% 90.2% / 0.14);
-  --dt-theme-topbar-profile-color-background-hover-h: 0;
-  --dt-theme-topbar-profile-color-background-hover-s: 0%;
-  --dt-theme-topbar-profile-color-background-hover-l: 90.2%;
-  --dt-theme-topbar-profile-color-background-hover-a: 10%;
-  --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
-  --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
-  --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 90.2% / 0.1);
-  --dt-theme-topbar-profile-color-background-inverted-h: 0;
-  --dt-theme-topbar-profile-color-background-inverted-s: 0%;
-  --dt-theme-topbar-profile-color-background-inverted-l: 90.2%;
-  --dt-theme-topbar-profile-color-background-inverted-a: 75%;
-  --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
-  --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
-  --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 90.2% / 0.75);
-  --dt-theme-topbar-profile-color-background-h: 0;
-  --dt-theme-topbar-profile-color-background-s: 0%;
-  --dt-theme-topbar-profile-color-background-l: 90.2%;
-  --dt-theme-topbar-profile-color-background-a: 5%;
-  --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
-  --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
-  --dt-theme-topbar-profile-color-background: hsl(0 0% 90.2% / 0.05);
   --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
   --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
   --dt-theme-topbar-profile-color-foreground-inverted-l: 0%;
@@ -1803,83 +2182,13 @@
   --dt-theme-topbar-profile-color-foreground-inverted-hsl: var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l);
   --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 75%));
   --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
-  --dt-theme-topbar-button-color-background-active-h: 0;
-  --dt-theme-topbar-button-color-background-active-s: 0%;
-  --dt-theme-topbar-button-color-background-active-l: 90.2%;
-  --dt-theme-topbar-button-color-background-active-a: 10%;
-  --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
-  --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
-  --dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
-  --dt-theme-topbar-button-color-background-hover-h: 0;
-  --dt-theme-topbar-button-color-background-hover-s: 0%;
-  --dt-theme-topbar-button-color-background-hover-l: 90.2%;
-  --dt-theme-topbar-button-color-background-hover-a: 15%;
-  --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
-  --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 15%));
-  --dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
-  --dt-theme-topbar-button-color-background-h: 0;
-  --dt-theme-topbar-button-color-background-s: 0%;
-  --dt-theme-topbar-button-color-background-l: 90.2%;
-  --dt-theme-topbar-button-color-background-a: 0%;
-  --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
-  --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
-  --dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
-  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
-  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
-  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
-  --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
-  --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
-  --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
-  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
-  --dt-theme-topbar-button-color-foreground-h: 0;
-  --dt-theme-topbar-button-color-foreground-s: 0%;
-  --dt-theme-topbar-button-color-foreground-l: 90.2%;
-  --dt-theme-topbar-button-color-foreground-a: 65%;
-  --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
-  --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
-  --dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
-  --dt-theme-topbar-field-color-border-active-h: 0;
-  --dt-theme-topbar-field-color-border-active-s: 0%;
-  --dt-theme-topbar-field-color-border-active-l: 90.2%;
-  --dt-theme-topbar-field-color-border-active-a: 20%;
-  --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
-  --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
-  --dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
-  --dt-theme-topbar-field-color-border-hover-h: 0;
-  --dt-theme-topbar-field-color-border-hover-s: 0%;
-  --dt-theme-topbar-field-color-border-hover-l: 90.2%;
-  --dt-theme-topbar-field-color-border-hover-a: 10%;
-  --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
-  --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
-  --dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
-  --dt-theme-topbar-field-color-border-h: 0;
-  --dt-theme-topbar-field-color-border-s: 0%;
-  --dt-theme-topbar-field-color-border-l: 90.2%;
-  --dt-theme-topbar-field-color-border-a: 0%;
-  --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
-  --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
-  --dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
-  --dt-theme-topbar-field-color-background-h: 0;
-  --dt-theme-topbar-field-color-background-s: 0%;
-  --dt-theme-topbar-field-color-background-l: 90.2%;
-  --dt-theme-topbar-field-color-background-a: 5%;
-  --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
-  --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
-  --dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
-  --dt-theme-topbar-field-color-foreground-hover-h: 0;
-  --dt-theme-topbar-field-color-foreground-hover-s: 0%;
-  --dt-theme-topbar-field-color-foreground-hover-l: 90.2%;
-  --dt-theme-topbar-field-color-foreground-hover-a: 75%;
-  --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
-  --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
-  --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
-  --dt-theme-topbar-field-color-foreground-h: 0;
-  --dt-theme-topbar-field-color-foreground-s: 0%;
-  --dt-theme-topbar-field-color-foreground-l: 90.2%;
-  --dt-theme-topbar-field-color-foreground-a: 50%;
-  --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
-  --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
-  --dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
+  --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
+  --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
+  --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
+  --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
+  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
+  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
+  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
   --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
   --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
   --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1887,13 +2196,6 @@
   --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
   --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
   --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
-  --dt-theme-topbar-color-foreground-h: 0;
-  --dt-theme-topbar-color-foreground-s: 0%;
-  --dt-theme-topbar-color-foreground-l: 90.2%;
-  --dt-theme-topbar-color-foreground-a: 80%;
-  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
-  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
-  --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.8);
   --dt-action-color-border-positive-outlined-default-h: var(--dt-color-border-success-h);
   --dt-action-color-border-positive-outlined-default-s: var(--dt-color-border-success-s);
   --dt-action-color-border-positive-outlined-default-l: var(--dt-color-border-success-l);
@@ -1922,6 +2224,13 @@
   --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
   --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
   --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
+  --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
+  --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
+  --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
+  --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
+  --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
+  --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
+  --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
   --dt-action-color-background-positive-primary-active-h: var(--dt-action-color-background-positive-primary-default-h);
   --dt-action-color-background-positive-primary-active-s: var(--dt-action-color-background-positive-primary-default-s);
   --dt-action-color-background-positive-primary-active-l: var(--dt-action-color-background-positive-primary-default-l);
@@ -1957,13 +2266,13 @@
   --dt-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
   --dt-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
   --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
-  --dt-action-color-background-inverted-primary-active-h: var(--dt-action-color-background-inverted-primary-default-h);
-  --dt-action-color-background-inverted-primary-active-s: var(--dt-action-color-background-inverted-primary-default-s);
-  --dt-action-color-background-inverted-primary-active-l: var(--dt-action-color-background-inverted-primary-default-l);
-  --dt-action-color-background-inverted-primary-active-a: var(--dt-action-color-background-inverted-primary-default-a);
-  --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-default-hsl);
-  --dt-action-color-background-inverted-primary-active-hsla: var(--dt-action-color-background-inverted-primary-default-hsla);
-  --dt-action-color-background-inverted-primary-active: var(--dt-action-color-background-inverted-primary-default);
+  --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
+  --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
+  --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
+  --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
+  --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
+  --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
+  --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
   --dt-action-color-background-inverted-active-h: var(--dt-color-surface-bold-opaque-inverted-h);
   --dt-action-color-background-inverted-active-s: var(--dt-color-surface-bold-opaque-inverted-s);
   --dt-action-color-background-inverted-active-l: var(--dt-color-surface-bold-opaque-inverted-l);
@@ -1992,13 +2301,20 @@
   --dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
   --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
   --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
-  --dt-action-color-background-base-active-h: 329;
-  --dt-action-color-background-base-active-s: 100%;
-  --dt-action-color-background-base-active-l: 14.7%;
+  --dt-action-color-background-base-primary-active-h: var(--dt-action-color-background-base-primary-default-h);
+  --dt-action-color-background-base-primary-active-s: var(--dt-action-color-background-base-primary-default-s);
+  --dt-action-color-background-base-primary-active-l: var(--dt-action-color-background-base-primary-default-l);
+  --dt-action-color-background-base-primary-active-a: var(--dt-action-color-background-base-primary-default-a);
+  --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-default-hsl);
+  --dt-action-color-background-base-primary-active-hsla: var(--dt-action-color-background-base-primary-default-hsla);
+  --dt-action-color-background-base-primary-active: var(--dt-action-color-background-base-primary-default);
+  --dt-action-color-background-base-active-h: 253;
+  --dt-action-color-background-base-active-s: 95.9%;
+  --dt-action-color-background-base-active-l: 71.6%;
   --dt-action-color-background-base-active-a: 30%;
   --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
   --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 30%));
-  --dt-action-color-background-base-active: hsl(329 100% 14.7% / 0.3);
+  --dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
   --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
   --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
   --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
@@ -2006,13 +2322,20 @@
   --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
   --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
   --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
-  --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
-  --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
-  --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
-  --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
-  --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
-  --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
-  --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
+  --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
+  --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
+  --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
+  --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
+  --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
+  --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
+  --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
+  --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
+  --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
+  --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
+  --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
+  --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
+  --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
+  --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
   --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
   --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
   --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
@@ -2020,13 +2343,20 @@
   --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
   --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
   --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
-  --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
-  --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
-  --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
-  --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
-  --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
-  --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
-  --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
+  --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
+  --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
+  --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
+  --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
+  --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
+  --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
+  --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
+  --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
+  --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
+  --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
+  --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
+  --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
+  --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
+  --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
   --dt-inputs-color-background-disabled-h: var(--dt-color-surface-moderate-opaque-h);
   --dt-inputs-color-background-disabled-s: var(--dt-color-surface-moderate-opaque-s);
   --dt-inputs-color-background-disabled-l: var(--dt-color-surface-moderate-opaque-l);
@@ -2280,6 +2610,62 @@
   --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-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-color-foreground-strong-h: 0;
+  --dt-shell-color-foreground-strong-s: 0%;
+  --dt-shell-color-foreground-strong-l: 98%;
+  --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% 98%);
   --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);
@@ -2294,13 +2680,6 @@
   --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
   --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
   --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
-  --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
-  --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
-  --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
-  --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
-  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
-  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
-  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
   --dt-theme-topbar-field-color-background-hover-h: 0;
   --dt-theme-topbar-field-color-background-hover-s: 0%;
   --dt-theme-topbar-field-color-background-hover-l: 8.27%;
@@ -2350,6 +2729,13 @@
   --dt-action-color-foreground-muted-default-hsl: var(--dt-color-link-muted-hsl);
   --dt-action-color-foreground-muted-default-hsla: var(--dt-color-link-muted-hsla);
   --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
+  --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
+  --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
+  --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
+  --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
+  --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
+  --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
+  --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
   --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
   --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
   --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
@@ -2371,6 +2757,13 @@
   --dt-action-color-foreground-critical-default-hsl: var(--dt-color-link-critical-hsl);
   --dt-action-color-foreground-critical-default-hsla: var(--dt-color-link-critical-hsla);
   --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
+  --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
+  --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
+  --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
+  --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
+  --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
+  --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
+  --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
   --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 */
@@ -2436,6 +2829,27 @@
   --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-action-color-foreground-muted-selected-h: 0;
+  --dt-shell-action-color-foreground-muted-selected-s: 0%;
+  --dt-shell-action-color-foreground-muted-selected-l: 36.1%;
+  --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% 36.1% / 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: 54.1%;
+  --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% 54.1% / 0.6);
+  --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-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 +2878,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;