@primer/primitives 9.0.0-rc.e0216c44 → 9.0.0

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

@@ -418,7 +418,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -563,7 +563,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -592,7 +592,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -679,7 +679,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#afb8c133",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -766,7 +766,7 @@
     "path": ["codeMirror", "lines", "bgColor"]
   },
   "codeMirror-syntax-fgColor-comment": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -779,7 +779,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": {
@@ -1012,7 +1012,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": {
@@ -1042,7 +1042,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": {
@@ -1058,7 +1058,7 @@
     "path": ["header", "fgColor", "logo"]
   },
   "header-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1071,7 +1071,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": {
@@ -1087,7 +1087,7 @@
     "path": ["header", "bgColor"]
   },
   "header-borderColor-divider": {
-    "value": "#57606a",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1100,7 +1100,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": {
@@ -1116,7 +1116,7 @@
     "path": ["header", "borderColor", "divider"]
   },
   "headerSearch-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1129,7 +1129,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": {
@@ -1145,7 +1145,7 @@
     "path": ["headerSearch", "bgColor"]
   },
   "headerSearch-borderColor": {
-    "value": "#57606a",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1158,7 +1158,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": {
@@ -4522,7 +4522,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": {
@@ -4581,7 +4581,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.white}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "0px",
@@ -4603,7 +4603,7 @@
     "path": ["avatar", "shadow"]
   },
   "avatarStack-fade-bgColor-default": {
-    "value": "#afb8c1",
+    "value": "#c8d1da",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4616,7 +4616,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": {
@@ -4632,7 +4632,7 @@
     "path": ["avatarStack", "fade", "bgColor", "default"]
   },
   "avatarStack-fade-bgColor-muted": {
-    "value": "#d0d7de",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4645,7 +4645,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": {
@@ -4674,7 +4674,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": {
@@ -4690,7 +4690,7 @@
     "path": ["control", "bgColor", "rest"]
   },
   "control-bgColor-hover": {
-    "value": "#eef1f4",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4700,14 +4700,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": {
@@ -4716,10 +4712,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.2}",
-        "weight": 0.2
       }
     },
     "name": "control-bgColor-hover",
@@ -4727,7 +4719,7 @@
     "path": ["control", "bgColor", "hover"]
   },
   "control-bgColor-active": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4737,14 +4729,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": {
@@ -4753,10 +4741,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.2}",
-        "weight": 0.4
       }
     },
     "name": "control-bgColor-active",
@@ -4764,7 +4748,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4806,7 +4790,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": {
@@ -4822,7 +4806,7 @@
     "path": ["control", "bgColor", "selected"]
   },
   "control-fgColor-rest": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4835,7 +4819,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": {
@@ -4851,12 +4835,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",
@@ -4868,12 +4848,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",
@@ -4888,7 +4864,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4917,7 +4893,7 @@
     "path": ["control", "fgColor", "disabled"]
   },
   "control-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4946,7 +4922,7 @@
     "path": ["control", "borderColor", "rest"]
   },
   "control-borderColor-emphasis": {
-    "value": "#868f99",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4956,14 +4932,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": {
@@ -4972,10 +4944,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "control-borderColor-emphasis",
@@ -4983,7 +4951,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5025,7 +4993,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": {
@@ -5099,7 +5067,7 @@
     "path": ["control", "borderColor", "danger"]
   },
   "control-borderColor-warning": {
-    "value": "#bf8700",
+    "value": "#9a6700",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5128,7 +5096,7 @@
     "path": ["control", "borderColor", "warning"]
   },
   "control-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5186,7 +5154,7 @@
     "path": ["control", "transparent", "bgColor", "rest"]
   },
   "control-transparent-bgColor-hover": {
-    "value": "#d0d7de33",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5196,11 +5164,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": {
@@ -5210,14 +5178,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": {
@@ -5227,11 +5195,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": {
@@ -5241,14 +5209,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": {
@@ -5277,7 +5245,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#d0d7de33",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5287,11 +5255,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": {
@@ -5301,7 +5269,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.15
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -5616,7 +5584,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5716,7 +5684,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": {
@@ -5742,14 +5710,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": {
@@ -5758,10 +5722,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.2
       }
     },
     "name": "control-checked-borderColor-hover",
@@ -5779,14 +5739,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": {
@@ -5795,10 +5751,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.4
       }
     },
     "name": "control-checked-borderColor-active",
