@primer/primitives 7.11.7 → 7.11.8-rc.08a9209

package/tokens-next-private/json/functional/themes/light-high-contrast.json

@@ -513,70 +513,75 @@
   },
   "color": {
     "ansi": {
-      "black": {
-        "bright": "#4b535d"
-      },
-      "white": {
-        "bright": "#88929d"
-      },
+      "black": "#0e1116",
+      "black-bright": "#4b535d",
+      "white": "#66707b",
+      "white-bright": "#88929d",
       "gray": "#66707b",
-      "red": {
-        "bright": "#86061d"
-      },
-      "green": {
-        "bright": "#055d20"
-      },
-      "yellow": {
-        "bright": "#4e2c00"
-      },
-      "blue": {
-        "bright": "#1168e3"
-      },
-      "magenta": {
-        "bright": "#844ae7"
-      },
-      "cyan": {
-        "bright": "#3192aa"
-      }
+      "red": "#a0111f",
+      "red-bright": "#86061d",
+      "green": "#024c1a",
+      "green-bright": "#055d20",
+      "yellow": "#3f2200",
+      "yellow-bright": "#4e2c00",
+      "blue": "#0349b4",
+      "blue-bright": "#1168e3",
+      "magenta": "#622cbc",
+      "magenta-bright": "#844ae7",
+      "cyan": "#1b7c83",
+      "cyan-bright": "#3192aa"
     },
     "prettylights": {
       "syntax": {
         "comment": "#66707b",
-        "constant": {
-          "other": {
-            "reference": {
-              "link": "#032563"
-            }
-          }
-        },
-        "entity": {
-          "tag": "#023b95"
-        },
+        "constant": "#023b95",
+        "constant-other-reference-link": "#032563",
+        "entity": "#622cbc",
         "storage": {
           "modifier": {
             "import": "#0e1116"
           }
         },
+        "entity-tag": "#023b95",
         "keyword": "#a0111f",
-        "string": {
-          "regexp": "#024c1a"
-        },
+        "string": "#032563",
         "variable": "#702c00",
         "brackethighlighter": {
+          "unmatched": "#6e011a",
           "angle": "#4b535d"
         },
         "invalid": {
           "illegal": {
+            "text": "#ffffff",
             "bg": "#6e011a"
           }
         },
         "carriage": {
           "return": {
+            "text": "#ffffff",
             "bg": "#a0111f"
           }
         },
+        "string-regexp": "#024c1a",
         "markup": {
+          "list": "#2e1800",
+          "heading": "#023b95",
+          "italic": "#0e1116",
+          "bold": "#0e1116",
+          "deleted": {
+            "text": "#6e011a",
+            "bg": "#fff0ee"
+          },
+          "inserted": {
+            "text": "#024c1a",
+            "bg": "#d2fedb"
+          },
+          "changed": {
+            "text": "#702c00",
+            "bg": "#ffc67b"
+          },
           "ignored": {
+            "text": "#e7ecf0",
             "bg": "#023b95"
           }
         },

package/tokens-next-private/json/functional/themes/light-tritanopia.json

@@ -513,70 +513,75 @@
   },
   "color": {
     "ansi": {
-      "black": {
-        "bright": "#57606a"
-      },
-      "white": {
-        "bright": "#8c959f"
-      },
+      "black": "#24292f",
+      "black-bright": "#57606a",
+      "white": "#6e7781",
+      "white-bright": "#8c959f",
       "gray": "#6e7781",
-      "red": {
-        "bright": "#a40e26"
-      },
-      "green": {
-        "bright": "#0969da"
-      },
-      "yellow": {
-        "bright": "#633c01"
-      },
-      "blue": {
-        "bright": "#218bff"
-      },
-      "magenta": {
-        "bright": "#a475f9"
-      },
-      "cyan": {
-        "bright": "#3192aa"
-      }
+      "red": "#cf222e",
+      "red-bright": "#a40e26",
+      "green": "#0550ae",
+      "green-bright": "#0969da",
+      "yellow": "#4d2d00",
+      "yellow-bright": "#633c01",
+      "blue": "#0969da",
+      "blue-bright": "#218bff",
+      "magenta": "#8250df",
+      "magenta-bright": "#a475f9",
+      "cyan": "#1b7c83",
+      "cyan-bright": "#3192aa"
     },
     "prettylights": {
       "syntax": {
         "comment": "#6e7781",
-        "constant": {
-          "other": {
-            "reference": {
-              "link": "#0a3069"
-            }
-          }
-        },
-        "entity": {
-          "tag": "#0550ae"
-        },
+        "constant": "#0550ae",
+        "constant-other-reference-link": "#0a3069",
+        "entity": "#8250df",
         "storage": {
           "modifier": {
             "import": "#24292f"
           }
         },
+        "entity-tag": "#0550ae",
         "keyword": "#cf222e",
-        "string": {
-          "regexp": "#0550ae"
-        },
+        "string": "#0a3069",
         "variable": "#a40e26",
         "brackethighlighter": {
+          "unmatched": "#82071e",
           "angle": "#57606a"
         },
         "invalid": {
           "illegal": {
+            "text": "#f6f8fa",
             "bg": "#82071e"
           }
         },
         "carriage": {
           "return": {
+            "text": "#f6f8fa",
             "bg": "#cf222e"
           }
         },
+        "string-regexp": "#0550ae",
         "markup": {
+          "list": "#3b2300",
+          "heading": "#0550ae",
+          "italic": "#24292f",
+          "bold": "#24292f",
+          "deleted": {
+            "text": "#82071e",
+            "bg": "#ffebe9"
+          },
+          "inserted": {
+            "text": "#0550ae",
+            "bg": "#ddf4ff"
+          },
+          "changed": {
+            "text": "#a40e26",
+            "bg": "#ffcecb"
+          },
           "ignored": {
+            "text": "#eaeef2",
             "bg": "#0550ae"
           }
         },

package/tokens-next-private/json/functional/themes/light.json

@@ -513,70 +513,75 @@
   },
   "color": {
     "ansi": {
-      "black": {
-        "bright": "#57606a"
-      },
-      "white": {
-        "bright": "#8c959f"
-      },
+      "black": "#24292f",
+      "black-bright": "#57606a",
+      "white": "#6e7781",
+      "white-bright": "#8c959f",
       "gray": "#6e7781",
-      "red": {
-        "bright": "#a40e26"
-      },
-      "green": {
-        "bright": "#1a7f37"
-      },
-      "yellow": {
-        "bright": "#633c01"
-      },
-      "blue": {
-        "bright": "#218bff"
-      },
-      "magenta": {
-        "bright": "#a475f9"
-      },
-      "cyan": {
-        "bright": "#3192aa"
-      }
+      "red": "#cf222e",
+      "red-bright": "#a40e26",
+      "green": "#116329",
+      "green-bright": "#1a7f37",
+      "yellow": "#4d2d00",
+      "yellow-bright": "#633c01",
+      "blue": "#0969da",
+      "blue-bright": "#218bff",
+      "magenta": "#8250df",
+      "magenta-bright": "#a475f9",
+      "cyan": "#1b7c83",
+      "cyan-bright": "#3192aa"
     },
     "prettylights": {
       "syntax": {
         "comment": "#6e7781",
-        "constant": {
-          "other": {
-            "reference": {
-              "link": "#0a3069"
-            }
-          }
-        },
-        "entity": {
-          "tag": "#0550ae"
-        },
+        "constant": "#0550ae",
+        "constant-other-reference-link": "#0a3069",
+        "entity": "#8250df",
         "storage": {
           "modifier": {
             "import": "#24292f"
           }
         },
+        "entity-tag": "#0550ae",
         "keyword": "#cf222e",
-        "string": {
-          "regexp": "#116329"
-        },
+        "string": "#0a3069",
         "variable": "#953800",
         "brackethighlighter": {
+          "unmatched": "#82071e",
           "angle": "#57606a"
         },
         "invalid": {
           "illegal": {
+            "text": "#f6f8fa",
             "bg": "#82071e"
           }
         },
         "carriage": {
           "return": {
+            "text": "#f6f8fa",
             "bg": "#cf222e"
           }
         },
+        "string-regexp": "#116329",
         "markup": {
+          "list": "#3b2300",
+          "heading": "#0550ae",
+          "italic": "#24292f",
+          "bold": "#24292f",
+          "deleted": {
+            "text": "#82071e",
+            "bg": "#ffebe9"
+          },
+          "inserted": {
+            "text": "#116329",
+            "bg": "#dafbe1"
+          },
+          "changed": {
+            "text": "#953800",
+            "bg": "#ffd8b5"
+          },
           "ignored": {
+            "text": "#eaeef2",
             "bg": "#0550ae"
           }
         },

package/tokens-next-private/scss/functional/size/border.scss

@@ -1,6 +1,6 @@
 @mixin primer-colors-border {
   & {
-    --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem);
+    --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); /* Thin shadow for borders */
     --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
     --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
     --borderWidth-thin: max(1px, 0.0625rem);

package/tokens-next-private/scss/functional/themes/dark-colorblind.scss

@@ -10,9 +10,9 @@
     --diffBlob-addition-bgColor-word: #388bfd66;
     --diffBlob-deletion-fgColor-text: #e6edf3;
     --diffBlob-deletion-fgColor-num: #e6edf3;
-    --diffBlob-deletion-bgColor-num: #d476164d;
-    --diffBlob-deletion-bgColor-line: #d4761626;
-    --diffBlob-deletion-bgColor-word: #d4761666;
+    --diffBlob-deletion-bgColor-num: #db6d284d;
+    --diffBlob-deletion-bgColor-line: #db6d2826;
+    --diffBlob-deletion-bgColor-word: #db6d2866;
     --diffBlob-hunk-bgColor-num: #388bfd66;
     --diffBlob-expander-iconColor: #7d8590;
     --diffStat-addition-bgColor: #1f6feb;
@@ -30,11 +30,11 @@
     --codeMirror-syntax-fgColor-comment: #8b949e;
     --codeMirror-syntax-fgColor-constant: #79c0ff;
     --codeMirror-syntax-fgColor-entity: #d2a8ff;
-    --codeMirror-syntax-fgColor-keyword: #ec8e2c;
-    --codeMirror-syntax-fgColor-storage: #ec8e2c;
+    --codeMirror-syntax-fgColor-keyword: #f0883e;
+    --codeMirror-syntax-fgColor-storage: #f0883e;
     --codeMirror-syntax-fgColor-string: #a5d6ff;
     --codeMirror-syntax-fgColor-support: #79c0ff;
-    --codeMirror-syntax-fgColor-variable: #fdac54;
+    --codeMirror-syntax-fgColor-variable: #ffa657;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #f0f6fc;
     --header-bgColor: #161b22f2;
@@ -42,7 +42,7 @@
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
     --avatar-bgColor: #ffffff1a;
-    --avatar-borderColor: #00000000;
+    --avatar-borderColor: #30363d66;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
     --avatarStack-fade-bgColor-default: #30363d;
     --avatarStack-fade-bgColor-muted: #21262d;
@@ -59,7 +59,7 @@
     --control-borderColor-disabled: #30363d;
     --control-borderColor-selected: #f0f6fc;
     --control-borderColor-success: #1f6feb;
-    --control-borderColor-danger: #b76100;
+    --control-borderColor-danger: #bd561d;
     --control-borderColor-warning: #9e6a03;
     --control-iconColor-rest: #7d8590;
     --control-transparent-bgColor-rest: #00000000;
@@ -70,10 +70,10 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #d47616;
-    --control-danger-fgColor-hover: #ec8e2c;
-    --control-danger-bgColor-hover: #d476161a;
-    --control-danger-bgColor-active: #d4761666;
+    --control-danger-fgColor-rest: #db6d28;
+    --control-danger-fgColor-hover: #f0883e;
+    --control-danger-bgColor-hover: #db6d281a;
+    --control-danger-bgColor-active: #db6d2866;
     --control-checked-bgColor-rest: #1f6feb;
     --control-checked-bgColor-hover: #2a7aef;
     --control-checked-bgColor-active: #3685f3;
@@ -139,19 +139,19 @@
     --button-outline-borderColor-hover: #30363d66;
     --button-outline-borderColor-selected: #30363d66;
     --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #d47616;
+    --button-danger-fgColor-rest: #db6d28;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #d4761680;
-    --button-danger-iconColor-rest: #d47616;
+    --button-danger-fgColor-disabled: #db6d2880;
+    --button-danger-iconColor-rest: #db6d28;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #21262d;
-    --button-danger-bgColor-hover: #914d04;
-    --button-danger-bgColor-active: #ac5d0b;
+    --button-danger-bgColor-hover: #9b4215;
+    --button-danger-bgColor-active: #b5531d;
     --button-danger-bgColor-disabled: #21262d;
     --button-danger-borderColor-rest: #30363d;
-    --button-danger-borderColor-hover: #914d04;
-    --button-danger-borderColor-active: #ac5d0b;
+    --button-danger-borderColor-hover: #9b4215;
+    --button-danger-borderColor-active: #b5531d;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #30363d;
     --buttonCounter-primary-bgColor-rest: #ffffff33;
@@ -159,8 +159,8 @@
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
-    --buttonCounter-danger-bgColor-disabled: #b761000d;
-    --buttonCounter-danger-bgColor-rest: #b761001a;
+    --buttonCounter-danger-bgColor-disabled: #bd561d0d;
+    --buttonCounter-danger-bgColor-rest: #bd561d1a;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
@@ -183,9 +183,9 @@
     --fgColor-accent: #2f81f7;
     --fgColor-success: #58a6ff;
     --fgColor-attention: #d29922;
-    --fgColor-severe: #d47616;
-    --fgColor-danger: #d47616;
-    --fgColor-open: #ec8e2c;
+    --fgColor-severe: #db6d28;
+    --fgColor-danger: #db6d28;
+    --fgColor-open: #f0883e;
     --fgColor-closed: #8b949e;
     --fgColor-done: #a371f7;
     --fgColor-sponsors: #db61a2;
@@ -201,12 +201,12 @@
     --bgColor-success-emphasis: #1f6feb;
     --bgColor-attention-muted: #bb800926;
     --bgColor-attention-emphasis: #9e6a03;
-    --bgColor-severe-muted: #d476161a;
-    --bgColor-severe-emphasis: #b76100;
-    --bgColor-danger-muted: #d476161a;
-    --bgColor-danger-emphasis: #b76100;
-    --bgColor-open-muted: #d4761666;
-    --bgColor-open-emphasis: #b76100;
+    --bgColor-severe-muted: #db6d281a;
+    --bgColor-severe-emphasis: #bd561d;
+    --bgColor-danger-muted: #db6d281a;
+    --bgColor-danger-emphasis: #bd561d;
+    --bgColor-open-muted: #db6d2866;
+    --bgColor-open-emphasis: #bd561d;
     --bgColor-closed-muted: #6e768166;
     --bgColor-closed-emphasis: #6e7681;
     --bgColor-done-muted: #a371f726;
@@ -225,65 +225,65 @@
     --borderColor-success-emphasis: #1f6feb;
     --borderColor-attention-muted: #bb800966;
     --borderColor-attention-emphasis: #9e6a03;
-    --borderColor-severe-muted: #d4761666;
-    --borderColor-severe-emphasis: #b76100;
-    --borderColor-danger-muted: #d4761666;
-    --borderColor-danger-emphasis: #b76100;
-    --borderColor-open-muted: #d4761666;
-    --borderColor-open-emphasis: #d47616;
+    --borderColor-severe-muted: #db6d2866;
+    --borderColor-severe-emphasis: #bd561d;
+    --borderColor-danger-muted: #db6d2866;
+    --borderColor-danger-emphasis: #bd561d;
+    --borderColor-open-muted: #db6d2866;
+    --borderColor-open-emphasis: #db6d28;
     --borderColor-closed-muted: #6e768166;
     --borderColor-closed-emphasis: #6e7681;
     --borderColor-done-muted: #a371f766;
     --borderColor-done-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;
     --borderColor-sponsors-emphasis: #bf4b8a;
-    --ansi-fgColor-black: #484f58;
-    --ansi-fgColor-blackBright: #6e7681;
-    --ansi-fgColor-white: #b1bac4;
-    --ansi-fgColor-whiteBright: #ffffff;
-    --ansi-fgColor-gray: #6e7681;
-    --ansi-fgColor-red: #ec8e2c;
-    --ansi-fgColor-redBright: #fdac54;
-    --ansi-fgColor-green: #58a6ff;
-    --ansi-fgColor-greenBright: #79c0ff;
-    --ansi-fgColor-yellow: #d29922;
-    --ansi-fgColor-yellowBright: #e3b341;
-    --ansi-fgColor-blue: #58a6ff;
-    --ansi-fgColor-blueBright: #79c0ff;
-    --ansi-fgColor-magenta: #bc8cff;
-    --ansi-fgColor-magentaBright: #d2a8ff;
-    --ansi-fgColor-cyan: #39c5cf;
-    --ansi-fgColor-cyanBright: #56d4dd;
-    --prettylights-syntax-comment: #8b949e;
-    --prettylights-syntax-constant: #79c0ff;
-    --prettylights-syntax-entity: #d2a8ff;
-    --prettylights-syntax-storageModifierImport: #c9d1d9;
-    --prettylights-syntax-entityTag: #a5d6ff;
-    --prettylights-syntax-keyword: #ec8e2c;
-    --prettylights-syntax-string: #a5d6ff;
-    --prettylights-syntax-variable: #fdac54;
-    --prettylights-syntax-brackethighlighterUnmatched: #d47616;
-    --prettylights-syntax-invalidIllegalText: #f0f6fc;
-    --prettylights-syntax-invalidIllegalBg: #6c3906;
-    --prettylights-syntax-carriageReturnText: #f0f6fc;
-    --prettylights-syntax-carriageReturnBg: #914d04;
-    --prettylights-syntax-stringRegexp: #a5d6ff;
-    --prettylights-syntax-markupList: #f2cc60;
-    --prettylights-syntax-markupHeading: #1f6feb;
-    --prettylights-syntax-markupItalic: #c9d1d9;
-    --prettylights-syntax-markupBold: #c9d1d9;
-    --prettylights-syntax-markupDeletedText: #ffe2bb;
-    --prettylights-syntax-markupDeletedBg: #4e2906;
-    --prettylights-syntax-markupInsertedText: #cae8ff;
-    --prettylights-syntax-markupInsertedBg: #0c2d6b;
-    --prettylights-syntax-markupChangedText: #ffe2bb;
-    --prettylights-syntax-markupChangedBg: #4e2906;
-    --prettylights-syntax-markupIgnoredText: #c9d1d9;
-    --prettylights-syntax-markupIgnoredBg: #1158c7;
-    --prettylights-syntax-metaDiffRange: #d2a8ff;
-    --prettylights-syntax-brackethighlighterAngle: #8b949e;
-    --prettylights-syntax-sublimelinterGutterMark: #484f58;
-    --prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
+    --color-ansi-black: #484f58;
+    --color-ansi-black-bright: #6e7681;
+    --color-ansi-white: #b1bac4;
+    --color-ansi-white-bright: #ffffff;
+    --color-ansi-gray: #6e7681;
+    --color-ansi-red: #f0883e;
+    --color-ansi-red-bright: #ffa657;
+    --color-ansi-green: #58a6ff;
+    --color-ansi-green-bright: #79c0ff;
+    --color-ansi-yellow: #d29922;
+    --color-ansi-yellow-bright: #e3b341;
+    --color-ansi-blue: #58a6ff;
+    --color-ansi-blue-bright: #79c0ff;
+    --color-ansi-magenta: #bc8cff;
+    --color-ansi-magenta-bright: #d2a8ff;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyan-bright: #56d4dd;
+    --color-prettylights-syntax-comment: #8b949e;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+    --color-prettylights-syntax-entity-tag: #a5d6ff;
+    --color-prettylights-syntax-keyword: #f0883e;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #db6d28;
+    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #762d0a;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #9b4215;
+    --color-prettylights-syntax-string-regexp: #a5d6ff;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #c9d1d9;
+    --color-prettylights-syntax-markup-bold: #c9d1d9;
+    --color-prettylights-syntax-markup-deleted-text: #ffdfb6;
+    --color-prettylights-syntax-markup-deleted-bg: #5a1e02;
+    --color-prettylights-syntax-markup-inserted-text: #cae8ff;
+    --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
     --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -327,26 +327,26 @@
     --color-scale-yellow-7: #693e00; /* Avoid using scales, use other functional tokens instead */
     --color-scale-yellow-8: #4b2900; /* Avoid using scales, use other functional tokens instead */
     --color-scale-yellow-9: #341a00; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-0: #ffe2bb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-1: #ffc981; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-2: #fdac54; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-3: #ec8e2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-4: #d47616; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-5: #b76100; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-6: #914d04; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-7: #6c3906; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-8: #4e2906; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-orange-9: #331c04; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-0: #ffe2bb; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-1: #ffc981; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-2: #fdac54; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-3: #ec8e2c; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-4: #d47616; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-5: #b76100; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-6: #914d04; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-7: #6c3906; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-8: #4e2906; /* Avoid using scales, use other functional tokens instead */
-    --color-scale-red-9: #331c04; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-0: #ffdfb6; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffc680; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #ffa657; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #f0883e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #db6d28; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #bd561d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #9b4215; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #762d0a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #5a1e02; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #3d1300; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #ffdfb6; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffc680; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffa657; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #f0883e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #db6d28; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #bd561d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #9b4215; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #762d0a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #5a1e02; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #3d1300; /* Avoid using scales, use other functional tokens instead */
     --color-scale-purple-0: #eddeff; /* Avoid using scales, use other functional tokens instead */
     --color-scale-purple-1: #e2c5ff; /* Avoid using scales, use other functional tokens instead */
     --color-scale-purple-2: #d2a8ff; /* Avoid using scales, use other functional tokens instead */