@dialpad/dialtone-tokens 1.42.0 → 1.43.0

package/dist/android/res/values/colors-expressive-light.xml

@@ -125,6 +125,7 @@
   <color name="dt_expressive_light_color_surface_info_subtle_opaque_inverted">#a8010b16</color>
   <color name="dt_expressive_light_color_surface_brand_subtle_opaque_inverted">#a810022c</color>
   <color name="dt_expressive_light_color_surface_backdrop">#a6000000</color>
+  <color name="dt_expressive_light_color_surface_ai">#ff000000</color>
   <color name="dt_expressive_light_color_border_subtle">#1c1c1c1c</color>
   <color name="dt_expressive_light_color_border_default">#2b1c1c1c</color>
   <color name="dt_expressive_light_color_border_moderate">#4d1c1c1c</color>
@@ -158,6 +159,7 @@
   <color name="dt_expressive_light_color_border_warning_strong_inverted">#ffffdb80</color>
   <color name="dt_expressive_light_color_border_brand_strong_inverted">#ffd3bcff</color>
   <color name="dt_expressive_light_color_border_focus">#ff4aa9ea</color>
+  <color name="dt_expressive_light_color_border_ai">#ff000000</color>
   <color name="dt_expressive_light_color_border_accent">#ffff1ba4</color>
   <color name="dt_expressive_light_inputs_color_foreground_default">#ff3a3a3a</color>
   <color name="dt_expressive_light_inputs_color_foreground_placeholder">#ff808080</color>
@@ -294,6 +296,7 @@
   <color name="dt_expressive_light_badge_color_background_critical">#ffffaba4</color>
   <color name="dt_expressive_light_badge_color_background_bulletin">#ff7c52ff</color>
   <color name="dt_expressive_light_badge_color_background_bulletin_subtle">#ffd3bcff</color>
+  <color name="dt_expressive_light_badge_color_background_ai">#ff000000</color>
   <color name="dt_expressive_light_badge_color_foreground_default">#ff000000</color>
   <color name="dt_expressive_light_badge_color_foreground_bulletin">#ffffffff</color>
   <color name="dt_expressive_light_badge_color_foreground_bulletin_subtle">#ff3a1d95</color>

package/dist/android/res/values/colors-expressive-sm-dark.xml

@@ -57,12 +57,12 @@
   <color name="dt_expressive_sm_dark_color_surface_strong">#ffb0b0b0</color>
   <color name="dt_expressive_sm_dark_color_surface_contrast">#ffffffff</color>
   <color name="dt_expressive_sm_dark_color_surface_critical">#ff380010</color>
-  <color name="dt_expressive_sm_dark_color_surface_warning">#ff2c1b02</color>
+  <color name="dt_expressive_sm_dark_color_surface_warning">#ff533204</color>
   <color name="dt_expressive_sm_dark_color_surface_success">#ff012717</color>
   <color name="dt_expressive_sm_dark_color_surface_info">#ff001429</color>
   <color name="dt_expressive_sm_dark_color_surface_brand">#ff1d0155</color>
   <color name="dt_expressive_sm_dark_color_surface_critical_subtle">#ff1c0008</color>
-  <color name="dt_expressive_sm_dark_color_surface_warning_subtle">#ff160d01</color>
+  <color name="dt_expressive_sm_dark_color_surface_warning_subtle">#ff2c1b02</color>
   <color name="dt_expressive_sm_dark_color_surface_success_subtle">#ff00140c</color>
   <color name="dt_expressive_sm_dark_color_surface_info_subtle">#ff000c19</color>
   <color name="dt_expressive_sm_dark_color_surface_brand_subtle">#ff10022c</color>
@@ -78,12 +78,12 @@
   <color name="dt_expressive_sm_dark_color_surface_strong_opaque">#bde6e6e6</color>
   <color name="dt_expressive_sm_dark_color_surface_contrast_opaque">#f7ffffff</color>
   <color name="dt_expressive_sm_dark_color_surface_critical_opaque">#3393173a</color>
-  <color name="dt_expressive_sm_dark_color_surface_warning_opaque">#59533204</color>
+  <color name="dt_expressive_sm_dark_color_surface_warning_opaque">#8c815008</color>
   <color name="dt_expressive_sm_dark_color_surface_success_opaque">#47004f2e</color>
   <color name="dt_expressive_sm_dark_color_surface_info_opaque">#66001429</color>
   <color name="dt_expressive_sm_dark_color_surface_brand_opaque">#b31d0155</color>
   <color name="dt_expressive_sm_dark_color_surface_critical_subtle_opaque">#991c0108</color>
