@primer/primitives 9.0.0-rc.e0216c44 → 9.0.0

package/dist/docs/functional/themes/light-colorblind.json

@@ -422,7 +422,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -567,7 +567,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -596,7 +596,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -683,7 +683,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#afb8c133",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -770,7 +770,7 @@
     "path": ["codeMirror", "lines", "bgColor"]
   },
   "codeMirror-syntax-fgColor-comment": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -783,7 +783,7 @@
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1016,7 +1016,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1046,7 +1046,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1062,7 +1062,7 @@
     "path": ["header", "fgColor", "logo"]
   },
   "header-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1075,7 +1075,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1091,7 +1091,7 @@
     "path": ["header", "bgColor"]
   },
   "header-borderColor-divider": {
-    "value": "#57606a",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1104,7 +1104,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1120,7 +1120,7 @@
     "path": ["header", "borderColor", "divider"]
   },
   "headerSearch-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1133,7 +1133,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1149,7 +1149,7 @@
     "path": ["headerSearch", "bgColor"]
   },
   "headerSearch-borderColor": {
-    "value": "#57606a",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1162,7 +1162,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4526,7 +4526,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4585,7 +4585,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.white}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "0px",
@@ -4607,7 +4607,7 @@
     "path": ["avatar", "shadow"]
   },
   "avatarStack-fade-bgColor-default": {
-    "value": "#afb8c1",
+    "value": "#c8d1da",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4620,7 +4620,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4636,7 +4636,7 @@
     "path": ["avatarStack", "fade", "bgColor", "default"]
   },
   "avatarStack-fade-bgColor-muted": {
-    "value": "#d0d7de",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4649,7 +4649,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4678,7 +4678,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4694,7 +4694,7 @@
     "path": ["control", "bgColor", "rest"]
   },
   "control-bgColor-hover": {
-    "value": "#eef1f4",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4704,14 +4704,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#d0d7de",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4720,10 +4716,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.2}",
-        "weight": 0.2
       }
     },
     "name": "control-bgColor-hover",
@@ -4731,7 +4723,7 @@
     "path": ["control", "bgColor", "hover"]
   },
   "control-bgColor-active": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4741,14 +4733,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#d0d7de",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4757,10 +4745,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.2}",
-        "weight": 0.4
       }
     },
     "name": "control-bgColor-active",
@@ -4768,7 +4752,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4810,7 +4794,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{control.bgColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4826,7 +4810,7 @@
     "path": ["control", "bgColor", "selected"]
   },
   "control-fgColor-rest": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4839,7 +4823,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4855,12 +4839,8 @@
     "path": ["control", "fgColor", "rest"]
   },
   "control-fgColor-placeholder": {
-    "value": "#69727c",
+    "value": "#59636e",
     "$type": "color",
-    "mix": {
-      "color": "#57606a",
-      "weight": 0.2
-    },
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -4872,12 +4852,8 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{fgColor.muted}",
       "$type": "color",
-      "mix": {
-        "color": "{base.color.neutral.6}",
-        "weight": 0.2
-      },
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -4892,7 +4868,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4921,7 +4897,7 @@
     "path": ["control", "fgColor", "disabled"]
   },
   "control-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4950,7 +4926,7 @@
     "path": ["control", "borderColor", "rest"]
   },
   "control-borderColor-emphasis": {
-    "value": "#868f99",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4960,14 +4936,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#6e7781",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4976,10 +4948,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "control-borderColor-emphasis",
@@ -4987,7 +4955,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5029,7 +4997,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{control.bgColor.selected}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5103,7 +5071,7 @@
     "path": ["control", "borderColor", "danger"]
   },
   "control-borderColor-warning": {
-    "value": "#bf8700",
+    "value": "#9a6700",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5132,7 +5100,7 @@
     "path": ["control", "borderColor", "warning"]
   },
   "control-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5190,7 +5158,7 @@
     "path": ["control", "transparent", "bgColor", "rest"]
   },
   "control-transparent-bgColor-hover": {
-    "value": "#d0d7de33",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5200,11 +5168,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5214,14 +5182,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.1
     },
     "name": "control-transparent-bgColor-hover",
     "attributes": {},
     "path": ["control", "transparent", "bgColor", "hover"]
   },
   "control-transparent-bgColor-active": {
-    "value": "#d0d7de66",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5231,11 +5199,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5245,14 +5213,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.4
+      "alpha": 0.15
     },
     "name": "control-transparent-bgColor-active",
     "attributes": {},
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5281,7 +5249,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#d0d7de33",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5291,11 +5259,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5305,7 +5273,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.15
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -5620,7 +5588,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5720,7 +5688,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5746,14 +5714,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#033d8b",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5762,10 +5726,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.2
       }
     },
     "name": "control-checked-borderColor-hover",
