@atlaskit/tokens 13.2.0 → 13.3.1

package/figma/atlassian-dark.json

@@ -1,2768 +1,2741 @@
 {
   "name": "Dark",
   "tokens": {
-    "Dark/color.text": {
+    "Dark/color.background.accent.lime.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
+        "introduced": "1.6.0",
+        "description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#CECFD2"
+      "value": "#28311B"
     },
-    "Dark/color.text.accent.lime": {
+    "Dark/color.background.accent.lime.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.8.0",
-        "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.lime.subtlest."
       },
-      "value": "#B3DF72"
+      "value": "#37471F"
     },
-    "Dark/color.text.accent.lime.bolder": {
+    "Dark/color.background.accent.lime.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.8.0",
-        "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.lime.subtlest."
       },
-      "value": "#D3F1A7"
+      "value": "#3F5224"
     },
-    "Dark/color.text.accent.red": {
+    "Dark/color.background.accent.lime.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.6.0",
+        "description": "Use for for backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#FD9891"
+      "value": "#37471F"
     },
-    "Dark/color.text.accent.red.bolder": {
+    "Dark/color.background.accent.lime.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.lime.subtler."
       },
-      "value": "#FFD5D2"
+      "value": "#3F5224"
     },
-    "Dark/color.text.accent.orange": {
+    "Dark/color.background.accent.lime.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.lime.subtler."
       },
-      "value": "#FBC828"
+      "value": "#4C6B1F"
     },
-    "Dark/color.text.accent.orange.bolder": {
+    "Dark/color.background.accent.lime.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.6.0",
+        "description": "Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#FCE4A6"
+      "value": "#4C6B1F"
     },
-    "Dark/color.text.accent.yellow": {
+    "Dark/color.background.accent.lime.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.lime.subtle."
       },
-      "value": "#EED12B"
+      "value": "#3F5224"
     },
-    "Dark/color.text.accent.yellow.bolder": {
+    "Dark/color.background.accent.lime.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.lime.subtle."
       },
-      "value": "#F5E989"
+      "value": "#37471F"
     },
-    "Dark/color.text.accent.green": {
+    "Dark/color.background.accent.lime.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.6.0",
+        "description": "Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#7EE2B8"
+      "value": "#94C748"
     },
-    "Dark/color.text.accent.green.bolder": {
+    "Dark/color.background.accent.lime.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.lime.bolder."
       },
-      "value": "#BAF3DB"
+      "value": "#B3DF72"
     },
-    "Dark/color.text.accent.teal": {
+    "Dark/color.background.accent.lime.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.lime.bolder."
       },
-      "value": "#9DD9EE"
+      "value": "#BDE97C"
     },
-    "Dark/color.text.accent.teal.bolder": {
+    "Dark/color.background.accent.red.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
+        "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#C6EDFB"
+      "value": "#42221F"
     },
-    "Dark/color.text.accent.blue": {
+    "Dark/color.background.accent.red.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.red.subtlest."
       },
-      "value": "#8FB8F6"
+      "value": "#5D1F1A"
     },
-    "Dark/color.text.accent.blue.bolder": {
+    "Dark/color.background.accent.red.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.red.subtlest."
       },
-      "value": "#CFE1FD"
+      "value": "#872821"
     },
-    "Dark/color.text.accent.purple": {
+    "Dark/color.background.accent.red.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
+        "introduced": "0.7.0",
+        "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#D8A0F7"
+      "value": "#5D1F1A"
     },
-    "Dark/color.text.accent.purple.bolder": {
+    "Dark/color.background.accent.red.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.red.subtler."
       },
-      "value": "#EED7FC"
+      "value": "#872821"
     },
-    "Dark/color.text.accent.magenta": {
+    "Dark/color.background.accent.red.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.red.subtler."
       },
-      "value": "#F797D2"
+      "value": "#AE2E24"
     },
-    "Dark/color.text.accent.magenta.bolder": {
+    "Dark/color.background.accent.red.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
+        "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#FDD0EC"
+      "value": "#AE2E24"
     },
-    "Dark/color.text.accent.gray": {
+    "Dark/color.background.accent.red.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.10.5",
-        "description": "Use for text on non-bold gray accent backgrounds, such as colored tags."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.red.subtle."
       },
-      "value": "#A9ABAF"
+      "value": "#872821"
     },
-    "Dark/color.text.accent.gray.bolder": {
+    "Dark/color.background.accent.red.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.10.5",
-        "description": "Use for text and icons on gray subtle accent backgrounds."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.red.subtle."
       },
-      "value": "#E2E3E4"
+      "value": "#5D1F1A"
     },
-    "Dark/color.text.disabled": {
+    "Dark/color.background.accent.red.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for text in a disabled state."
+        "introduced": "0.7.0",
+        "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#E5E9F640"
+      "value": "#F87168"
     },
-    "Dark/color.text.inverse": {
+    "Dark/color.background.accent.red.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for text on bold backgrounds."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.red.bolder."
       },
-      "value": "#1F1F21"
+      "value": "#FD9891"
     },
-    "Dark/color.text.selected": {
+    "Dark/color.background.accent.red.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.red.bolder."
       },
-      "value": "#669DF1"
+      "value": "#FFB8B2"
     },
-    "Dark/color.text.brand": {
+    "Dark/color.background.accent.orange.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for text that reinforces our brand."
+        "introduced": "0.7.0",
+        "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#669DF1"
+      "value": "#3A2C1F"
     },
-    "Dark/color.text.danger": {
+    "Dark/color.background.accent.orange.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for critical text, such as input field error messaging."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.orange.subtlest."
       },
-      "value": "#FD9891"
+      "value": "#693200"
     },
-    "Dark/color.text.danger.bolder": {
+    "Dark/color.background.accent.orange.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.orange.subtlest."
       },
-      "value": "#FFD5D2"
+      "value": "#7A3B00"
     },
-    "Dark/color.text.warning": {
+    "Dark/color.background.accent.orange.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for text to emphasize caution, such as in moved lozenges."
+        "introduced": "0.7.0",
+        "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#FBC828"
+      "value": "#693200"
     },
-    "Dark/color.text.warning.inverse": {
+    "Dark/color.background.accent.orange.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for text when on bold warning backgrounds."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.orange.subtler."
       },
-      "value": "#1F1F21"
+      "value": "#7A3B00"
     },
-    "Dark/color.text.warning.bolder": {
+    "Dark/color.background.accent.orange.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.orange.subtler."
       },
-      "value": "#FCE4A6"
+      "value": "#9E4C00"
     },
-    "Dark/color.text.success": {
+    "Dark/color.background.accent.orange.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
+        "introduced": "0.7.0",
+        "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#B3DF72"
+      "value": "#9E4C00"
     },
-    "Dark/color.text.success.bolder": {
+    "Dark/color.background.accent.orange.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.orange.subtle."
       },
-      "value": "#D3F1A7"
+      "value": "#7A3B00"
     },
-    "Dark/color.text.discovery": {
+    "Dark/color.background.accent.orange.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for text to emphasize change or something new, such as in new lozenges."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.orange.subtle."
       },
-      "value": "#D8A0F7"
+      "value": "#693200"
     },
-    "Dark/color.text.discovery.bolder": {
+    "Dark/color.background.accent.orange.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance."
+        "introduced": "0.7.0",
+        "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#EED7FC"
+      "value": "#FCA700"
     },
-    "Dark/color.text.information": {
+    "Dark/color.background.accent.orange.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.orange.bolder."
       },
-      "value": "#8FB8F6"
+      "value": "#FBC828"
     },
-    "Dark/color.text.information.bolder": {
+    "Dark/color.background.accent.orange.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.orange.bolder."
       },
-      "value": "#CFE1FD"
+      "value": "#FBD779"
     },
-    "Dark/color.text.subtlest": {
+    "Dark/color.background.accent.yellow.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
+        "introduced": "0.7.0",
+        "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#96999E"
+      "value": "#332E1B"
     },
-    "Dark/color.text.subtle": {
+    "Dark/color.background.accent.yellow.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.yellow.subtlest."
       },
-      "value": "#A9ABAF"
+      "value": "#533F04"
     },
-    "Dark/color.link": {
+    "Dark/color.background.accent.yellow.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for links in a default or hovered state. Add an underline for hovered states."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.yellow.subtlest."
       },
-      "value": "#669DF1"
+      "value": "#614A05"
     },
-    "Dark/color.link.pressed": {
+    "Dark/color.background.accent.yellow.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for links in a pressed state."
+        "introduced": "0.7.0",
+        "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#8FB8F6"
+      "value": "#533F04"
     },
-    "Dark/color.link.visited": {
+    "Dark/color.background.accent.yellow.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.23.0",
-        "description": "Use for visited links."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.yellow.subtler."
       },
-      "value": "#D8A0F7"
+      "value": "#614A05"
     },
-    "Dark/color.link.visited.pressed": {
+    "Dark/color.background.accent.yellow.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.43.0",
-        "description": "Use for visited links in a pressed state."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.yellow.subtler."
       },
-      "value": "#EED7FC"
+      "value": "#7F5F01"
     },
-    "Dark/color.icon": {
+    "Dark/color.background.accent.yellow.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icon-only buttons, or icons paired with color.text"
+        "introduced": "0.7.0",
+        "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#CECFD2"
+      "value": "#7F5F01"
     },
-    "Dark/color.icon.accent.lime": {
+    "Dark/color.background.accent.yellow.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.yellow.subtle."
       },
-      "value": "#82B536"
+      "value": "#614A05"
     },
-    "Dark/color.icon.accent.red": {
+    "Dark/color.background.accent.yellow.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.yellow.subtle."
       },
-      "value": "#E2483D"
+      "value": "#533F04"
     },
-    "Dark/color.icon.accent.orange": {
+    "Dark/color.background.accent.yellow.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "0.7.0",
+        "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#F68909"
+      "value": "#DDB30E"
     },