-  <color name="dt_expressive_sm_dark_color_surface_warning_subtle_opaque">#b3201301</color>
+  <color name="dt_expressive_sm_dark_color_surface_warning_subtle_opaque">#b32c1b02</color>
   <color name="dt_expressive_sm_dark_color_surface_success_subtle_opaque">#9900150d</color>
   <color name="dt_expressive_sm_dark_color_surface_info_subtle_opaque">#b3010b16</color>
   <color name="dt_expressive_sm_dark_color_surface_brand_subtle_opaque">#a610022c</color>
@@ -125,6 +125,7 @@
   <color name="dt_expressive_sm_dark_color_surface_info_subtle_opaque_inverted">#a8f5f9fd</color>
   <color name="dt_expressive_sm_dark_color_surface_brand_subtle_opaque_inverted">#a8f9f6ff</color>
   <color name="dt_expressive_sm_dark_color_surface_backdrop">#a6000000</color>
+  <color name="dt_expressive_sm_dark_color_surface_ai">#ff000000</color>
   <color name="dt_expressive_sm_dark_color_border_subtle">#24ffffff</color>
   <color name="dt_expressive_sm_dark_color_border_default">#38ffffff</color>
   <color name="dt_expressive_sm_dark_color_border_moderate">#5cffffff</color>
@@ -158,6 +159,7 @@
   <color name="dt_expressive_sm_dark_color_border_warning_strong_inverted">#ffd57f00</color>
   <color name="dt_expressive_sm_dark_color_border_brand_strong_inverted">#ff5023dd</color>
   <color name="dt_expressive_sm_dark_color_border_focus">#ff3b96df</color>
+  <color name="dt_expressive_sm_dark_color_border_ai">#ff000000</color>
   <color name="dt_expressive_sm_dark_color_border_accent">#ffff1ba4</color>
   <color name="dt_expressive_sm_dark_inputs_color_foreground_default">#ffe6e6e6</color>
   <color name="dt_expressive_sm_dark_inputs_color_foreground_placeholder">#ffb0b0b0</color>
@@ -294,6 +296,7 @@
   <color name="dt_expressive_sm_dark_badge_color_background_critical">#ff640823</color>
   <color name="dt_expressive_sm_dark_badge_color_background_bulletin">#ffbba6fc</color>
   <color name="dt_expressive_sm_dark_badge_color_background_bulletin_subtle">#ff3a1d95</color>
+  <color name="dt_expressive_sm_dark_badge_color_background_ai">#ff000000</color>
   <color name="dt_expressive_sm_dark_badge_color_foreground_default">#ffffffff</color>
   <color name="dt_expressive_sm_dark_badge_color_foreground_bulletin">#ff000000</color>
   <color name="dt_expressive_sm_dark_badge_color_foreground_bulletin_subtle">#ffd3bcff</color>

package/dist/android/res/values/colors-expressive-sm-light.xml

@@ -125,6 +125,7 @@
   <color name="dt_expressive_sm_light_color_surface_info_subtle_opaque_inverted">#a8010b16</color>
   <color name="dt_expressive_sm_light_color_surface_brand_subtle_opaque_inverted">#a810022c</color>
   <color name="dt_expressive_sm_light_color_surface_backdrop">#a6000000</color>
+  <color name="dt_expressive_sm_light_color_surface_ai">#ff000000</color>
   <color name="dt_expressive_sm_light_color_border_subtle">#1c1c1c1c</color>
   <color name="dt_expressive_sm_light_color_border_default">#2b1c1c1c</color>
   <color name="dt_expressive_sm_light_color_border_moderate">#4d1c1c1c</color>
@@ -158,6 +159,7 @@
   <color name="dt_expressive_sm_light_color_border_warning_strong_inverted">#ffffdb80</color>
   <color name="dt_expressive_sm_light_color_border_brand_strong_inverted">#ffd3bcff</color>
   <color name="dt_expressive_sm_light_color_border_focus">#ff4aa9ea</color>
+  <color name="dt_expressive_sm_light_color_border_ai">#ff000000</color>
   <color name="dt_expressive_sm_light_color_border_accent">#ffff1ba4</color>
   <color name="dt_expressive_sm_light_inputs_color_foreground_default">#ff3a3a3a</color>
   <color name="dt_expressive_sm_light_inputs_color_foreground_placeholder">#ff808080</color>