@@ -5783,14 +5743,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#033d8b",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.active}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5799,10 +5755,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.4
       }
     },
     "name": "control-checked-borderColor-active",
@@ -5810,7 +5762,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5823,7 +5775,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.disabled}",
+      "value": "{control.checked.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5839,7 +5791,7 @@
     "path": ["control", "checked", "borderColor", "disabled"]
   },
   "controlTrack-bgColor-rest": {
-    "value": "#eaeef2",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5852,7 +5804,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5868,7 +5820,7 @@
     "path": ["controlTrack", "bgColor", "rest"]
   },
   "controlTrack-bgColor-hover": {
-    "value": "#dee3e8",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5878,14 +5830,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#afb8c1",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5894,10 +5842,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.2
       }
     },
     "name": "controlTrack-bgColor-hover",
@@ -5905,7 +5849,7 @@
     "path": ["controlTrack", "bgColor", "hover"]
   },
   "controlTrack-bgColor-active": {
-    "value": "#d2d8de",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5915,14 +5859,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#afb8c1",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5931,10 +5871,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.4
       }
     },
     "name": "controlTrack-bgColor-active",
@@ -5942,7 +5878,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5971,7 +5907,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5984,7 +5920,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.muted}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6029,7 +5965,7 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#ffffff00",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6042,7 +5978,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6058,7 +5994,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6100,7 +6036,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6116,7 +6052,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6158,7 +6094,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6174,7 +6110,7 @@
     "path": ["controlKnob", "bgColor", "checked"]
   },
   "controlKnob-borderColor-rest": {
-    "value": "#868f99",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6203,7 +6139,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6289,8 +6225,66 @@
     "attributes": {},
     "path": ["counter", "borderColor"]
   },
+  "counter-bgColor-muted": {
+    "value": "#818b981f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.neutral.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "counter-bgColor-muted",
+    "attributes": {},
+    "path": ["counter", "bgColor", "muted"]
+  },
+  "counter-bgColor-emphasis": {
+    "value": "#59636e",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "counter-bgColor-emphasis",
+    "attributes": {},
+    "path": ["counter", "bgColor", "emphasis"]
+  },
   "button-default-fgColor-rest": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6348,7 +6342,7 @@
     "path": ["button", "default", "bgColor", "rest"]
   },
   "button-default-bgColor-hover": {
-    "value": "#eef1f4",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6377,7 +6371,7 @@
     "path": ["button", "default", "bgColor", "hover"]
   },
   "button-default-bgColor-active": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6406,7 +6400,7 @@
     "path": ["button", "default", "bgColor", "active"]
   },
   "button-default-bgColor-selected": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6435,7 +6429,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -6448,7 +6442,7 @@
     "path": ["button", "default", "bgColor", "disabled"]
   },
   "button-default-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6461,7 +6455,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6477,7 +6471,7 @@
     "path": ["button", "default", "borderColor", "rest"]
   },
   "button-default-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6490,7 +6484,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6506,7 +6500,7 @@
     "path": ["button", "default", "borderColor", "hover"]
   },
   "button-default-borderColor-active": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6519,7 +6513,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6535,7 +6529,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6578,7 +6572,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.13}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
@@ -6644,7 +6638,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6846,7 +6840,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6987,7 +6981,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#1f2328",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7000,7 +6994,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7016,7 +7010,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#1f2328",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7029,7 +7023,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7045,7 +7039,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7074,7 +7068,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7103,7 +7097,7 @@
     "path": ["button", "invisible", "iconColor", "rest"]
   },
   "button-invisible-iconColor-hover": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7132,7 +7126,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7190,7 +7184,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#d0d7de33",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7219,7 +7213,7 @@
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#d0d7de66",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7248,7 +7242,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7335,7 +7329,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7406,7 +7400,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7435,7 +7429,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7577,7 +7571,7 @@
     "path": ["button", "outline", "bgColor", "active"]
   },
   "button-outline-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7590,7 +7584,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7616,11 +7610,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{button.primary.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7629,8 +7622,7 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
@@ -7745,7 +7737,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7774,7 +7766,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7863,7 +7855,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7974,7 +7966,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8003,7 +7995,7 @@
     "path": ["button", "danger", "bgColor", "disabled"]
   },
   "button-danger-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8016,7 +8008,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8042,11 +8034,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{button.primary.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8055,8 +8046,7 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