-    "Dark/color.icon.accent.yellow": {
+    "Dark/color.background.accent.yellow.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.yellow.bolder."
       },
       "value": "#EED12B"
     },
-    "Dark/color.icon.accent.green": {
+    "Dark/color.background.accent.yellow.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.yellow.bolder."
       },
-      "value": "#2ABB7F"
+      "value": "#EFDD4E"
     },
-    "Dark/color.icon.accent.teal": {
+    "Dark/color.background.accent.green.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "0.7.0",
+        "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#42B2D7"
+      "value": "#1C3329"
     },
-    "Dark/color.icon.accent.blue": {
+    "Dark/color.background.accent.green.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.green.subtlest."
       },
-      "value": "#4688EC"
+      "value": "#164B35"
     },
-    "Dark/color.icon.accent.purple": {
+    "Dark/color.background.accent.green.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.green.subtlest."
       },
-      "value": "#BF63F3"
+      "value": "#19573D"
     },
-    "Dark/color.icon.accent.magenta": {
+    "Dark/color.background.accent.green.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+        "introduced": "0.7.0",
+        "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#DA62AC"
+      "value": "#164B35"
     },
-    "Dark/color.icon.accent.gray": {
+    "Dark/color.background.accent.green.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.10.5",
-        "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.green.subtler."
       },
-      "value": "#7E8188"
+      "value": "#19573D"
     },
-    "Dark/color.icon.disabled": {
+    "Dark/color.background.accent.green.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons in a disabled state."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.green.subtler."
       },
-      "value": "#E5E9F640"
+      "value": "#216E4E"
     },
-    "Dark/color.icon.inverse": {
+    "Dark/color.background.accent.green.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons on bold backgrounds."
+        "introduced": "0.7.0",
+        "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#1F1F21"
+      "value": "#216E4E"
     },
-    "Dark/color.icon.selected": {
+    "Dark/color.background.accent.green.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.2",
-        "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.green.subtle."
       },
-      "value": "#669DF1"
+      "value": "#19573D"
     },
-    "Dark/color.icon.brand": {
+    "Dark/color.background.accent.green.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons that reinforce our brand."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.green.subtle."
       },
-      "value": "#669DF1"
+      "value": "#164B35"
     },
-    "Dark/color.icon.danger": {
+    "Dark/color.background.accent.green.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating critical information, such as those used in error handing."
+        "introduced": "0.7.0",
+        "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#F15B50"
+      "value": "#4BCE97"
     },
-    "Dark/color.icon.warning": {
+    "Dark/color.background.accent.green.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating caution, such as those used in warning section messages."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.green.bolder."
       },
-      "value": "#FBC828"
+      "value": "#7EE2B8"
     },
-    "Dark/color.icon.warning.inverse": {
+    "Dark/color.background.accent.green.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons when on bold warning backgrounds."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.green.bolder."
       },
-      "value": "#1F1F21"
+      "value": "#97EDC9"
     },
-    "Dark/color.icon.success": {
+    "Dark/color.background.accent.teal.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged."
+        "introduced": "0.7.0",
+        "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#82B536"
+      "value": "#1E3137"
     },
-    "Dark/color.icon.discovery": {
+    "Dark/color.background.accent.teal.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating change or something new, such as discovery section messages."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.teal.subtlest."
       },
-      "value": "#BF63F3"
+      "value": "#164555"
     },
-    "Dark/color.icon.information": {
+    "Dark/color.background.accent.teal.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons communicating information or something in-progress, such as information section messages."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.teal.subtlest."
       },
-      "value": "#4688EC"
+      "value": "#1A5265"
     },
-    "Dark/color.icon.subtlest": {
+    "Dark/color.background.accent.teal.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.54.0",
-        "description": "Use for icons paired with color.text.subtlest"
+        "introduced": "0.7.0",
+        "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#96999E"
+      "value": "#164555"
     },
-    "Dark/color.icon.subtle": {
+    "Dark/color.background.accent.teal.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for icons paired with color.text.subtle"
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.teal.subtler."
       },
-      "value": "#A9ABAF"
-    },
-    "Dark/color.border": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
-      },
-      "value": "#E3E4F21F"
-    },
-    "Dark/color.border.accent.lime": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#82B536"
+      "value": "#1A5265"
     },
-    "Dark/color.border.accent.lime.subtle": {
+    "Dark/color.background.accent.teal.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative lime borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.teal.subtler."
       },
-      "value": "#4C6B1F"
+      "value": "#206A83"
     },
-    "Dark/color.border.accent.red": {
+    "Dark/color.background.accent.teal.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
+        "introduced": "0.7.0",
+        "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#F15B50"
+      "value": "#206A83"
     },
-    "Dark/color.border.accent.red.subtle": {
+    "Dark/color.background.accent.teal.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative red borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.teal.subtle."
       },
-      "value": "#AE2E24"
+      "value": "#1A5265"
     },
-    "Dark/color.border.accent.orange": {
+    "Dark/color.background.accent.teal.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.teal.subtle."
       },
-      "value": "#F68909"
+      "value": "#164555"
     },
-    "Dark/color.border.accent.orange.subtle": {
+    "Dark/color.background.accent.teal.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative orange borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "0.7.0",
+        "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#9E4C00"
+      "value": "#6CC3E0"
     },
-    "Dark/color.border.accent.yellow": {
+    "Dark/color.background.accent.teal.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.teal.bolder."
       },
-      "value": "#CF9F02"
+      "value": "#9DD9EE"
     },
-    "Dark/color.border.accent.yellow.subtle": {
+    "Dark/color.background.accent.teal.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative yellow borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.teal.bolder."
       },
-      "value": "#7F5F01"
+      "value": "#B1E4F7"
     },
-    "Dark/color.border.accent.green": {
+    "Dark/color.background.accent.blue.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
+        "introduced": "0.7.0",
+        "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#2ABB7F"
+      "value": "#1C2B42"
     },
-    "Dark/color.border.accent.green.subtle": {
+    "Dark/color.background.accent.blue.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative green borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.blue.subtlest."
       },
-      "value": "#216E4E"
+      "value": "#123263"
     },
-    "Dark/color.border.accent.teal": {
+    "Dark/color.background.accent.blue.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.blue.subtlest."
       },
-      "value": "#42B2D7"
+      "value": "#144794"
     },
-    "Dark/color.border.accent.teal.subtle": {
+    "Dark/color.background.accent.blue.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative teal borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "0.7.0",
+        "description": "Use for blue backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#206A83"
+      "value": "#123263"
     },
-    "Dark/color.border.accent.blue": {
+    "Dark/color.background.accent.blue.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.blue.subtler."
       },
-      "value": "#4688EC"
+      "value": "#144794"
     },
-    "Dark/color.border.accent.blue.subtle": {
+    "Dark/color.background.accent.blue.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative blue borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.blue.subtler."
       },
       "value": "#1558BC"
     },
-    "Dark/color.border.accent.purple": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#BF63F3"
-    },
-    "Dark/color.border.accent.purple.subtle": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative purple borders that do not need to meet 3:1 contrast requirements."
-      },
-      "value": "#803FA5"
-    },
-    "Dark/color.border.accent.magenta": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
-      },
-      "value": "#DA62AC"
-    },
-    "Dark/color.border.accent.magenta.subtle": {
+    "Dark/color.background.accent.blue.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative magenta borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "0.7.0",
+        "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#943D73"
+      "value": "#1558BC"
     },
-    "Dark/color.border.accent.gray": {
+    "Dark/color.background.accent.blue.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.10.5",
-        "description": "Use for borders on non-bold gray accent backgrounds."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.blue.subtle."
       },
-      "value": "#7E8188"
+      "value": "#144794"
     },
-    "Dark/color.border.accent.gray.subtle": {
+    "Dark/color.background.accent.blue.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.blue.subtle."
       },
-      "value": "#4B4D51"
+      "value": "#123263"
     },
-    "Dark/color.border.disabled": {
+    "Dark/color.background.accent.blue.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders of elements in a disabled state."
+        "introduced": "0.7.0",
+        "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#CECED912"
+      "value": "#669DF1"
     },
-    "Dark/color.border.focused": {
+    "Dark/color.background.accent.blue.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for focus rings of elements in a focus state."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.blue.bolder."
       },
       "value": "#8FB8F6"
     },
-    "Dark/color.border.input": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
-      },
-      "value": "#7E8188"
-    },
-    "Dark/color.border.inverse": {
-      "attributes": {
-        "group": "paint",
-        "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders on bold backgrounds."
-      },
-      "value": "#18191A"
-    },
-    "Dark/color.border.selected": {
+    "Dark/color.background.accent.blue.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.2",
-        "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.blue.bolder."
       },
-      "value": "#669DF1"
+      "value": "#ADCBFB"
     },
-    "Dark/color.border.brand": {
+    "Dark/color.background.accent.purple.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
+        "introduced": "0.7.0",
+        "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#669DF1"
+      "value": "#35243F"
     },
-    "Dark/color.border.danger": {
+    "Dark/color.background.accent.purple.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.purple.subtlest."
       },
-      "value": "#F15B50"
+      "value": "#48245D"
     },
-    "Dark/color.border.danger.subtle": {
+    "Dark/color.background.accent.purple.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative danger borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.purple.subtlest."
       },
-      "value": "#AE2E24"
+      "value": "#673286"
     },
-    "Dark/color.border.warning": {
+    "Dark/color.background.accent.purple.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating caution."
+        "introduced": "0.7.0",
+        "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#F68909"
+      "value": "#48245D"
     },
-    "Dark/color.border.warning.subtle": {
+    "Dark/color.background.accent.purple.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative warning borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.purple.subtler."
       },
-      "value": "#9E4C00"
+      "value": "#673286"
     },
-    "Dark/color.border.success": {
+    "Dark/color.background.accent.purple.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.purple.subtler."
       },
-      "value": "#82B536"
+      "value": "#803FA5"
     },