@@ -294,6 +296,7 @@
   <color name="dt_expressive_sm_light_badge_color_background_critical">#ffffaba4</color>
   <color name="dt_expressive_sm_light_badge_color_background_bulletin">#ff7c52ff</color>
   <color name="dt_expressive_sm_light_badge_color_background_bulletin_subtle">#ffd3bcff</color>
+  <color name="dt_expressive_sm_light_badge_color_background_ai">#ff000000</color>
   <color name="dt_expressive_sm_light_badge_color_foreground_default">#ff000000</color>
   <color name="dt_expressive_sm_light_badge_color_foreground_bulletin">#ffffffff</color>
   <color name="dt_expressive_sm_light_badge_color_foreground_bulletin_subtle">#ff3a1d95</color>

package/dist/android/res/values/colors-tmo-dark.xml

@@ -57,12 +57,12 @@
   <color name="dt_tmo_dark_color_surface_strong">#ffb0b0b0</color>
   <color name="dt_tmo_dark_color_surface_contrast">#ffffffff</color>
   <color name="dt_tmo_dark_color_surface_critical">#ff380010</color>
-  <color name="dt_tmo_dark_color_surface_warning">#ff2c1b02</color>
+  <color name="dt_tmo_dark_color_surface_warning">#ff533204</color>
   <color name="dt_tmo_dark_color_surface_success">#ff012717</color>
   <color name="dt_tmo_dark_color_surface_info">#ff001429</color>
   <color name="dt_tmo_dark_color_surface_brand">#ff3d001f</color>
   <color name="dt_tmo_dark_color_surface_critical_subtle">#ff1c0008</color>
-  <color name="dt_tmo_dark_color_surface_warning_subtle">#ff160d01</color>
+  <color name="dt_tmo_dark_color_surface_warning_subtle">#ff2c1b02</color>
   <color name="dt_tmo_dark_color_surface_success_subtle">#ff00140c</color>
   <color name="dt_tmo_dark_color_surface_info_subtle">#ff000c19</color>
   <color name="dt_tmo_dark_color_surface_brand_subtle">#ff2e0018</color>
@@ -78,12 +78,12 @@
   <color name="dt_tmo_dark_color_surface_strong_opaque">#bde6e6e6</color>
   <color name="dt_tmo_dark_color_surface_contrast_opaque">#f7ffffff</color>
   <color name="dt_tmo_dark_color_surface_critical_opaque">#3393173a</color>
-  <color name="dt_tmo_dark_color_surface_warning_opaque">#59533204</color>
+  <color name="dt_tmo_dark_color_surface_warning_opaque">#8c815008</color>
   <color name="dt_tmo_dark_color_surface_success_opaque">#47004f2e</color>
   <color name="dt_tmo_dark_color_surface_info_opaque">#66001429</color>
   <color name="dt_tmo_dark_color_surface_brand_opaque">#1ce20074</color>
   <color name="dt_tmo_dark_color_surface_critical_subtle_opaque">#991c0108</color>
-  <color name="dt_tmo_dark_color_surface_warning_subtle_opaque">#b3201301</color>
+  <color name="dt_tmo_dark_color_surface_warning_subtle_opaque">#b32c1b02</color>
   <color name="dt_tmo_dark_color_surface_success_subtle_opaque">#9900150d</color>
   <color name="dt_tmo_dark_color_surface_info_subtle_opaque">#b3010b16</color>
   <color name="dt_tmo_dark_color_surface_brand_subtle_opaque">#0de20074</color>
@@ -125,6 +125,7 @@
   <color name="dt_tmo_dark_color_surface_info_subtle_opaque_inverted">#a8f5f9fd</color>
   <color name="dt_tmo_dark_color_surface_brand_subtle_opaque_inverted">#a8f9f6ff</color>
   <color name="dt_tmo_dark_color_surface_backdrop">#a6000000</color>
+  <color name="dt_tmo_dark_color_surface_ai">#ff000000</color>
   <color name="dt_tmo_dark_color_border_subtle">#24ffffff</color>
   <color name="dt_tmo_dark_color_border_default">#38ffffff</color>
   <color name="dt_tmo_dark_color_border_moderate">#5cffffff</color>