@@ -5806,7 +5758,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5819,7 +5771,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": {
@@ -5835,7 +5787,7 @@
     "path": ["control", "checked", "borderColor", "disabled"]
   },
   "controlTrack-bgColor-rest": {
-    "value": "#eaeef2",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5848,7 +5800,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": {
@@ -5864,7 +5816,7 @@
     "path": ["controlTrack", "bgColor", "rest"]
   },
   "controlTrack-bgColor-hover": {
-    "value": "#dee3e8",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5874,14 +5826,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": {
@@ -5890,10 +5838,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.2
       }
     },
     "name": "controlTrack-bgColor-hover",
@@ -5901,7 +5845,7 @@
     "path": ["controlTrack", "bgColor", "hover"]
   },
   "controlTrack-bgColor-active": {
-    "value": "#d2d8de",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5911,14 +5855,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": {
@@ -5927,10 +5867,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.4
       }
     },
     "name": "controlTrack-bgColor-active",
@@ -5938,7 +5874,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5967,7 +5903,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5980,7 +5916,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": {
@@ -6025,7 +5961,7 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#ffffff00",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6038,7 +5974,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": {
@@ -6054,7 +5990,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6096,7 +6032,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": {
@@ -6112,7 +6048,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6154,7 +6090,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": {
@@ -6170,7 +6106,7 @@
     "path": ["controlKnob", "bgColor", "checked"]
   },
   "controlKnob-borderColor-rest": {
-    "value": "#868f99",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6199,7 +6135,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6285,8 +6221,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": {
@@ -6344,7 +6338,7 @@
     "path": ["button", "default", "bgColor", "rest"]
   },
   "button-default-bgColor-hover": {
-    "value": "#eef1f4",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6373,7 +6367,7 @@
     "path": ["button", "default", "bgColor", "hover"]
   },
   "button-default-bgColor-active": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6402,7 +6396,7 @@
     "path": ["button", "default", "bgColor", "active"]
   },
   "button-default-bgColor-selected": {
-    "value": "#e7ebef",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6431,7 +6425,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,
@@ -6444,7 +6438,7 @@
     "path": ["button", "default", "bgColor", "disabled"]
   },
   "button-default-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6457,7 +6451,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": {
@@ -6473,7 +6467,7 @@
     "path": ["button", "default", "borderColor", "rest"]
   },
   "button-default-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6486,7 +6480,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": {
@@ -6502,7 +6496,7 @@
     "path": ["button", "default", "borderColor", "hover"]
   },
   "button-default-borderColor-active": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6515,7 +6509,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": {
@@ -6531,7 +6525,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6574,7 +6568,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.13}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
@@ -6640,7 +6634,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": {
@@ -6842,7 +6836,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": {
@@ -6983,7 +6977,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#1f2328",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6996,7 +6990,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": {
@@ -7012,7 +7006,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#1f2328",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7025,7 +7019,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": {
@@ -7041,7 +7035,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7070,7 +7064,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7099,7 +7093,7 @@
     "path": ["button", "invisible", "iconColor", "rest"]
   },
   "button-invisible-iconColor-hover": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7128,7 +7122,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7186,7 +7180,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#d0d7de33",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7215,7 +7209,7 @@
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#d0d7de66",
+    "value": "#818b9826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7244,7 +7238,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7331,7 +7325,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7402,7 +7396,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": {
@@ -7431,7 +7425,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": {
@@ -7573,7 +7567,7 @@
     "path": ["button", "outline", "bgColor", "active"]
   },
   "button-outline-bgColor-disabled": {
-    "value": "#f6f8fa",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7586,7 +7580,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": {
@@ -7612,11 +7606,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": {
@@ -7625,8 +7618,7 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
@@ -7741,7 +7733,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": {
@@ -7770,7 +7762,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": {
@@ -7859,7 +7851,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": {
@@ -7970,7 +7962,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7999,7 +7991,7 @@
     "path": ["button", "danger", "bgColor", "disabled"]
   },
   "button-danger-borderColor-rest": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8012,7 +8004,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": {