-    "Dark/color.border.success.subtle": {
+    "Dark/color.background.accent.purple.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative success borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "0.7.0",
+        "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#4C6B1F"
+      "value": "#803FA5"
     },
-    "Dark/color.border.discovery": {
+    "Dark/color.background.accent.purple.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.purple.subtle."
       },
-      "value": "#BF63F3"
+      "value": "#673286"
     },
-    "Dark/color.border.discovery.subtle": {
+    "Dark/color.background.accent.purple.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative discovery borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.purple.subtle."
       },
-      "value": "#803FA5"
+      "value": "#48245D"
     },
-    "Dark/color.border.information": {
+    "Dark/color.background.accent.purple.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for borders communicating information or something in-progress."
+        "introduced": "0.7.0",
+        "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#4688EC"
+      "value": "#C97CF4"
     },
-    "Dark/color.border.information.subtle": {
+    "Dark/color.background.accent.purple.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Use for decorative information borders that do not need to meet 3:1 contrast requirements."
+        "introduced": "1.19.0",
+        "description": "Hovered state of color.background.accent.purple.bolder."
       },
-      "value": "#1558BC"
+      "value": "#D8A0F7"
     },
-    "Dark/color.border.bold": {
+    "Dark/color.background.accent.purple.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.10.8",
-        "description": "A neutral border option that passes min 3:1 contrast ratios."
+        "introduced": "1.19.0",
+        "description": "Pressed state of color.background.accent.purple.bolder."
       },
-      "value": "#7E8188"
+      "value": "#E3BDFA"
     },
-    "Dark/color.background.accent.lime.subtlest": {
+    "Dark/color.background.accent.magenta.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "0.7.0",
+        "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#28311B"
+      "value": "#3D2232"
     },
-    "Dark/color.background.accent.lime.subtlest.hovered": {
+    "Dark/color.background.accent.magenta.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.lime.subtlest."
+        "description": "Hovered state of color.background.accent.magenta.subtlest."
       },
-      "value": "#37471F"
+      "value": "#50253F"
     },
-    "Dark/color.background.accent.lime.subtlest.pressed": {
+    "Dark/color.background.accent.magenta.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.lime.subtlest."
+        "description": "Pressed state of color.background.accent.magenta.subtlest."
       },
-      "value": "#3F5224"
+      "value": "#77325B"
     },
-    "Dark/color.background.accent.lime.subtler": {
+    "Dark/color.background.accent.magenta.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for for backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.7.0",
+        "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#37471F"
+      "value": "#50253F"
     },
-    "Dark/color.background.accent.lime.subtler.hovered": {
+    "Dark/color.background.accent.magenta.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.lime.subtler."
+        "description": "Hovered state of color.background.accent.magenta.subtler."
       },
-      "value": "#3F5224"
+      "value": "#77325B"
     },
-    "Dark/color.background.accent.lime.subtler.pressed": {
+    "Dark/color.background.accent.magenta.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.lime.subtler."
+        "description": "Pressed state of color.background.accent.magenta.subtler."
       },
-      "value": "#4C6B1F"
+      "value": "#943D73"
     },
-    "Dark/color.background.accent.lime.subtle": {
+    "Dark/color.background.accent.magenta.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.7.0",
+        "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#4C6B1F"
+      "value": "#943D73"
     },
-    "Dark/color.background.accent.lime.subtle.hovered": {
+    "Dark/color.background.accent.magenta.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.lime.subtle."
+        "description": "Hovered state of color.background.accent.magenta.subtle."
       },
-      "value": "#3F5224"
+      "value": "#77325B"
     },
-    "Dark/color.background.accent.lime.subtle.pressed": {
+    "Dark/color.background.accent.magenta.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.lime.subtle."
+        "description": "Pressed state of color.background.accent.magenta.subtle."
       },
-      "value": "#37471F"
+      "value": "#50253F"
     },
-    "Dark/color.background.accent.lime.bolder": {
+    "Dark/color.background.accent.magenta.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.6.0",
-        "description": "Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "0.7.0",
+        "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#94C748"
+      "value": "#E774BB"
     },
-    "Dark/color.background.accent.lime.bolder.hovered": {
+    "Dark/color.background.accent.magenta.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.lime.bolder."
+        "description": "Hovered state of color.background.accent.magenta.bolder."
       },
-      "value": "#B3DF72"
+      "value": "#F797D2"
     },
-    "Dark/color.background.accent.lime.bolder.pressed": {
+    "Dark/color.background.accent.magenta.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.lime.bolder."
+        "description": "Pressed state of color.background.accent.magenta.bolder."
       },
-      "value": "#BDE97C"
+      "value": "#FCB6E1"
     },
-    "Dark/color.background.accent.red.subtlest": {
+    "Dark/color.background.accent.gray.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "description": "Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#42221F"
+      "value": "#303134"
     },
-    "Dark/color.background.accent.red.subtlest.hovered": {
+    "Dark/color.background.accent.gray.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.red.subtlest."
+        "description": "Hovered state of color.background.accent.gray.subtlest."
       },
-      "value": "#5D1F1A"
+      "value": "#3D3F43"
     },
-    "Dark/color.background.accent.red.subtlest.pressed": {
+    "Dark/color.background.accent.gray.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.red.subtlest."
+        "description": "Pressed state of color.background.accent.gray.subtlest."
       },
-      "value": "#872821"
+      "value": "#4B4D51"
     },
-    "Dark/color.background.accent.red.subtler": {
+    "Dark/color.background.accent.gray.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for gray backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#5D1F1A"
+      "value": "#4B4D51"
     },
-    "Dark/color.background.accent.red.subtler.hovered": {
+    "Dark/color.background.accent.gray.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.red.subtler."
+        "description": "Hovered state of color.background.accent.gray.subtler."
       },
-      "value": "#872821"
+      "value": "#63666B"
     },
-    "Dark/color.background.accent.red.subtler.pressed": {
+    "Dark/color.background.accent.gray.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.red.subtler."
+        "description": "Pressed state of color.background.accent.gray.subtler."
       },
-      "value": "#AE2E24"
+      "value": "#7E8188"
     },
-    "Dark/color.background.accent.red.subtle": {
+    "Dark/color.background.accent.gray.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
+        "description": "Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags."
       },
-      "value": "#AE2E24"
+      "value": "#63666B"
     },
-    "Dark/color.background.accent.red.subtle.hovered": {
+    "Dark/color.background.accent.gray.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.red.subtle."
+        "description": "Hovered state of color.background.accent.gray.subtle."
       },
-      "value": "#872821"
+      "value": "#4B4D51"
     },
-    "Dark/color.background.accent.red.subtle.pressed": {
+    "Dark/color.background.accent.gray.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.red.subtle."
+        "description": "Pressed state of color.background.accent.gray.subtle."
       },
-      "value": "#5D1F1A"
+      "value": "#3D3F43"
     },
-    "Dark/color.background.accent.red.bolder": {
+    "Dark/color.background.accent.gray.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.7.0",
-        "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
       },
-      "value": "#F87168"
+      "value": "#96999E"
     },
-    "Dark/color.background.accent.red.bolder.hovered": {
+    "Dark/color.background.accent.gray.bolder.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.red.bolder."
+        "description": "Hovered state of color.background.accent.gray.bolder."
       },
-      "value": "#FD9891"
+      "value": "#A9ABAF"
     },
-    "Dark/color.background.accent.red.bolder.pressed": {
+    "Dark/color.background.accent.gray.bolder.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.red.bolder."
+        "description": "Pressed state of color.background.accent.gray.subtlest."
       },
-      "value": "#FFB8B2"
+      "value": "#BFC1C4"
     },
-    "Dark/color.background.accent.orange.subtlest": {
+    "Dark/color.background.disabled": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "0.0.15",
+        "description": "Use for backgrounds of elements in a disabled state."
       },
-      "value": "#3A2C1F"
+      "value": "#E3E4F21F"
     },
-    "Dark/color.background.accent.orange.subtlest.hovered": {
+    "Dark/color.background.input": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.orange.subtlest."
+        "introduced": "0.6.0",
+        "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
       },
-      "value": "#693200"
+      "value": "#242528"
     },
-    "Dark/color.background.accent.orange.subtlest.pressed": {
+    "Dark/color.background.input.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.orange.subtlest."
+        "introduced": "0.6.0",
+        "description": "Hovered state for color.background.input"
       },
-      "value": "#7A3B00"
+      "value": "#2B2C2F"
     },
-    "Dark/color.background.accent.orange.subtler": {
+    "Dark/color.background.input.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.0",
+        "description": "Pressed state for color.background.input"
       },
-      "value": "#693200"
+      "value": "#242528"
     },
-    "Dark/color.background.accent.orange.subtler.hovered": {
+    "Dark/color.background.inverse.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.orange.subtler."
+        "introduced": "0.8.3",
+        "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
       },
-      "value": "#7A3B00"
+      "value": "#FFFFFF29"
     },
-    "Dark/color.background.accent.orange.subtler.pressed": {
+    "Dark/color.background.inverse.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.orange.subtler."
+        "introduced": "0.8.3",
+        "description": "Use for the hovered state of color.background.inverse.subtle"
       },
-      "value": "#9E4C00"
+      "value": "#FFFFFF3D"
     },
-    "Dark/color.background.accent.orange.subtle": {
+    "Dark/color.background.inverse.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.8.3",
+        "description": "Use for the pressed state of color.background.inverse.subtle"
       },
-      "value": "#9E4C00"
+      "value": "#FFFFFF52"
     },
-    "Dark/color.background.accent.orange.subtle.hovered": {
+    "Dark/color.background.neutral": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.orange.subtle."
+        "introduced": "0.6.0",
+        "description": "The default background for neutral elements, such as default buttons."
       },
-      "value": "#7A3B00"
+      "value": "#CECED912"
     },
-    "Dark/color.background.accent.orange.subtle.pressed": {
+    "Dark/color.background.neutral.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.orange.subtle."
+        "introduced": "0.6.0",
+        "description": "Hovered state for color.background.neutral"
       },