@@ -158,6 +159,7 @@
   <color name="dt_tmo_dark_color_border_warning_strong_inverted">#ffd57f00</color>
   <color name="dt_tmo_dark_color_border_brand_strong_inverted">#ffa80056</color>
   <color name="dt_tmo_dark_color_border_focus">#ff3b96df</color>
+  <color name="dt_tmo_dark_color_border_ai">#ff000000</color>
   <color name="dt_tmo_dark_color_border_accent">#ffff1ba4</color>
   <color name="dt_tmo_dark_inputs_color_foreground_default">#ffe6e6e6</color>
   <color name="dt_tmo_dark_inputs_color_foreground_placeholder">#ffb0b0b0</color>
@@ -294,6 +296,7 @@
   <color name="dt_tmo_dark_badge_color_background_critical">#ff640823</color>
   <color name="dt_tmo_dark_badge_color_background_bulletin">#ffffb2da</color>
   <color name="dt_tmo_dark_badge_color_background_bulletin_subtle">#ff3a1d95</color>
+  <color name="dt_tmo_dark_badge_color_background_ai">#ff000000</color>
   <color name="dt_tmo_dark_badge_color_foreground_default">#ffffffff</color>
   <color name="dt_tmo_dark_badge_color_foreground_bulletin">#ff000000</color>
   <color name="dt_tmo_dark_badge_color_foreground_bulletin_subtle">#ffe6e6e6</color>

package/dist/android/res/values/colors-tmo-light.xml

@@ -125,6 +125,7 @@
   <color name="dt_tmo_light_color_surface_info_subtle_opaque_inverted">#a8010b16</color>
   <color name="dt_tmo_light_color_surface_brand_subtle_opaque_inverted">#a810022c</color>
   <color name="dt_tmo_light_color_surface_backdrop">#a6000000</color>
+  <color name="dt_tmo_light_color_surface_ai">#ff000000</color>
   <color name="dt_tmo_light_color_border_subtle">#1c1c1c1c</color>
   <color name="dt_tmo_light_color_border_default">#2b1c1c1c</color>
   <color name="dt_tmo_light_color_border_moderate">#4d1c1c1c</color>
@@ -158,6 +159,7 @@
   <color name="dt_tmo_light_color_border_warning_strong_inverted">#ffffdb80</color>
   <color name="dt_tmo_light_color_border_brand_strong_inverted">#ffffb2da</color>
   <color name="dt_tmo_light_color_border_focus">#ff4aa9ea</color>
+  <color name="dt_tmo_light_color_border_ai">#ff000000</color>
   <color name="dt_tmo_light_color_border_accent">#ffff1ba4</color>
   <color name="dt_tmo_light_inputs_color_foreground_default">#ff3a3a3a</color>
   <color name="dt_tmo_light_inputs_color_foreground_placeholder">#ff808080</color>
@@ -294,6 +296,7 @@
   <color name="dt_tmo_light_badge_color_background_critical">#ffffaba4</color>
   <color name="dt_tmo_light_badge_color_background_bulletin">#ffe20074</color>
   <color name="dt_tmo_light_badge_color_background_bulletin_subtle">#ffd3bcff</color>
+  <color name="dt_tmo_light_badge_color_background_ai">#ff000000</color>
   <color name="dt_tmo_light_badge_color_foreground_default">#ff000000</color>
   <color name="dt_tmo_light_badge_color_foreground_bulletin">#ffffffff</color>
   <color name="dt_tmo_light_badge_color_foreground_bulletin_subtle">#ff3a1d95</color>

package/dist/css/tokens-base-dark.css

@@ -155,6 +155,7 @@
   --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
   --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
   --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
+  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
   --dt-color-indigo-1000-h: 217.49999999999986;
   --dt-color-indigo-1000-s: 50%;
   --dt-color-indigo-1000-l: 96.8627450980392%;
@@ -1760,7 +1761,6 @@
   --dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);
   --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
   --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
-  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(132deg, #FE8819 0%, var(--dt-color-brand-red) 30%, var(--dt-color-brand-magenta) 75%, #AE3ADF 100%);
   --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
   --dt-size-base: calc(1rem * 0.8);
   --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);

package/dist/css/tokens-base-deca-dark.css

@@ -155,6 +155,7 @@
   --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
   --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
   --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
+  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
   --dt-color-indigo-1000-h: 217.49999999999986;
   --dt-color-indigo-1000-s: 50%;
   --dt-color-indigo-1000-l: 96.8627450980392%;