@@ -8129,7 +8119,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "button-inactive-fgColor": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8142,7 +8132,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8158,7 +8148,7 @@
     "path": ["button", "inactive", "fgColor"]
   },
   "button-inactive-bgColor": {
-    "value": "#eaeef2",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8171,7 +8161,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8216,7 +8206,7 @@
     "path": ["button", "star", "iconColor"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#afb8c133",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8245,7 +8235,7 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#afb8c133",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8350,7 +8340,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8440,7 +8430,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8501,7 +8491,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8630,7 +8620,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8808,7 +8798,7 @@
         "collection": "mode",
         "mode": "light",
         "group": "component (internal)",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor", "effectColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -8821,7 +8811,7 @@
           "collection": "mode",
           "mode": "light",
           "group": "component (internal)",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor", "effectColor"]
         }
       }
     },
@@ -8889,7 +8879,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8905,7 +8895,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#d0d7de80",
+    "value": "#d1d9e080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8934,7 +8924,7 @@
     "path": ["overlay", "borderColor"]
   },
   "overlay-backdrop-bgColor": {
-    "value": "#8c959f33",
+    "value": "#c8d1da66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8944,11 +8934,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8958,7 +8948,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.4
     },
     "name": "overlay-backdrop-bgColor",
     "attributes": {},
@@ -9036,7 +9026,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9065,7 +9055,7 @@
     "path": ["skeletonLoader", "bgColor"]
   },
   "timelineBadge-bgColor": {
-    "value": "#eaeef2",
+    "value": "#f6f8fa",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9078,7 +9068,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9152,7 +9142,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#afb8c133",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9165,7 +9155,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.neutral.muted}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9181,7 +9171,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12576,7 +12566,7 @@
     "path": ["label", "coral", "fgColor", "active"]
   },
   "tooltip-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12650,7 +12640,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12669,7 +12659,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12682,14 +12672,10 @@
         }
       }
     },
-    "mix": {
-      "color": "#6e7781",
-      "weight": 0.5
-    },
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12701,10 +12687,6 @@
             "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.5
       }
     },
     "name": "fgColor-muted",
@@ -12728,7 +12710,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12760,7 +12742,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12789,7 +12771,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12818,7 +12800,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12834,7 +12816,7 @@
     "path": ["fgColor", "black"]
   },
   "fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12847,7 +12829,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12898,7 +12880,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12911,7 +12893,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13145,7 +13127,7 @@
     "path": ["fgColor", "danger"]
   },
   "fgColor-closed": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13161,7 +13143,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13301,7 +13283,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13336,7 +13318,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13371,7 +13353,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13390,7 +13372,7 @@
     "path": ["bgColor", "inset"]
   },
   "bgColor-emphasis": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13406,7 +13388,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13425,7 +13407,7 @@
     "path": ["bgColor", "emphasis"]
   },
   "bgColor-inverse": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13438,7 +13420,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13467,7 +13449,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13496,7 +13478,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13512,7 +13494,7 @@
     "path": ["bgColor", "black"]
   },
   "bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13522,11 +13504,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13535,8 +13516,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.7
+      }
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -13578,7 +13558,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#afb8c133",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13588,11 +13568,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.12,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13602,14 +13582,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.12
     },
     "name": "bgColor-neutral-muted",
     "attributes": {},
     "path": ["bgColor", "neutral", "muted"]
   },
   "bgColor-neutral-emphasis": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13622,7 +13602,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14062,7 +14042,7 @@
     "path": ["bgColor", "danger", "emphasis"]
   },
   "bgColor-closed-muted": {
-    "value": "#afb8c166",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14077,9 +14057,8 @@
     },
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
-    "alpha": 0.4,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{bgColor.neutral.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14091,15 +14070,14 @@
             "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
           }
         }
-      },
-      "alpha": 0.4
+      }
     },
     "name": "bgColor-closed-muted",
     "attributes": {},
     "path": ["bgColor", "closed", "muted"]
   },
   "bgColor-closed-emphasis": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14115,7 +14093,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{bgColor.neutral.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14344,7 +14322,7 @@
     "path": ["bgColor", "sponsors", "emphasis"]
   },
   "borderColor-default": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14360,7 +14338,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14379,7 +14357,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7deb3",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14416,7 +14394,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#6e7781",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14429,7 +14407,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14445,7 +14423,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14455,10 +14433,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.disabled}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14467,7 +14446,8 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "borderColor-disabled",
     "attributes": {},