@@ -8038,11 +8030,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": {
@@ -8051,8 +8042,7 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
@@ -8125,7 +8115,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "button-inactive-fgColor": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8138,7 +8128,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": {
@@ -8154,7 +8144,7 @@
     "path": ["button", "inactive", "fgColor"]
   },
   "button-inactive-bgColor": {
-    "value": "#eaeef2",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8167,7 +8157,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": {
@@ -8212,7 +8202,7 @@
     "path": ["button", "star", "iconColor"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#afb8c133",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8241,7 +8231,7 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#afb8c133",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8346,7 +8336,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": {
@@ -8436,7 +8426,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": {
@@ -8497,7 +8487,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": {
@@ -8626,7 +8616,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": {
@@ -8804,7 +8794,7 @@
         "collection": "mode",
         "mode": "light",
         "group": "component (internal)",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor", "effectColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -8817,7 +8807,7 @@
           "collection": "mode",
           "mode": "light",
           "group": "component (internal)",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor", "effectColor"]
         }
       }
     },
@@ -8885,7 +8875,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": {
@@ -8901,7 +8891,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#d0d7de80",
+    "value": "#d1d9e080",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8930,7 +8920,7 @@
     "path": ["overlay", "borderColor"]
   },
   "overlay-backdrop-bgColor": {
-    "value": "#8c959f33",
+    "value": "#c8d1da66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8940,11 +8930,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": {
@@ -8954,7 +8944,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.4
     },
     "name": "overlay-backdrop-bgColor",
     "attributes": {},
@@ -9032,7 +9022,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": {
@@ -9061,7 +9051,7 @@
     "path": ["skeletonLoader", "bgColor"]
   },
   "timelineBadge-bgColor": {
-    "value": "#eaeef2",
+    "value": "#f6f8fa",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9074,7 +9064,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": {
@@ -9148,7 +9138,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#afb8c133",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9161,7 +9151,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": {
@@ -9177,7 +9167,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12572,7 +12562,7 @@
     "path": ["label", "coral", "fgColor", "active"]
   },
   "tooltip-bgColor": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12646,7 +12636,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": {
@@ -12665,7 +12655,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#636c76",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12678,14 +12668,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": {
@@ -12697,10 +12683,6 @@
             "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.5
       }
     },
     "name": "fgColor-muted",
@@ -12724,7 +12706,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": {
@@ -12756,7 +12738,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": {
@@ -12785,7 +12767,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": {
@@ -12814,7 +12796,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": {
@@ -12830,7 +12812,7 @@
     "path": ["fgColor", "black"]
   },
   "fgColor-disabled": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12843,7 +12825,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": {
@@ -12894,7 +12876,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12907,7 +12889,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": {
@@ -13141,7 +13123,7 @@
     "path": ["fgColor", "danger"]
   },
   "fgColor-closed": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13157,7 +13139,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13297,7 +13279,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": {
@@ -13332,7 +13314,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": {
@@ -13367,7 +13349,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": {
@@ -13386,7 +13368,7 @@
     "path": ["bgColor", "inset"]
   },
   "bgColor-emphasis": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13402,7 +13384,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": {