@@ -1760,7 +1761,6 @@
   --dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);
   --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
   --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
-  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(132deg, #FE8819 0%, var(--dt-color-brand-red) 30%, var(--dt-color-brand-magenta) 75%, #AE3ADF 100%);
   --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
   --dt-size-base: calc(1rem * 0.8);
   --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);

package/dist/css/tokens-base-deca-light.css

@@ -105,6 +105,7 @@
   --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
   --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
   --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
+  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%); /* Gradient for Ai-oriented treatments. */
   --dt-color-indigo-1000-h: 203.2258064516129;
   --dt-color-indigo-1000-s: 100%;
   --dt-color-indigo-1000-l: 6.078431372549019%;
@@ -1520,7 +1521,6 @@
   --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
   --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
   --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
-  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(140deg, #FF5E2F 0%, var(--dt-color-brand-red) 25%, var(--dt-color-brand-magenta) 66%, #9D42EA 100%); /* Gradient for Ai-oriented treatments. */
   --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
   --dt-size-base: calc(1rem * 0.8);
   --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);

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

@@ -105,6 +105,7 @@
   --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
   --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
   --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
+  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%); /* Gradient for Ai-oriented treatments. */
   --dt-color-indigo-1000-h: 203.2258064516129;
   --dt-color-indigo-1000-s: 100%;
   --dt-color-indigo-1000-l: 6.078431372549019%;
@@ -1520,7 +1521,6 @@
   --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
   --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
   --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
-  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(140deg, #FF5E2F 0%, var(--dt-color-brand-red) 25%, var(--dt-color-brand-magenta) 66%, #9D42EA 100%); /* Gradient for Ai-oriented treatments. */
   --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
   --dt-size-base: calc(1rem * 0.8);
   --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);

package/dist/css/tokens-debug-base.css

@@ -105,6 +105,7 @@
   --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
   --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
   --dt-color-brand-purple: #ff5c00; /* Primary brand color. */
+  --dt-color-gradient-gold-red-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
   --dt-color-indigo-1000-h: 22;
   --dt-color-indigo-1000-s: 100%;
   --dt-color-indigo-1000-l: 50%;
@@ -1520,7 +1521,6 @@
   --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
   --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
   --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
-  --dt-color-gradient-gold-red-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
   --dt-color-gradient-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
   --dt-size-base: calc(1rem * 0.8);
   --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);

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

@@ -205,6 +205,7 @@
   --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
   --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
   --dt-badge-color-foreground-default: #ff5c00;
+  --dt-badge-color-background-ai: #ff5c00;
   --dt-badge-color-background-bulletin-subtle-h: 22;
   --dt-badge-color-background-bulletin-subtle-s: 100%;
   --dt-badge-color-background-bulletin-subtle-l: 50%;
@@ -594,6 +595,7 @@
   --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
   --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
   --dt-color-border-accent: #ff5c00;
+  --dt-color-border-ai: #ff5c00;
   --dt-color-border-focus-h: 22;
   --dt-color-border-focus-s: 100%;
   --dt-color-border-focus-l: 50%;
@@ -825,6 +827,7 @@
   --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
   --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
   --dt-color-border-subtle: #ff5c00;
+  --dt-color-surface-ai: #ff5c00;
   --dt-color-surface-backdrop-h: 22;
   --dt-color-surface-backdrop-s: 100%;
   --dt-color-surface-backdrop-l: 50%;
@@ -1639,7 +1642,6 @@
   --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
   --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
   --dt-badge-color-border-default: #ff5c00;
-  --dt-badge-color-background-ai: #ff5c00;
   --dt-badge-color-background-bulletin-h: 22;
   --dt-badge-color-background-bulletin-s: 100%;
   --dt-badge-color-background-bulletin-l: 50%;
@@ -2137,8 +2139,6 @@
   --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
   --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
   --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
-  --dt-color-border-ai: #ff5c00;
-  --dt-color-surface-ai: #ff5c00;
   --dt-color-surface-primary-opaque-inverted-h: 22;
   --dt-color-surface-primary-opaque-inverted-s: 100%;
   --dt-color-surface-primary-opaque-inverted-l: 50%;

package/dist/css/tokens-deca-dark.css

@@ -198,6 +198,7 @@
   --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
   --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
   --dt-badge-color-foreground-default: var(--dt-color-black-1000);