-      "value": "#693200"
+      "value": "#E3E4F21F"
     },
-    "Dark/color.background.accent.orange.bolder": {
+    "Dark/color.background.neutral.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "0.6.0",
+        "description": "Pressed state for color.background.neutral"
       },
-      "value": "#FCA700"
+      "value": "#E5E9F640"
     },
-    "Dark/color.background.accent.orange.bolder.hovered": {
+    "Dark/color.background.neutral.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.orange.bolder."
+        "introduced": "0.6.0",
+        "description": "Use for the background of elements that appear to have no background in a resting state, such as subtle buttons and menu items."
       },
-      "value": "#FBC828"
+      "value": "#00000000"
     },
-    "Dark/color.background.accent.orange.bolder.pressed": {
+    "Dark/color.background.neutral.subtle.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.orange.bolder."
+        "introduced": "0.6.0",
+        "description": "Hovered state for color.background.neutral.subtle"
       },
-      "value": "#FBD779"
+      "value": "#CECED912"
     },
-    "Dark/color.background.accent.yellow.subtlest": {
+    "Dark/color.background.neutral.subtle.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "0.6.0",
+        "description": "Pressed state for color.background.neutral.subtle"
       },
-      "value": "#332E1B"
+      "value": "#E3E4F21F"
     },
-    "Dark/color.background.accent.yellow.subtlest.hovered": {
+    "Dark/color.background.neutral.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.yellow.subtlest."
+        "introduced": "0.6.0",
+        "description": "A vibrant background option for neutral UI elements, such as announcement banners."
       },
-      "value": "#533F04"
+      "value": "#CECFD2"
     },
-    "Dark/color.background.accent.yellow.subtlest.pressed": {
+    "Dark/color.background.neutral.bold.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.yellow.subtlest."
+        "introduced": "0.6.0",
+        "description": "Hovered state of color.background.neutral.bold"
       },
-      "value": "#614A05"
+      "value": "#BFC1C4"
     },
-    "Dark/color.background.accent.yellow.subtler": {
+    "Dark/color.background.neutral.bold.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.0",
+        "description": "Pressed state of color.background.neutral.bold"
       },
-      "value": "#533F04"
+      "value": "#A9ABAF"
     },
-    "Dark/color.background.accent.yellow.subtler.hovered": {
+    "Dark/color.background.selected": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.yellow.subtler."
+        "introduced": "0.6.2",
+        "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
       },
-      "value": "#614A05"
+      "value": "#1C2B42"
     },
-    "Dark/color.background.accent.yellow.subtler.pressed": {
+    "Dark/color.background.selected.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.yellow.subtler."
+        "introduced": "0.6.2",
+        "description": "Hovered state for color.background.selected"
       },
-      "value": "#7F5F01"
+      "value": "#123263"
     },
-    "Dark/color.background.accent.yellow.subtle": {
+    "Dark/color.background.selected.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.2",
+        "description": "Pressed state for color.background.selected"
       },
-      "value": "#7F5F01"
+      "value": "#1558BC"
     },
-    "Dark/color.background.accent.yellow.subtle.hovered": {
+    "Dark/color.background.selected.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.yellow.subtle."
+        "introduced": "0.6.2",
+        "description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
       },
-      "value": "#614A05"
+      "value": "#669DF1"
     },
-    "Dark/color.background.accent.yellow.subtle.pressed": {
+    "Dark/color.background.selected.bold.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.yellow.subtle."
+        "introduced": "0.6.2",
+        "description": "Hovered state of color.background.selected.bold"
       },
-      "value": "#533F04"
+      "value": "#8FB8F6"
     },
-    "Dark/color.background.accent.yellow.bolder": {
+    "Dark/color.background.selected.bold.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "0.6.2",
+        "description": "Pressed state of color.background.selected.bold"
       },
-      "value": "#DDB30E"
+      "value": "#CFE1FD"
     },
-    "Dark/color.background.accent.yellow.bolder.hovered": {
+    "Dark/color.background.brand.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.yellow.bolder."
+        "introduced": "1.13.0",
+        "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
       },
-      "value": "#EED12B"
+      "value": "#1C2B42"
     },
-    "Dark/color.background.accent.yellow.bolder.pressed": {
+    "Dark/color.background.brand.subtlest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.yellow.bolder."
+        "introduced": "1.13.0",
+        "description": "Hovered state of color.background.brand.subtlest."
       },
-      "value": "#EFDD4E"
+      "value": "#123263"
     },
-    "Dark/color.background.accent.green.subtlest": {
+    "Dark/color.background.brand.subtlest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "1.13.0",
+        "description": "Pressed state of color.background.brand.subtlest"
       },
-      "value": "#1C3329"
+      "value": "#144794"
     },
-    "Dark/color.background.accent.green.subtlest.hovered": {
+    "Dark/color.background.brand.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.green.subtlest."
+        "introduced": "0.6.0",
+        "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
+      },
+      "value": "#669DF1"
+    },
+    "Dark/color.background.brand.bold.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.6.0",
+        "description": "Hovered state of color.background.brand.bold."
       },
-      "value": "#164B35"
+      "value": "#8FB8F6"
     },
-    "Dark/color.background.accent.green.subtlest.pressed": {
+    "Dark/color.background.brand.bold.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.green.subtlest."
+        "introduced": "0.6.0",
+        "description": "Pressed state of color.background.brand.bold."
       },
-      "value": "#19573D"
+      "value": "#ADCBFB"
     },
-    "Dark/color.background.accent.green.subtler": {
+    "Dark/color.background.brand.boldest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "1.13.0",
+        "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
       },
-      "value": "#164B35"
+      "value": "#E9F2FE"
     },
-    "Dark/color.background.accent.green.subtler.hovered": {
+    "Dark/color.background.brand.boldest.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.green.subtler."
+        "introduced": "1.13.0",
+        "description": "Hovered state of color.background.brand.boldest."
       },
-      "value": "#19573D"
+      "value": "#CFE1FD"
     },
-    "Dark/color.background.accent.green.subtler.pressed": {
+    "Dark/color.background.brand.boldest.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.green.subtler."
+        "introduced": "1.13.0",
+        "description": "Pressed state of color.background.brand.boldest."
       },
-      "value": "#216E4E"
+      "value": "#ADCBFB"
     },
-    "Dark/color.background.accent.green.subtle": {
+    "Dark/color.background.danger": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.0",
+        "description": "Use for backgrounds communicating critical information, such in error section messages."
       },
-      "value": "#216E4E"
+      "value": "#42221F"
     },
-    "Dark/color.background.accent.green.subtle.hovered": {
+    "Dark/color.background.danger.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.green.subtle."
+        "introduced": "0.6.0",
+        "description": "Hovered state for color.background.danger"
       },
-      "value": "#19573D"
+      "value": "#5D1F1A"
     },
-    "Dark/color.background.accent.green.subtle.pressed": {
+    "Dark/color.background.danger.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.green.subtle."
+        "introduced": "0.6.0",
+        "description": "Pressed state for color.background.danger"
       },
-      "value": "#164B35"
+      "value": "#872821"
     },
-    "Dark/color.background.accent.green.bolder": {
+    "Dark/color.background.danger.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of danger lozenges and badges to ensure accessibility and desired visual appearance."
       },
-      "value": "#4BCE97"
+      "value": "#5D1F1A"
     },
-    "Dark/color.background.accent.green.bolder.hovered": {
+    "Dark/color.background.danger.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.green.bolder."
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.danger.subtler"
       },
-      "value": "#7EE2B8"
+      "value": "#872821"
     },
-    "Dark/color.background.accent.green.bolder.pressed": {
+    "Dark/color.background.danger.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.green.bolder."
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.danger.subtler"
       },
-      "value": "#97EDC9"
+      "value": "#AE2E24"
     },
-    "Dark/color.background.accent.teal.subtlest": {
+    "Dark/color.background.danger.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating critical danger information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.danger.bold or color.background.danger.subtler for interactive states."
       },
-      "value": "#1E3137"
+      "value": "#AE2E24"
     },
-    "Dark/color.background.accent.teal.subtlest.hovered": {
+    "Dark/color.background.danger.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.teal.subtlest."
+        "introduced": "0.6.0",
+        "description": "A vibrant background option for communicating critical information, such as in danger buttons and error banners."
       },
-      "value": "#164555"
+      "value": "#F87168"
     },
-    "Dark/color.background.accent.teal.subtlest.pressed": {
+    "Dark/color.background.danger.bold.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.teal.subtlest."
+        "introduced": "0.6.0",
+        "description": "Hovered state of color.background.danger.bold"
       },
-      "value": "#1A5265"
+      "value": "#FD9891"
     },
-    "Dark/color.background.accent.teal.subtler": {
+    "Dark/color.background.danger.bold.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.0",
+        "description": "Pressed state of color.background.danger.bold"
       },
-      "value": "#164555"
+      "value": "#FFB8B2"
     },
-    "Dark/color.background.accent.teal.subtler.hovered": {
+    "Dark/color.background.warning": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.teal.subtler."
+        "introduced": "0.6.0",
+        "description": "Use for backgrounds communicating caution, such as in warning section messages."
       },
-      "value": "#1A5265"
+      "value": "#3A2C1F"
     },
-    "Dark/color.background.accent.teal.subtler.pressed": {
+    "Dark/color.background.warning.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.teal.subtler."
+        "introduced": "0.6.0",
+        "description": "Hovered state for color.background.warning"
       },
-      "value": "#206A83"
+      "value": "#693200"
     },
-    "Dark/color.background.accent.teal.subtle": {
+    "Dark/color.background.warning.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.0",
+        "description": "Pressed state for color.background.warning"
       },
-      "value": "#206A83"
+      "value": "#7A3B00"
     },
-    "Dark/color.background.accent.teal.subtle.hovered": {
+    "Dark/color.background.warning.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.teal.subtle."
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of warning lozenges and badges to ensure accessibility and desired visual appearance."
       },