@@ -14517,7 +14497,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14534,7 +14514,7 @@
     "path": ["borderColor", "translucent"]
   },
   "borderColor-neutral-muted": {
-    "value": "#afb8c133",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14544,11 +14524,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14557,15 +14536,14 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.2
+      }
     },
     "name": "borderColor-neutral-muted",
     "attributes": {},
     "path": ["borderColor", "neutral", "muted"]
   },
   "borderColor-neutral-emphasis": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14578,7 +14556,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14847,7 +14825,7 @@
     "path": ["borderColor", "attention", "muted"]
   },
   "borderColor-attention-emphasis": {
-    "value": "#bf8700",
+    "value": "#9a6700",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14863,7 +14841,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.yellow.4}",
+      "value": "{base.color.yellow.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15026,7 +15004,7 @@
     "path": ["borderColor", "danger", "emphasis"]
   },
   "borderColor-closed-muted": {
-    "value": "#afb8c166",
+    "value": "#d1d9e066",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15043,7 +15021,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15063,7 +15041,7 @@
     "path": ["borderColor", "closed", "muted"]
   },
   "borderColor-closed-emphasis": {
-    "value": "#6e7781",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15079,7 +15057,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15314,7 +15292,7 @@
     "path": ["borderColor", "sponsors", "emphasis"]
   },
   "color-ansi-black": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15326,7 +15304,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15341,7 +15319,7 @@
     "path": ["color", "ansi", "black"]
   },
   "color-ansi-black-bright": {
-    "value": "#57606a",
+    "value": "#393f46",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15353,7 +15331,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15368,7 +15346,7 @@
     "path": ["color", "ansi", "black-bright"]
   },
   "color-ansi-white": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15380,7 +15358,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15395,7 +15373,7 @@
     "path": ["color", "ansi", "white"]
   },
   "color-ansi-white-bright": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15407,7 +15385,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15422,7 +15400,7 @@
     "path": ["color", "ansi", "white-bright"]
   },
   "color-ansi-gray": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15434,7 +15412,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15773,7 +15751,7 @@
     "path": ["color", "ansi", "cyan-bright"]
   },
   "color-prettylights-syntax-comment": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15785,7 +15763,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15881,7 +15859,7 @@
     "path": ["color", "prettylights", "syntax", "entity"]
   },
   "color-prettylights-syntax-storage-modifier-import": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15893,7 +15871,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16043,7 +16021,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
   },
   "color-prettylights-syntax-brackethighlighter-angle": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16055,7 +16033,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16082,7 +16060,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16136,7 +16114,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16259,7 +16237,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "heading"]
   },
   "color-prettylights-syntax-markup-italic": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16271,7 +16249,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16286,7 +16264,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "italic"]
   },
   "color-prettylights-syntax-markup-bold": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16298,7 +16276,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16475,7 +16453,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
   },
   "color-prettylights-syntax-markup-ignored-text": {
-    "value": "#eaeef2",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16487,7 +16465,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16556,7 +16534,7 @@
     "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
   },
   "color-prettylights-syntax-sublimelinter-gutter-mark": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16568,7 +16546,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16596,7 +16574,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.13}",
         "alpha": 0.04,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16631,7 +16609,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.13}",
         "alpha": 0.1,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16667,7 +16645,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.13}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
@@ -16690,7 +16668,7 @@
     "path": ["shadow", "resting", "small"]
   },
   "shadow-resting-medium": {
-    "value": "0px 3px 6px 0px #424a531f",
+    "value": "0px 3px 6px 0px #25292e1f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16704,7 +16682,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -16726,7 +16704,7 @@
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "value": "0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16748,7 +16726,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16756,7 +16734,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16778,7 +16756,7 @@
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "value": "0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
+    "value": "0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16800,7 +16778,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -16808,7 +16786,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -16816,7 +16794,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16824,7 +16802,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16846,7 +16824,7 @@
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d",
+    "value": "0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16868,7 +16846,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.24,
           "offsetX": "0px",
           "offsetY": "40px",
@@ -16890,7 +16868,7 @@
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352",
+    "value": "0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16912,7 +16890,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.32,
           "offsetX": "0px",
           "offsetY": "56px",
@@ -16934,14 +16912,14 @@
     "path": ["shadow", "floating", "xlarge"]
   },
   "shadow-floating-legacy": {
-    "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "value": "0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
     "$type": "shadow",
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16949,7 +16927,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",