+  --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
   --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
   --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -580,6 +581,7 @@
   --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
   --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
   --dt-color-border-accent: var(--dt-color-brand-magenta);
+  --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-border-focus-h: var(--dt-color-blue-425-h);
   --dt-color-border-focus-s: var(--dt-color-blue-425-s);
   --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -811,6 +813,7 @@
   --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
   --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
   --dt-color-border-subtle: lch(88 2.23 62.9 / 0.11);
+  --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-surface-backdrop-h: 0;
   --dt-color-surface-backdrop-s: 0%;
   --dt-color-surface-backdrop-l: 0%;
@@ -1091,13 +1094,13 @@
   --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
   --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
   --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
-  --dt-color-surface-warning-subtle-opaque-h: 34.8;
-  --dt-color-surface-warning-subtle-opaque-s: 93.9%;
-  --dt-color-surface-warning-subtle-opaque-l: 6.47%;
+  --dt-color-surface-warning-subtle-opaque-h: 35.7;
+  --dt-color-surface-warning-subtle-opaque-s: 91.3%;
+  --dt-color-surface-warning-subtle-opaque-l: 9.02%;
   --dt-color-surface-warning-subtle-opaque-a: 70%;
   --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
   --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
-  --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
+  --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
   --dt-color-surface-critical-subtle-opaque-h: 344;
   --dt-color-surface-critical-subtle-opaque-s: 93.1%;
   --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1126,13 +1129,13 @@
   --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
   --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
   --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
-  --dt-color-surface-warning-opaque-h: 34.9;
-  --dt-color-surface-warning-opaque-s: 90.8%;
-  --dt-color-surface-warning-opaque-l: 17.1%;
-  --dt-color-surface-warning-opaque-a: 35%;
+  --dt-color-surface-warning-opaque-h: 35.7;
+  --dt-color-surface-warning-opaque-s: 88.3%;
+  --dt-color-surface-warning-opaque-l: 26.899999999999995%;
+  --dt-color-surface-warning-opaque-a: 55%;
   --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
-  --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
-  --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
+  --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
+  --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
   --dt-color-surface-critical-opaque-h: 343;
   --dt-color-surface-critical-opaque-s: 72.9%;
   --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1231,13 +1234,13 @@
   --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
   --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
   --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
-  --dt-color-surface-warning-subtle-h: 35.7;
-  --dt-color-surface-warning-subtle-s: 91.3%;
-  --dt-color-surface-warning-subtle-l: 4.51%;
-  --dt-color-surface-warning-subtle-a: 100%;
-  --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
-  --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
-  --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
+  --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
+  --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
+  --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
+  --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
+  --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
+  --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
+  --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
   --dt-color-surface-critical-subtle-h: 343;
   --dt-color-surface-critical-subtle-s: 100%;
   --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1266,13 +1269,13 @@
   --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
   --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
   --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
-  --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
-  --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
-  --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
-  --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
-  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
-  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
-  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
+  --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
+  --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
+  --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
+  --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
+  --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
+  --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
+  --dt-color-surface-warning: var(--dt-color-gold-200);
   --dt-color-surface-critical-h: var(--dt-color-red-100-h);
   --dt-color-surface-critical-s: var(--dt-color-red-100-s);
   --dt-color-surface-critical-l: var(--dt-color-red-100-l);
@@ -1632,7 +1635,6 @@
   --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(25.7 10.1% 86.5%);
-  --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --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);
@@ -2144,8 +2146,6 @@
   --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
   --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
   --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
-  --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
-  --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-surface-primary-opaque-inverted-h: 30;
   --dt-color-surface-primary-opaque-inverted-s: 12.5%;
   --dt-color-surface-primary-opaque-inverted-l: 96.9%;

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

@@ -205,6 +205,7 @@
   --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
   --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
   --dt-badge-color-foreground-default: var(--dt-color-black-1000);
+  --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
   --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
   --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -594,6 +595,7 @@
   --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
   --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
   --dt-color-border-accent: var(--dt-color-brand-magenta);
+  --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-border-focus-h: var(--dt-color-blue-425-h);
   --dt-color-border-focus-s: var(--dt-color-blue-425-s);
   --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -825,6 +827,7 @@
   --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
   --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
   --dt-color-border-subtle: lch(10.4 0.93 70.2 / 0.11);