-      "value": "#1A5265"
+      "value": "#693200"
     },
-    "Dark/color.background.accent.teal.subtle.pressed": {
+    "Dark/color.background.warning.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.teal.subtle."
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.warning.subtler"
       },
-      "value": "#164555"
+      "value": "#7A3B00"
     },
-    "Dark/color.background.accent.teal.bolder": {
+    "Dark/color.background.warning.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.warning.subtler"
       },
-      "value": "#6CC3E0"
+      "value": "#9E4C00"
     },
-    "Dark/color.background.accent.teal.bolder.hovered": {
+    "Dark/color.background.warning.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.teal.bolder."
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
       },
-      "value": "#9DD9EE"
+      "value": "#9E4C00"
     },
-    "Dark/color.background.accent.teal.bolder.pressed": {
+    "Dark/color.background.warning.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.teal.bolder."
+        "introduced": "0.6.0",
+        "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
       },
-      "value": "#B1E4F7"
+      "value": "#FBC828"
     },
-    "Dark/color.background.accent.blue.subtlest": {
+    "Dark/color.background.warning.bold.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "0.6.0",
+        "description": "Hovered state of color.background.warning.bold"
       },
-      "value": "#1C2B42"
+      "value": "#FCA700"
     },
-    "Dark/color.background.accent.blue.subtlest.hovered": {
+    "Dark/color.background.warning.bold.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.blue.subtlest."
+        "introduced": "0.6.0",
+        "description": "Pressed state of color.background.warning.bold"
       },
-      "value": "#123263"
+      "value": "#F68909"
     },
-    "Dark/color.background.accent.blue.subtlest.pressed": {
+    "Dark/color.background.success": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.blue.subtlest."
+        "introduced": "0.6.0",
+        "description": "Use for backgrounds communicating a favorable outcome, such as in success section messages."
       },
-      "value": "#144794"
+      "value": "#28311B"
     },
-    "Dark/color.background.accent.blue.subtler": {
+    "Dark/color.background.success.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for blue backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.0",
+        "description": "Hovered state for color.background.success"
       },
-      "value": "#123263"
+      "value": "#37471F"
     },
-    "Dark/color.background.accent.blue.subtler.hovered": {
+    "Dark/color.background.success.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.blue.subtler."
+        "introduced": "0.6.0",
+        "description": "Pressed state for color.background.success"
       },
-      "value": "#144794"
+      "value": "#3F5224"
     },
-    "Dark/color.background.accent.blue.subtler.pressed": {
+    "Dark/color.background.success.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.blue.subtler."
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of success lozenges and badges to ensure accessibility and desired visual appearance."
       },
-      "value": "#1558BC"
+      "value": "#37471F"
     },
-    "Dark/color.background.accent.blue.subtle": {
+    "Dark/color.background.success.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.success.subtler"
       },
-      "value": "#1558BC"
+      "value": "#3F5224"
     },
-    "Dark/color.background.accent.blue.subtle.hovered": {
+    "Dark/color.background.success.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.blue.subtle."
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.success.subtler"
       },
-      "value": "#144794"
+      "value": "#4C6B1F"
     },
-    "Dark/color.background.accent.blue.subtle.pressed": {
+    "Dark/color.background.success.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.blue.subtle."
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating success (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.success.bold or color.background.success.subtler for interactive states."
       },
-      "value": "#123263"
+      "value": "#4C6B1F"
     },
-    "Dark/color.background.accent.blue.bolder": {
+    "Dark/color.background.success.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "0.6.0",
+        "description": "A vibrant background option for communicating a favorable outcome, such as in checked toggles."
       },
-      "value": "#669DF1"
+      "value": "#94C748"
     },
-    "Dark/color.background.accent.blue.bolder.hovered": {
+    "Dark/color.background.success.bold.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.blue.bolder."
+        "introduced": "0.6.0",
+        "description": "Hovered state of color.background.success.bold"
       },
-      "value": "#8FB8F6"
+      "value": "#B3DF72"
     },
-    "Dark/color.background.accent.blue.bolder.pressed": {
+    "Dark/color.background.success.bold.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.blue.bolder."
+        "introduced": "0.6.0",
+        "description": "Pressed state of color.background.success.bold"
       },
-      "value": "#ADCBFB"
+      "value": "#BDE97C"
     },
-    "Dark/color.background.accent.purple.subtlest": {
+    "Dark/color.background.discovery": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "0.6.0",
+        "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
       },
       "value": "#35243F"
     },
-    "Dark/color.background.accent.purple.subtlest.hovered": {
+    "Dark/color.background.discovery.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.purple.subtlest."
+        "introduced": "0.6.0",
+        "description": "Hover state for color.background.discovery"
       },
       "value": "#48245D"
     },
-    "Dark/color.background.accent.purple.subtlest.pressed": {
+    "Dark/color.background.discovery.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.purple.subtlest."
+        "introduced": "0.6.0",
+        "description": "Pressed state for color.background.discovery"
       },
       "value": "#673286"
     },
-    "Dark/color.background.accent.purple.subtler": {
+    "Dark/color.background.discovery.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of discovery lozenges and badges to ensure accessibility and desired visual appearance."
       },
       "value": "#48245D"
     },
-    "Dark/color.background.accent.purple.subtler.hovered": {
+    "Dark/color.background.discovery.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.purple.subtler."
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.discovery.subtler"
       },
       "value": "#673286"
     },
-    "Dark/color.background.accent.purple.subtler.pressed": {
+    "Dark/color.background.discovery.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.purple.subtler."
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.discovery.subtler"
       },
       "value": "#803FA5"
     },
-    "Dark/color.background.accent.purple.subtle": {
+    "Dark/color.background.discovery.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating discovery (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.discovery.bold or color.background.discovery.subtler for interactive states."
       },
       "value": "#803FA5"
     },
-    "Dark/color.background.accent.purple.subtle.hovered": {
+    "Dark/color.background.discovery.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.purple.subtle."
+        "introduced": "0.6.0",
+        "description": "A vibrant background option communicating change or something new, such as in onboarding spotlights."
       },
-      "value": "#673286"
+      "value": "#C97CF4"
     },
-    "Dark/color.background.accent.purple.subtle.pressed": {
+    "Dark/color.background.discovery.bold.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.purple.subtle."
+        "introduced": "0.6.0",
+        "description": "Hovered state of color.background.discovery.bold"
       },
-      "value": "#48245D"
+      "value": "#D8A0F7"
     },
-    "Dark/color.background.accent.purple.bolder": {
+    "Dark/color.background.discovery.bold.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "0.6.0",
+        "description": "Pressed state of color.background.discovery.bold"
       },
-      "value": "#C97CF4"
+      "value": "#E3BDFA"
     },
-    "Dark/color.background.accent.purple.bolder.hovered": {
+    "Dark/color.background.information": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.purple.bolder."
+        "introduced": "0.6.0",
+        "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
       },
-      "value": "#D8A0F7"
+      "value": "#1C2B42"
     },
-    "Dark/color.background.accent.purple.bolder.pressed": {
+    "Dark/color.background.information.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.purple.bolder."
+        "introduced": "0.6.0",
+        "description": "Hovered state of color.background.information"
       },
-      "value": "#E3BDFA"
+      "value": "#123263"
     },
-    "Dark/color.background.accent.magenta.subtlest": {
+    "Dark/color.background.information.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "0.6.0",
+        "description": "Pressed state of color.background.information"
       },
-      "value": "#3D2232"
+      "value": "#144794"
     },
-    "Dark/color.background.accent.magenta.subtlest.hovered": {
+    "Dark/color.background.information.subtler": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.magenta.subtlest."
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of information lozenges and badges to ensure accessibility and desired visual appearance."
       },
-      "value": "#50253F"
+      "value": "#123263"
     },
-    "Dark/color.background.accent.magenta.subtlest.pressed": {
+    "Dark/color.background.information.subtler.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.magenta.subtlest."
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.information.subtler"
       },
-      "value": "#77325B"
+      "value": "#144794"
     },
-    "Dark/color.background.accent.magenta.subtler": {
+    "Dark/color.background.information.subtler.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.information.subtler"
       },
-      "value": "#50253F"
+      "value": "#1558BC"
     },
-    "Dark/color.background.accent.magenta.subtler.hovered": {
+    "Dark/color.background.information.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.magenta.subtler."
+        "introduced": "13.2.0",
+        "description": "Background colour for non-interactive elements communicating information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.information.bold or color.background.information.subtler for interactive states."
       },
-      "value": "#77325B"
+      "value": "#1558BC"
     },
-    "Dark/color.background.accent.magenta.subtler.pressed": {
+    "Dark/color.background.information.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.magenta.subtler."
+        "introduced": "0.6.0",
+        "description": "A vibrant background option for communicating information or something in-progress."
       },
-      "value": "#943D73"
+      "value": "#669DF1"
     },
-    "Dark/color.background.accent.magenta.subtle": {
+    "Dark/color.background.information.bold.hovered": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.0",
+        "description": "Hovered state of color.background.information.bold"
       },
-      "value": "#943D73"
+      "value": "#8FB8F6"
     },
-    "Dark/color.background.accent.magenta.subtle.hovered": {
+    "Dark/color.background.information.bold.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.magenta.subtle."
+        "introduced": "0.6.0",
+        "description": "Pressed state of color.background.information.bold"
       },
-      "value": "#77325B"
+      "value": "#ADCBFB"
     },
-    "Dark/color.background.accent.magenta.subtle.pressed": {
+    "Dark/color.border": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.magenta.subtle."
+        "introduced": "0.6.0",
+        "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
       },
-      "value": "#50253F"
+      "value": "#E3E4F21F"
     },
-    "Dark/color.background.accent.magenta.bolder": {
+    "Dark/color.border.accent.lime": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "1.6.0",
+        "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color."
       },
-      "value": "#E774BB"
+      "value": "#82B536"
     },