@@ -13421,7 +13403,7 @@
     "path": ["bgColor", "emphasis"]
   },
   "bgColor-inverse": {
-    "value": "#24292f",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13434,7 +13416,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": {
@@ -13463,7 +13445,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": {
@@ -13492,7 +13474,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": {
@@ -13508,7 +13490,7 @@
     "path": ["bgColor", "black"]
   },
   "bgColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13518,11 +13500,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": {
@@ -13531,8 +13512,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.7
+      }
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -13574,7 +13554,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#afb8c133",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13584,11 +13564,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": {
@@ -13598,14 +13578,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": {
@@ -13618,7 +13598,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": {
@@ -14056,7 +14036,7 @@
     "path": ["bgColor", "danger", "emphasis"]
   },
   "bgColor-closed-muted": {
-    "value": "#f6f8fa",
+    "value": "#818b981f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14072,7 +14052,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{bgColor.neutral.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14091,7 +14071,7 @@
     "path": ["bgColor", "closed", "muted"]
   },
   "bgColor-closed-emphasis": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14107,7 +14087,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{bgColor.neutral.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14336,7 +14316,7 @@
     "path": ["bgColor", "sponsors", "emphasis"]
   },
   "borderColor-default": {
-    "value": "#d0d7de",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14352,7 +14332,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": {
@@ -14371,7 +14351,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7deb3",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14408,7 +14388,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#6e7781",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14421,7 +14401,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": {
@@ -14437,7 +14417,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#eaeef2b3",
+    "value": "#818b981a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14447,10 +14427,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": {
@@ -14459,7 +14440,8 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "borderColor-disabled",
     "attributes": {},
@@ -14509,7 +14491,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": {
@@ -14526,7 +14508,7 @@
     "path": ["borderColor", "translucent"]
   },
   "borderColor-neutral-muted": {
-    "value": "#afb8c133",
+    "value": "#d1d9e0b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14536,11 +14518,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": {
@@ -14549,15 +14530,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": {
@@ -14570,7 +14550,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": {
@@ -14839,7 +14819,7 @@
     "path": ["borderColor", "attention", "muted"]
   },
   "borderColor-attention-emphasis": {
-    "value": "#bf8700",
+    "value": "#9a6700",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14855,7 +14835,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": {
@@ -15018,7 +14998,7 @@
     "path": ["borderColor", "danger", "emphasis"]
   },
   "borderColor-closed-muted": {
-    "value": "#afb8c166",
+    "value": "#d1d9e066",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15035,7 +15015,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15055,7 +15035,7 @@
     "path": ["borderColor", "closed", "muted"]
   },
   "borderColor-closed-emphasis": {
-    "value": "#6e7781",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15071,7 +15051,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15306,7 +15286,7 @@
     "path": ["borderColor", "sponsors", "emphasis"]
   },
   "color-ansi-black": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15318,7 +15298,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": {
@@ -15333,7 +15313,7 @@
     "path": ["color", "ansi", "black"]
   },
   "color-ansi-black-bright": {
-    "value": "#57606a",
+    "value": "#393f46",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15345,7 +15325,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": {
@@ -15360,7 +15340,7 @@
     "path": ["color", "ansi", "black-bright"]
   },
   "color-ansi-white": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15372,7 +15352,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": {
@@ -15387,7 +15367,7 @@
     "path": ["color", "ansi", "white"]
   },
   "color-ansi-white-bright": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15399,7 +15379,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": {
@@ -15414,7 +15394,7 @@
     "path": ["color", "ansi", "white-bright"]
   },
   "color-ansi-gray": {
-    "value": "#6e7781",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15426,7 +15406,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": {
@@ -15765,7 +15745,7 @@
     "path": ["color", "ansi", "cyan-bright"]
   },
   "color-prettylights-syntax-comment": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15777,7 +15757,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": {
@@ -15873,7 +15853,7 @@
     "path": ["color", "prettylights", "syntax", "entity"]
   },
   "color-prettylights-syntax-storage-modifier-import": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15885,7 +15865,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": {
@@ -16035,7 +16015,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
   },
   "color-prettylights-syntax-brackethighlighter-angle": {
-    "value": "#57606a",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16047,7 +16027,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": {
@@ -16074,7 +16054,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": {
@@ -16128,7 +16108,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": {
@@ -16251,7 +16231,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "heading"]
   },
   "color-prettylights-syntax-markup-italic": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16263,7 +16243,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": {
@@ -16278,7 +16258,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "italic"]
   },
   "color-prettylights-syntax-markup-bold": {
-    "value": "#24292f",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16290,7 +16270,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": {
@@ -16467,7 +16447,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
   },
   "color-prettylights-syntax-markup-ignored-text": {
-    "value": "#eaeef2",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16479,7 +16459,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": {
@@ -16548,7 +16528,7 @@
     "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
   },
   "color-prettylights-syntax-sublimelinter-gutter-mark": {
-    "value": "#8c959f",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16560,7 +16540,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": {
@@ -16588,7 +16568,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.13}",
         "alpha": 0.04,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16623,7 +16603,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.13}",
         "alpha": 0.1,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16659,7 +16639,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.13}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
@@ -16682,7 +16662,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": {
@@ -16696,7 +16676,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -16718,7 +16698,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": {
@@ -16740,7 +16720,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16748,7 +16728,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16770,7 +16750,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": {
@@ -16792,7 +16772,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -16800,7 +16780,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -16808,7 +16788,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16816,7 +16796,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16838,7 +16818,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": {
@@ -16860,7 +16840,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.24,
           "offsetX": "0px",
           "offsetY": "40px",
@@ -16882,7 +16862,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": {
@@ -16904,7 +16884,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.32,
           "offsetX": "0px",
           "offsetY": "56px",
@@ -16926,14 +16906,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",
@@ -16941,7 +16921,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",