+  --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-surface-backdrop-h: 0;
   --dt-color-surface-backdrop-s: 0%;
   --dt-color-surface-backdrop-l: 0%;
@@ -1639,7 +1642,6 @@
   --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
   --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
   --dt-badge-color-border-default: var(--dt-color-border-subtle);
-  --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --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);
@@ -2137,8 +2139,6 @@
   --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
   --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
   --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
-  --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
-  --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-surface-primary-opaque-inverted-h: 30;
   --dt-color-surface-primary-opaque-inverted-s: 10%;
   --dt-color-surface-primary-opaque-inverted-l: 3.92%;

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

@@ -198,6 +198,7 @@
   --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
   --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
   --dt-badge-color-foreground-default: var(--dt-color-black-1000);
+  --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
   --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
   --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -580,6 +581,7 @@
   --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
   --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
   --dt-color-border-accent: var(--dt-color-brand-magenta);
+  --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-border-focus-h: var(--dt-color-blue-425-h);
   --dt-color-border-focus-s: var(--dt-color-blue-425-s);
   --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -811,6 +813,7 @@
   --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
   --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 14%));
   --dt-color-border-subtle: hsl(0 0% 100% / 0.14);
+  --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-surface-backdrop-h: 0;
   --dt-color-surface-backdrop-s: 0%;
   --dt-color-surface-backdrop-l: 0%;
@@ -1091,13 +1094,13 @@
   --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
   --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
   --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
-  --dt-color-surface-warning-subtle-opaque-h: 34.8;
-  --dt-color-surface-warning-subtle-opaque-s: 93.9%;
-  --dt-color-surface-warning-subtle-opaque-l: 6.47%;
+  --dt-color-surface-warning-subtle-opaque-h: 35.7;
+  --dt-color-surface-warning-subtle-opaque-s: 91.3%;
+  --dt-color-surface-warning-subtle-opaque-l: 9.02%;
   --dt-color-surface-warning-subtle-opaque-a: 70%;
   --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
   --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
-  --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
+  --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
   --dt-color-surface-critical-subtle-opaque-h: 344;
   --dt-color-surface-critical-subtle-opaque-s: 93.1%;
   --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1126,13 +1129,13 @@
   --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
   --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
   --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
-  --dt-color-surface-warning-opaque-h: 34.9;
-  --dt-color-surface-warning-opaque-s: 90.8%;
-  --dt-color-surface-warning-opaque-l: 17.1%;
-  --dt-color-surface-warning-opaque-a: 35%;
+  --dt-color-surface-warning-opaque-h: 35.7;
+  --dt-color-surface-warning-opaque-s: 88.3%;
+  --dt-color-surface-warning-opaque-l: 26.899999999999995%;
+  --dt-color-surface-warning-opaque-a: 55%;
   --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
-  --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
-  --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
+  --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
+  --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
   --dt-color-surface-critical-opaque-h: 343;
   --dt-color-surface-critical-opaque-s: 72.9%;
   --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1231,13 +1234,13 @@
   --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
   --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
   --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
-  --dt-color-surface-warning-subtle-h: 35.7;
-  --dt-color-surface-warning-subtle-s: 91.3%;
-  --dt-color-surface-warning-subtle-l: 4.51%;
-  --dt-color-surface-warning-subtle-a: 100%;
-  --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
-  --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
-  --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
+  --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
+  --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
+  --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
+  --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
+  --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
+  --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
+  --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
   --dt-color-surface-critical-subtle-h: 343;
   --dt-color-surface-critical-subtle-s: 100%;
   --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1266,13 +1269,13 @@
   --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
   --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
   --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
-  --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
-  --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
-  --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
-  --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
-  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
-  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
-  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
+  --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
+  --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
+  --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
+  --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
+  --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
+  --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
+  --dt-color-surface-warning: var(--dt-color-gold-200);
   --dt-color-surface-critical-h: var(--dt-color-red-100-h);
   --dt-color-surface-critical-s: var(--dt-color-red-100-s);
   --dt-color-surface-critical-l: var(--dt-color-red-100-l);
@@ -1632,7 +1635,6 @@
   --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-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --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);
@@ -2144,8 +2146,6 @@
   --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
   --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
   --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
-  --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
-  --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-surface-primary-opaque-inverted-h: 0;
   --dt-color-surface-primary-opaque-inverted-s: 0%;
   --dt-color-surface-primary-opaque-inverted-l: 100%;