-    "Dark/color.background.accent.magenta.bolder.hovered": {
+    "Dark/color.border.accent.lime.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.magenta.bolder."
+        "introduced": "13.2.0",
+        "description": "Use for decorative lime borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#F797D2"
+      "value": "#4C6B1F"
     },
-    "Dark/color.background.accent.magenta.bolder.pressed": {
+    "Dark/color.border.accent.red": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.magenta.bolder."
+        "introduced": "0.6.0",
+        "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
       },
-      "value": "#FCB6E1"
+      "value": "#F15B50"
     },
-    "Dark/color.background.accent.gray.subtlest": {
+    "Dark/color.border.accent.red.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
+        "introduced": "13.2.0",
+        "description": "Use for decorative red borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#303134"
+      "value": "#AE2E24"
     },
-    "Dark/color.background.accent.gray.subtlest.hovered": {
+    "Dark/color.border.accent.orange": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.gray.subtlest."
+        "introduced": "0.6.0",
+        "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
       },
-      "value": "#3D3F43"
+      "value": "#F68909"
     },
-    "Dark/color.background.accent.gray.subtlest.pressed": {
+    "Dark/color.border.accent.orange.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.gray.subtlest."
+        "introduced": "13.2.0",
+        "description": "Use for decorative orange borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#4B4D51"
+      "value": "#9E4C00"
     },
-    "Dark/color.background.accent.gray.subtler": {
+    "Dark/color.border.accent.yellow": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for gray backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "0.6.0",
+        "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
       },
-      "value": "#4B4D51"
+      "value": "#CF9F02"
     },
-    "Dark/color.background.accent.gray.subtler.hovered": {
+    "Dark/color.border.accent.yellow.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.gray.subtler."
+        "introduced": "13.2.0",
+        "description": "Use for decorative yellow borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#63666B"
+      "value": "#7F5F01"
     },
-    "Dark/color.background.accent.gray.subtler.pressed": {
+    "Dark/color.border.accent.green": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.6.0",
+        "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
+      },
+      "value": "#2ABB7F"
+    },
+    "Dark/color.border.accent.green.subtle": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.2.0",
+        "description": "Use for decorative green borders that do not need to meet 3:1 contrast requirements."
+      },
+      "value": "#216E4E"
+    },
+    "Dark/color.border.accent.teal": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.gray.subtler."
+        "introduced": "0.6.0",
+        "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
       },
-      "value": "#7E8188"
+      "value": "#42B2D7"
     },
-    "Dark/color.background.accent.gray.subtle": {
+    "Dark/color.border.accent.teal.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags."
+        "introduced": "13.2.0",
+        "description": "Use for decorative teal borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#63666B"
+      "value": "#206A83"
     },
-    "Dark/color.background.accent.gray.subtle.hovered": {
+    "Dark/color.border.accent.blue": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.gray.subtle."
+        "introduced": "0.6.0",
+        "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
       },
-      "value": "#4B4D51"
+      "value": "#4688EC"
     },
-    "Dark/color.background.accent.gray.subtle.pressed": {
+    "Dark/color.border.accent.blue.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.gray.subtle."
+        "introduced": "13.2.0",
+        "description": "Use for decorative blue borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#3D3F43"
+      "value": "#1558BC"
     },
-    "Dark/color.background.accent.gray.bolder": {
+    "Dark/color.border.accent.purple": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.7.0",
-        "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+        "introduced": "0.6.0",
+        "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
       },
-      "value": "#96999E"
+      "value": "#BF63F3"
     },
-    "Dark/color.background.accent.gray.bolder.hovered": {
+    "Dark/color.border.accent.purple.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Hovered state of color.background.accent.gray.bolder."
+        "introduced": "13.2.0",
+        "description": "Use for decorative purple borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#A9ABAF"
+      "value": "#803FA5"
     },
-    "Dark/color.background.accent.gray.bolder.pressed": {
+    "Dark/color.border.accent.magenta": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.19.0",
-        "description": "Pressed state of color.background.accent.gray.subtlest."
+        "introduced": "0.6.0",
+        "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
       },
-      "value": "#BFC1C4"
+      "value": "#DA62AC"
     },
-    "Dark/color.background.disabled": {
+    "Dark/color.border.accent.magenta.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for backgrounds of elements in a disabled state."
+        "introduced": "13.2.0",
+        "description": "Use for decorative magenta borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#E3E4F21F"
+      "value": "#943D73"
     },
-    "Dark/color.background.input": {
+    "Dark/color.border.accent.gray": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
+        "introduced": "0.10.5",
+        "description": "Use for borders on non-bold gray accent backgrounds."
       },
-      "value": "#242528"
+      "value": "#7E8188"
     },
-    "Dark/color.background.input.hovered": {
+    "Dark/color.border.accent.gray.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.input"
+        "introduced": "13.2.0",
+        "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#2B2C2F"
+      "value": "#4B4D51"
     },
-    "Dark/color.background.input.pressed": {
+    "Dark/color.border.disabled": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state for color.background.input"
+        "description": "Use for borders of elements in a disabled state."
       },
-      "value": "#242528"
+      "value": "#CECED912"
     },
-    "Dark/color.background.inverse.subtle": {
+    "Dark/color.border.focused": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.8.3",
-        "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
+        "introduced": "0.6.0",
+        "description": "Use for focus rings of elements in a focus state."
       },
-      "value": "#FFFFFF29"
+      "value": "#8FB8F6"
     },
-    "Dark/color.background.inverse.subtle.hovered": {
+    "Dark/color.border.input": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.8.3",
-        "description": "Use for the hovered state of color.background.inverse.subtle"
+        "introduced": "0.6.0",
+        "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
       },
-      "value": "#FFFFFF3D"
+      "value": "#7E8188"
     },
-    "Dark/color.background.inverse.subtle.pressed": {
+    "Dark/color.border.inverse": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.8.3",
-        "description": "Use for the pressed state of color.background.inverse.subtle"
+        "introduced": "0.6.0",
+        "description": "Use for borders on bold backgrounds."
       },
-      "value": "#FFFFFF52"
+      "value": "#18191A"
     },
-    "Dark/color.background.neutral": {
+    "Dark/color.border.selected": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "The default background for neutral elements, such as default buttons."
+        "introduced": "0.6.2",
+        "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
       },
-      "value": "#CECED912"
+      "value": "#669DF1"
     },
-    "Dark/color.background.neutral.hovered": {
+    "Dark/color.border.brand": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hovered state for color.background.neutral"
+        "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
       },
-      "value": "#E3E4F21F"
+      "value": "#669DF1"
     },
-    "Dark/color.background.neutral.pressed": {
+    "Dark/color.border.danger": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state for color.background.neutral"
+        "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
       },
-      "value": "#E5E9F640"
+      "value": "#F15B50"
     },
-    "Dark/color.background.neutral.subtle": {
+    "Dark/color.border.danger.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for the background of elements that appear to have no background in a resting state, such as subtle buttons and menu items."
+        "introduced": "13.2.0",
+        "description": "Use for decorative danger borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#00000000"
+      "value": "#AE2E24"
     },
-    "Dark/color.background.neutral.subtle.hovered": {
+    "Dark/color.border.warning": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hovered state for color.background.neutral.subtle"
+        "description": "Use for borders communicating caution."
       },
-      "value": "#CECED912"
+      "value": "#F68909"
     },
-    "Dark/color.background.neutral.subtle.pressed": {
+    "Dark/color.border.warning.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.neutral.subtle"
+        "introduced": "13.2.0",
+        "description": "Use for decorative warning borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#E3E4F21F"
+      "value": "#9E4C00"
     },
-    "Dark/color.background.neutral.bold": {
+    "Dark/color.border.success": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "A vibrant background option for neutral UI elements, such as announcement banners."
+        "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
       },
-      "value": "#CECFD2"
+      "value": "#82B536"
     },
-    "Dark/color.background.neutral.bold.hovered": {
+    "Dark/color.border.success.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.neutral.bold"
+        "introduced": "13.2.0",
+        "description": "Use for decorative success borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#BFC1C4"
+      "value": "#4C6B1F"
     },
-    "Dark/color.background.neutral.bold.pressed": {
+    "Dark/color.border.discovery": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state of color.background.neutral.bold"
+        "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
       },
-      "value": "#A9ABAF"
+      "value": "#BF63F3"
     },
-    "Dark/color.background.selected": {
+    "Dark/color.border.discovery.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.2",
-        "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+        "introduced": "13.2.0",
+        "description": "Use for decorative discovery borders that do not need to meet 3:1 contrast requirements."
       },
-      "value": "#1C2B42"
+      "value": "#803FA5"
     },
-    "Dark/color.background.selected.hovered": {
+    "Dark/color.border.information": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.2",
-        "description": "Hovered state for color.background.selected"
+        "introduced": "0.6.0",
+        "description": "Use for borders communicating information or something in-progress."
       },
-      "value": "#123263"
+      "value": "#4688EC"
     },
-    "Dark/color.background.selected.pressed": {
+    "Dark/color.border.information.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.2",
-        "description": "Pressed state for color.background.selected"
+        "introduced": "13.2.0",
+        "description": "Use for decorative information borders that do not need to meet 3:1 contrast requirements."
       },
       "value": "#1558BC"
     },
-    "Dark/color.background.selected.bold": {
+    "Dark/color.border.bold": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.2",
-        "description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
+        "introduced": "0.10.8",
+        "description": "A neutral border option that passes min 3:1 contrast ratios."
       },
-      "value": "#669DF1"
+      "value": "#7E8188"
     },
-    "Dark/color.background.selected.bold.hovered": {
+    "Dark/color.text": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.2",
-        "description": "Hovered state of color.background.selected.bold"
+        "introduced": "0.6.0",
+        "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
       },
-      "value": "#8FB8F6"
+      "value": "#CECFD2"
     },
-    "Dark/color.background.selected.bold.pressed": {
+    "Dark/color.text.accent.lime": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.2",
-        "description": "Pressed state of color.background.selected.bold"
+        "introduced": "1.8.0",
+        "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#CFE1FD"
+      "value": "#B3DF72"
     },
-    "Dark/color.background.brand.subtlest": {
+    "Dark/color.text.accent.lime.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.13.0",
-        "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
+        "introduced": "1.8.0",
+        "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#1C2B42"
+      "value": "#D3F1A7"
     },
-    "Dark/color.background.brand.subtlest.hovered": {
+    "Dark/color.text.accent.red": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.13.0",
-        "description": "Hovered state of color.background.brand.subtlest."
+        "introduced": "0.6.0",
+        "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#123263"
+      "value": "#FD9891"
     },
-    "Dark/color.background.brand.subtlest.pressed": {
+    "Dark/color.text.accent.red.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.13.0",
-        "description": "Pressed state of color.background.brand.subtlest"
+        "introduced": "0.7.0",
+        "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#144794"
+      "value": "#FFD5D2"
     },
-    "Dark/color.background.brand.bold": {
+    "Dark/color.text.accent.orange": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
+        "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#669DF1"
+      "value": "#FBC828"
     },
-    "Dark/color.background.brand.bold.hovered": {
+    "Dark/color.text.accent.orange.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.brand.bold."
+        "introduced": "0.7.0",
+        "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#8FB8F6"
+      "value": "#FCE4A6"
     },
-    "Dark/color.background.brand.bold.pressed": {
+    "Dark/color.text.accent.yellow": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state of color.background.brand.bold."
+        "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#ADCBFB"
+      "value": "#EED12B"
     },
-    "Dark/color.background.brand.boldest": {
+    "Dark/color.text.accent.yellow.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.13.0",
-        "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
+        "introduced": "0.7.0",
+        "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#E9F2FE"
+      "value": "#F5E989"
     },
-    "Dark/color.background.brand.boldest.hovered": {
+    "Dark/color.text.accent.green": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.13.0",
-        "description": "Hovered state of color.background.brand.boldest."
+        "introduced": "0.6.0",
+        "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#CFE1FD"
+      "value": "#7EE2B8"
     },
-    "Dark/color.background.brand.boldest.pressed": {
+    "Dark/color.text.accent.green.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "1.13.0",
-        "description": "Pressed state of color.background.brand.boldest."
+        "introduced": "0.7.0",
+        "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#ADCBFB"
+      "value": "#BAF3DB"
     },
-    "Dark/color.background.danger": {
+    "Dark/color.text.accent.teal": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating critical information, such in error section messages."
+        "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#42221F"
+      "value": "#9DD9EE"
     },
-    "Dark/color.background.danger.hovered": {
+    "Dark/color.text.accent.teal.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.danger"
+        "introduced": "0.7.0",
+        "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#5D1F1A"
+      "value": "#C6EDFB"
     },
-    "Dark/color.background.danger.pressed": {
+    "Dark/color.text.accent.blue": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state for color.background.danger"
+        "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#872821"
+      "value": "#8FB8F6"
     },
-    "Dark/color.background.danger.subtler": {
+    "Dark/color.text.accent.blue.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for backgrounds of danger lozenges and badges to ensure accessibility and desired visual appearance."
+        "introduced": "0.7.0",
+        "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#5D1F1A"
+      "value": "#CFE1FD"
     },
-    "Dark/color.background.danger.subtler.hovered": {
+    "Dark/color.text.accent.purple": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Hovered state of color.background.danger.subtler"
+        "introduced": "0.6.0",
+        "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#872821"
+      "value": "#D8A0F7"
     },
-    "Dark/color.background.danger.subtler.pressed": {
+    "Dark/color.text.accent.purple.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Pressed state of color.background.danger.subtler"
+        "introduced": "0.7.0",
+        "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#AE2E24"
+      "value": "#EED7FC"
     },
-    "Dark/color.background.danger.subtle": {
+    "Dark/color.text.accent.magenta": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Background colour for non-interactive elements communicating critical danger information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.danger.bold or color.background.danger.subtler for interactive states."
+        "introduced": "0.6.0",
+        "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#AE2E24"
+      "value": "#F797D2"
     },
-    "Dark/color.background.danger.bold": {
+    "Dark/color.text.accent.magenta.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "A vibrant background option for communicating critical information, such as in danger buttons and error banners."
+        "introduced": "0.7.0",
+        "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
       },
-      "value": "#F87168"
+      "value": "#FDD0EC"
     },
-    "Dark/color.background.danger.bold.hovered": {
+    "Dark/color.text.accent.gray": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.danger.bold"
+        "introduced": "0.10.5",
+        "description": "Use for text on non-bold gray accent backgrounds, such as colored tags."
       },
-      "value": "#FD9891"
+      "value": "#A9ABAF"
     },
-    "Dark/color.background.danger.bold.pressed": {
+    "Dark/color.text.accent.gray.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.danger.bold"
+        "introduced": "0.10.5",
+        "description": "Use for text and icons on gray subtle accent backgrounds."
       },
-      "value": "#FFB8B2"
+      "value": "#E2E3E4"
     },
-    "Dark/color.background.warning": {
+    "Dark/color.text.disabled": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating caution, such as in warning section messages."
+        "introduced": "0.0.15",
+        "description": "Use for text in a disabled state."
       },
-      "value": "#3A2C1F"
+      "value": "#E5E9F640"
     },
-    "Dark/color.background.warning.hovered": {
+    "Dark/color.text.inverse": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hovered state for color.background.warning"
+        "description": "Use for text on bold backgrounds."
       },
-      "value": "#693200"
+      "value": "#1F1F21"
     },
-    "Dark/color.background.warning.pressed": {
+    "Dark/color.text.selected": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state for color.background.warning"
+        "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
       },
-      "value": "#7A3B00"
+      "value": "#669DF1"
     },
-    "Dark/color.background.warning.subtler": {
+    "Dark/color.text.brand": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for backgrounds of warning lozenges and badges to ensure accessibility and desired visual appearance."
+        "introduced": "0.6.0",
+        "description": "Use for text that reinforces our brand."
       },
-      "value": "#693200"
+      "value": "#669DF1"
     },
-    "Dark/color.background.warning.subtler.hovered": {
+    "Dark/color.text.danger": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Hovered state of color.background.warning.subtler"
+        "introduced": "0.0.15",
+        "description": "Use for critical text, such as input field error messaging."
       },
-      "value": "#7A3B00"
+      "value": "#FD9891"
     },
-    "Dark/color.background.warning.subtler.pressed": {
+    "Dark/color.text.danger.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "8.1.0",
-        "description": "Pressed state of color.background.warning.subtler"
+        "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance."
       },
-      "value": "#9E4C00"
+      "value": "#FFD5D2"
     },
-    "Dark/color.background.warning.subtle": {
+    "Dark/color.text.warning": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+        "introduced": "0.0.15",
+        "description": "Use for text to emphasize caution, such as in moved lozenges."
       },
-      "value": "#9E4C00"
+      "value": "#FBC828"
     },
-    "Dark/color.background.warning.bold": {
+    "Dark/color.text.warning.inverse": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
+        "description": "Use for text when on bold warning backgrounds."
       },
-      "value": "#FBC828"
+      "value": "#1F1F21"
     },
-    "Dark/color.background.warning.bold.hovered": {
+    "Dark/color.text.warning.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state of color.background.warning.bold"
+        "introduced": "8.1.0",
+        "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance."
       },
-      "value": "#FCA700"
+      "value": "#FCE4A6"
     },
-    "Dark/color.background.warning.bold.pressed": {
+    "Dark/color.text.success": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.warning.bold"
+        "introduced": "0.0.15",
+        "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
       },
-      "value": "#F68909"
+      "value": "#B3DF72"
     },
-    "Dark/color.background.success": {
+    "Dark/color.text.success.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating a favorable outcome, such as in success section messages."
+        "introduced": "8.1.0",
+        "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance."
       },
-      "value": "#28311B"
+      "value": "#D3F1A7"
     },
-    "Dark/color.background.success.hovered": {
+    "Dark/color.text.discovery": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Hovered state for color.background.success"
+        "introduced": "0.0.15",
+        "description": "Use for text to emphasize change or something new, such as in new lozenges."
       },
-      "value": "#37471F"
+      "value": "#D8A0F7"
     },
-    "Dark/color.background.success.pressed": {
+    "Dark/color.text.discovery.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state for color.background.success"
+        "introduced": "8.1.0",
+        "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance."
       },
-      "value": "#3F5224"
+      "value": "#EED7FC"
     },
-    "Dark/color.background.success.subtler": {
+    "Dark/color.text.information": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for backgrounds of success lozenges and badges to ensure accessibility and desired visual appearance."
+        "introduced": "0.6.0",
+        "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
       },
-      "value": "#37471F"
+      "value": "#8FB8F6"
     },
-    "Dark/color.background.success.subtler.hovered": {
+    "Dark/color.text.information.bolder": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "8.1.0",
-        "description": "Hovered state of color.background.success.subtler"
+        "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance."
       },
-      "value": "#3F5224"
+      "value": "#CFE1FD"
     },
-    "Dark/color.background.success.subtler.pressed": {
+    "Dark/color.text.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Pressed state of color.background.success.subtler"
+        "introduced": "0.6.0",
+        "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
       },
-      "value": "#4C6B1F"
+      "value": "#96999E"
     },
-    "Dark/color.background.success.subtle": {
+    "Dark/color.text.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Background colour for non-interactive elements communicating success (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.success.bold or color.background.success.subtler for interactive states."
+        "introduced": "0.6.0",
+        "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
       },
-      "value": "#4C6B1F"
+      "value": "#A9ABAF"
     },
-    "Dark/color.background.success.bold": {
+    "Dark/color.icon": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "A vibrant background option for communicating a favorable outcome, such as in checked toggles."
+        "description": "Use for icon-only buttons, or icons paired with color.text"
       },
-      "value": "#94C748"
+      "value": "#CECFD2"
     },
-    "Dark/color.background.success.bold.hovered": {
+    "Dark/color.icon.accent.lime": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "1.6.0",
+        "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+      },
+      "value": "#82B536"
+    },
+    "Dark/color.icon.accent.red": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hovered state of color.background.success.bold"
+        "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
       },
-      "value": "#B3DF72"
+      "value": "#E2483D"
     },
-    "Dark/color.background.success.bold.pressed": {
+    "Dark/color.icon.accent.orange": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state of color.background.success.bold"
+        "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
       },
-      "value": "#BDE97C"
+      "value": "#F68909"
     },
-    "Dark/color.background.discovery": {
+    "Dark/color.icon.accent.yellow": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
+        "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
       },
-      "value": "#35243F"
+      "value": "#EED12B"
     },
-    "Dark/color.background.discovery.hovered": {
+    "Dark/color.icon.accent.green": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hover state for color.background.discovery"
+        "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
       },
-      "value": "#48245D"
+      "value": "#2ABB7F"
     },
-    "Dark/color.background.discovery.pressed": {
+    "Dark/color.icon.accent.teal": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state for color.background.discovery"
+        "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
       },
-      "value": "#673286"
+      "value": "#42B2D7"
     },
-    "Dark/color.background.discovery.subtler": {
+    "Dark/color.icon.accent.blue": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for backgrounds of discovery lozenges and badges to ensure accessibility and desired visual appearance."
+        "introduced": "0.6.0",
+        "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
       },
-      "value": "#48245D"
+      "value": "#4688EC"
     },
-    "Dark/color.background.discovery.subtler.hovered": {
+    "Dark/color.icon.accent.purple": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Hovered state of color.background.discovery.subtler"
+        "introduced": "0.6.0",
+        "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
       },
-      "value": "#673286"
+      "value": "#BF63F3"
     },
-    "Dark/color.background.discovery.subtler.pressed": {
+    "Dark/color.icon.accent.magenta": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Pressed state of color.background.discovery.subtler"
+        "introduced": "0.6.0",
+        "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
       },
-      "value": "#803FA5"
+      "value": "#DA62AC"
     },
-    "Dark/color.background.discovery.subtle": {
+    "Dark/color.icon.accent.gray": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Background colour for non-interactive elements communicating discovery (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.discovery.bold or color.background.discovery.subtler for interactive states."
+        "introduced": "0.10.5",
+        "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons."
       },
-      "value": "#803FA5"
+      "value": "#7E8188"
     },
-    "Dark/color.background.discovery.bold": {
+    "Dark/color.icon.disabled": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "A vibrant background option communicating change or something new, such as in onboarding spotlights."
+        "description": "Use for icons in a disabled state."
       },
-      "value": "#C97CF4"
+      "value": "#E5E9F640"
     },
-    "Dark/color.background.discovery.bold.hovered": {
+    "Dark/color.icon.inverse": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hovered state of color.background.discovery.bold"
+        "description": "Use for icons on bold backgrounds."
       },
-      "value": "#D8A0F7"
+      "value": "#1F1F21"
     },
-    "Dark/color.background.discovery.bold.pressed": {
+    "Dark/color.icon.selected": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Pressed state of color.background.discovery.bold"
+        "introduced": "0.6.2",
+        "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
       },
-      "value": "#E3BDFA"
+      "value": "#669DF1"
     },
-    "Dark/color.background.information": {
+    "Dark/color.icon.brand": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
+        "description": "Use for icons that reinforce our brand."
       },
-      "value": "#1C2B42"
+      "value": "#669DF1"
     },
-    "Dark/color.background.information.hovered": {
+    "Dark/color.icon.danger": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hovered state of color.background.information"
+        "description": "Use for icons communicating critical information, such as those used in error handing."
       },
-      "value": "#123263"
+      "value": "#F15B50"
     },
-    "Dark/color.background.information.pressed": {
+    "Dark/color.icon.warning": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state of color.background.information"
+        "description": "Use for icons communicating caution, such as those used in warning section messages."
       },
-      "value": "#144794"
+      "value": "#FBC828"
     },
-    "Dark/color.background.information.subtler": {
+    "Dark/color.icon.warning.inverse": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Use for backgrounds of information lozenges and badges to ensure accessibility and desired visual appearance."
+        "introduced": "0.6.0",
+        "description": "Use for icons when on bold warning backgrounds."
       },
-      "value": "#123263"
+      "value": "#1F1F21"
     },
-    "Dark/color.background.information.subtler.hovered": {
+    "Dark/color.icon.success": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Hovered state of color.background.information.subtler"
+        "introduced": "0.6.0",
+        "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged."
       },
-      "value": "#144794"
+      "value": "#82B536"
     },
-    "Dark/color.background.information.subtler.pressed": {
+    "Dark/color.icon.discovery": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "8.1.0",
-        "description": "Pressed state of color.background.information.subtler"
+        "introduced": "0.6.0",
+        "description": "Use for icons communicating change or something new, such as discovery section messages."
       },
-      "value": "#1558BC"
+      "value": "#BF63F3"
     },
-    "Dark/color.background.information.subtle": {
+    "Dark/color.icon.information": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "13.2.0",
-        "description": "Background colour for non-interactive elements communicating information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.information.bold or color.background.information.subtler for interactive states."
+        "introduced": "0.6.0",
+        "description": "Use for icons communicating information or something in-progress, such as information section messages."
       },
-      "value": "#1558BC"
+      "value": "#4688EC"
     },
-    "Dark/color.background.information.bold": {
+    "Dark/color.icon.subtlest": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "A vibrant background option for communicating information or something in-progress."
+        "introduced": "1.54.0",
+        "description": "Use for icons paired with color.text.subtlest"
       },
-      "value": "#669DF1"
+      "value": "#96999E"
     },
-    "Dark/color.background.information.bold.hovered": {
+    "Dark/color.icon.subtle": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Hovered state of color.background.information.bold"
+        "description": "Use for icons paired with color.text.subtle"
       },
-      "value": "#8FB8F6"
+      "value": "#A9ABAF"
     },
-    "Dark/color.background.information.bold.pressed": {
+    "Dark/color.link": {
       "attributes": {
         "group": "paint",
         "state": "active",
         "introduced": "0.6.0",
-        "description": "Pressed state of color.background.information.bold"
+        "description": "Use for links in a default or hovered state. Add an underline for hovered states."
       },
-      "value": "#ADCBFB"
+      "value": "#669DF1"
     },
-    "Dark/color.blanket": {
+    "Dark/color.link.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.0.15",
-        "description": "Use for the screen overlay that appears with modal dialogs"
+        "introduced": "0.6.0",
+        "description": "Use for links in a pressed state."
       },
-      "value": "#10121499"
+      "value": "#8FB8F6"
     },
-    "Dark/color.blanket.selected": {
+    "Dark/color.link.visited": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
+        "introduced": "1.23.0",
+        "description": "Use for visited links."
       },
-      "value": "#1D7AFC14"
+      "value": "#D8A0F7"
     },
-    "Dark/color.blanket.danger": {
+    "Dark/color.link.visited.pressed": {
       "attributes": {
         "group": "paint",
         "state": "active",
-        "introduced": "0.6.0",
-        "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
+        "introduced": "1.43.0",
+        "description": "Use for visited links in a pressed state."
       },
-      "value": "#E3493514"
+      "value": "#EED7FC"
     },
     "Dark/color.interaction.hovered": {
       "attributes": {
@@ -2800,6 +2773,33 @@
       },
       "value": "#BDBDBD0A"
     },
+    "Dark/color.blanket": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.0.15",
+        "description": "Use for the screen overlay that appears with modal dialogs"
+      },
+      "value": "#10121499"
+    },
+    "Dark/color.blanket.selected": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.6.0",
+        "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
+      },
+      "value": "#1D7AFC14"
+    },
+    "Dark/color.blanket.danger": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.6.0",
+        "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
+      },
+      "value": "#E3493514"
+    },
     "Dark/color.chart.categorical.1": {
       "attributes": {
         "group": "paint",
@@ -3700,6 +3700,105 @@
       },
       "value": "#CFE1FD"
     },
+    "Dark/color.rovo.background.brand.bold": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.2.0",
+        "description": "Background color for Rovo brand emphasis."
+      },
+      "value": "#FFFFFF"
+    },
+    "Dark/color.rovo.background.brand.bold.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.2.0",
+        "description": "Hovered state of color.rovo.background.brand.bold."
+      },
+      "value": "#E2E3E4"
+    },
+    "Dark/color.rovo.background.brand.bold.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.2.0",
+        "description": "Pressed state of color.rovo.background.brand.bold."
+      },
+      "value": "#CECFD2"
+    },
+    "Dark/color.rovo.border.lime": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.1.1",
+        "description": "Use for Rovo lime borders."
+      },
+      "value": "#82B536"
+    },
+    "Dark/color.rovo.border.saffron": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.1.1",
+        "description": "Use for Rovo saffron borders."
+      },
+      "value": "#FCA700"
+    },
+    "Dark/color.rovo.border.blue": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.1.1",
+        "description": "Use for Rovo blue borders."
+      },
+      "value": "#357DE8"
+    },
+    "Dark/color.rovo.border.purple": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.1.1",
+        "description": "Use for Rovo purple borders."
+      },
+      "value": "#BF63F3"
+    },
+    "Dark/color.rovo.icon.lime": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.1.1",
+        "description": "Use for Rovo lime icons."
+      },
+      "value": "#82B536"
+    },
+    "Dark/color.rovo.icon.saffron": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.1.1",
+        "description": "Use for Rovo saffron icons."
+      },
+      "value": "#FCA700"
+    },
+    "Dark/color.rovo.icon.blue": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.1.1",
+        "description": "Use for Rovo blue icons."
+      },
+      "value": "#357DE8"
+    },
+    "Dark/color.rovo.icon.purple": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "13.1.1",
+        "description": "Use for Rovo purple icons."
+      },
+      "value": "#BF63F3"
+    },
     "Dark/elevation.surface": {
       "attributes": {
         "group": "paint",