jekyll-v4-theme-primer 0.9.0 → 0.10.0

data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-tritanopia.scss

@@ -0,0 +1,391 @@
+@mixin primer-colors-dark-tritanopia {
+  & {
+    --topicTag-borderColor: #00000000;
+    --highlight-neutral-bgColor: #d2992266;
+    --page-header-bgColor: #0d1117;
+    --diffBlob-addition-fgColor-text: #e6edf3;
+    --diffBlob-addition-fgColor-num: #e6edf3;
+    --diffBlob-addition-bgColor-num: #58a6ff4d;
+    --diffBlob-addition-bgColor-line: #388bfd26;
+    --diffBlob-addition-bgColor-word: #388bfd66;
+    --diffBlob-deletion-fgColor-text: #e6edf3;
+    --diffBlob-deletion-fgColor-num: #e6edf3;
+    --diffBlob-deletion-bgColor-num: #f851494d;
+    --diffBlob-deletion-bgColor-line: #f8514926;
+    --diffBlob-deletion-bgColor-word: #f8514966;
+    --diffBlob-hunk-bgColor-num: #388bfd66;
+    --diffBlob-expander-iconColor: #7d8590;
+    --diffStat-addition-bgColor: #1f6feb;
+    --codeMirror-fgColor: #e6edf3;
+    --codeMirror-bgColor: #0d1117;
+    --codeMirror-gutters-bgColor: #0d1117;
+    --codeMirror-gutterMarker-fgColor-default: #0d1117;
+    --codeMirror-gutterMarker-fgColor-muted: #7d8590;
+    --codeMirror-lineNumber-fgColor: #7d8590;
+    --codeMirror-cursor-fgColor: #e6edf3;
+    --codeMirror-selection-bgColor: #388bfd66;
+    --codeMirror-activeline-bgColor: #6e768126;
+    --codeMirror-matchingBracket-fgColor: #e6edf3;
+    --codeMirror-lines-bgColor: #0d1117;
+    --codeMirror-syntax-fgColor-comment: #8b949e;
+    --codeMirror-syntax-fgColor-constant: #79c0ff;
+    --codeMirror-syntax-fgColor-entity: #d2a8ff;
+    --codeMirror-syntax-fgColor-keyword: #ff7b72;
+    --codeMirror-syntax-fgColor-storage: #ff7b72;
+    --codeMirror-syntax-fgColor-string: #a5d6ff;
+    --codeMirror-syntax-fgColor-support: #79c0ff;
+    --codeMirror-syntax-fgColor-variable: #ffa198;
+    --header-fgColor-default: #ffffffb3;
+    --header-fgColor-logo: #f0f6fc;
+    --header-bgColor: #161b22f2;
+    --header-borderColor-divider: #8b949e;
+    --headerSearch-bgColor: #0d1117;
+    --headerSearch-borderColor: #30363d;
+    --avatar-bgColor: #ffffff1a;
+    --avatar-borderColor: #00000000;
+    --avatar-shadow: 0px 0px 0px 2px #0d1117;
+    --avatarStack-fade-bgColor-default: #30363d;
+    --avatarStack-fade-bgColor-muted: #21262d;
+    --control-bgColor-rest: #21262d;
+    --control-bgColor-hover: #292e36;
+    --control-bgColor-active: #31363e;
+    --control-bgColor-disabled: #484f58;
+    --control-bgColor-selected: #161b22;
+    --control-fgColor-rest: #c9d1d9;
+    --control-fgColor-placeholder: #484f58;
+    --control-fgColor-disabled: #484f58;
+    --control-borderColor-rest: #30363d;
+    --control-borderColor-emphasis: #666e79;
+    --control-borderColor-disabled: #30363d;
+    --control-borderColor-selected: #f0f6fc;
+    --control-borderColor-success: #1f6feb;
+    --control-borderColor-danger: #da3633;
+    --control-borderColor-warning: #9e6a03;
+    --control-iconColor-rest: #7d8590;
+    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-hover: #b1bac41f;
+    --control-transparent-bgColor-active: #b1bac433;
+    --control-transparent-bgColor-disabled: #00000000;
+    --control-transparent-bgColor-selected: #b1bac414;
+    --control-transparent-borderColor-rest: #00000000;
+    --control-transparent-borderColor-hover: #00000000;
+    --control-transparent-borderColor-active: #00000000;
+    --control-danger-fgColor-rest: #f85149;
+    --control-danger-fgColor-hover: #ff7b72;
+    --control-danger-bgColor-hover: #f851491a;
+    --control-danger-bgColor-active: #f8514966;
+    --control-checked-bgColor-rest: #1f6feb;
+    --control-checked-bgColor-hover: #2a7aef;
+    --control-checked-bgColor-active: #3685f3;
+    --control-checked-bgColor-disabled: #484f58;
+    --control-checked-fgColor-rest: #ffffff;
+    --control-checked-fgColor-disabled: #010409;
+    --control-checked-borderColor-rest: #1f6feb;
+    --control-checked-borderColor-hover: #00000000;
+    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-disabled: #484f58;
+    --controlTrack-bgColor-rest: #21262d;
+    --controlTrack-bgColor-hover: #292e36;
+    --controlTrack-bgColor-active: #31363e;
+    --controlTrack-bgColor-disabled: #484f58;
+    --controlTrack-fgColor-rest: #7d8590;
+    --controlTrack-fgColor-disabled: #7d8590;
+    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-disabled: #484f58;
+    --controlKnob-bgColor-rest: #010409;
+    --controlKnob-bgColor-disabled: #484f58;
+    --controlKnob-bgColor-checked: #ffffff;
+    --controlKnob-borderColor-rest: #666e79;
+    --controlKnob-borderColor-disabled: #484f58;
+    --controlKnob-borderColor-checked: #1f6feb;
+    --counter-borderColor: #00000000;
+    --button-default-fgColor-rest: #c9d1d9;
+    --button-default-bgColor-rest: #21262d;
+    --button-default-bgColor-hover: #292e36;
+    --button-default-bgColor-active: #31363e;
+    --button-default-bgColor-selected: #31363e;
+    --button-default-borderColor-rest: #30363d;
+    --button-default-borderColor-hover: #30363d;
+    --button-default-borderColor-active: #30363d;
+    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
+    --button-default-shadow-inset: 0px 0px 0px 0px #000000;
+    --button-primary-fgColor-rest: #ffffff;
+    --button-primary-fgColor-disabled: #ffffff80;
+    --button-primary-iconColor-rest: #ffffff;
+    --button-primary-bgColor-rest: #1f6feb;
+    --button-primary-bgColor-hover: #2a7aef;
+    --button-primary-bgColor-active: #3685f3;
+    --button-primary-bgColor-disabled: #5fabfe;
+    --button-primary-borderColor-rest: #30363dcc;
+    --button-primary-borderColor-hover: #30363dcc;
+    --button-primary-borderColor-disabled: #30363dcc;
+    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-disabled: #484f58;
+    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-hover: #b1bac41f;
+    --button-invisible-bgColor-active: #b1bac433;
+    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-borderColor-rest: #00000000;
+    --button-invisible-borderColor-hover: #00000000;
+    --button-outline-fgColor-rest: #2f81f7;
+    --button-outline-fgColor-hover: #2f81f7;
+    --button-outline-fgColor-active: #ffffff;
+    --button-outline-fgColor-disabled: #2f81f780;
+    --button-outline-bgColor-rest: #f0f6fc;
+    --button-outline-bgColor-hover: #30363d;
+    --button-outline-bgColor-active: #0d419d;
+    --button-outline-bgColor-disabled: #0d1117;
+    --button-outline-borderColor-hover: #30363d66;
+    --button-outline-borderColor-selected: #30363d66;
+    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-danger-fgColor-rest: #f85149;
+    --button-danger-fgColor-hover: #ffffff;
+    --button-danger-fgColor-active: #ffffff;
+    --button-danger-fgColor-disabled: #f8514980;
+    --button-danger-iconColor-rest: #f85149;
+    --button-danger-iconColor-hover: #ffffff;
+    --button-danger-bgColor-rest: #21262d;
+    --button-danger-bgColor-hover: #b62324;
+    --button-danger-bgColor-active: #d03533;
+    --button-danger-bgColor-disabled: #21262d;
+    --button-danger-borderColor-rest: #30363d;
+    --button-danger-borderColor-hover: #b62324;
+    --button-danger-borderColor-active: #d03533;
+    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+    --buttonCounter-default-bgColor-rest: #30363d;
+    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-outline-bgColor-rest: #1f6feb1a;
+    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
+    --buttonCounter-danger-bgColor-hover: #ffffff33;
+    --buttonCounter-danger-bgColor-disabled: #da36330d;
+    --buttonCounter-danger-bgColor-rest: #da36331a;
+    --focus-outlineColor: #1f6feb;
+    --menu-bgColor-active: #161b22;
+    --overlay-bgColor: #161b22;
+    --overlay-backdrop-bgColor: #b1bac433;
+    --selectMenu-borderColor: #484f58;
+    --selectMenu-bgColor-active: #0c2d6b;
+    --sideNav-bgColor-selected: #21262d;
+    --timelineBadge-bgColor: #21262d;
+    --treeViewItem-leadingVisual-bgColor-rest: #7d8590;
+    --underlineNav-borderColor-active: #f78166;
+    --underlineNav-borderColor-hover: #6e768166;
+    --underlineNav-iconColor-rest: #7d8590;
+    --fgColor-default: #e6edf3;
+    --fgColor-muted: #7d8590;
+    --fgColor-onEmphasis: #ffffff;
+    --fgColor-disabled: #484f58;
+    --fgColor-link-rest: #2f81f7;
+    --fgColor-link-inverse-rest: #1f6feb;
+    --fgColor-link-control: #636a75;
+    --fgColor-accent: #2f81f7;
+    --fgColor-success: #58a6ff;
+    --fgColor-attention: #d29922;
+    --fgColor-severe: #f85149;
+    --fgColor-danger: #f85149;
+    --fgColor-open: #58a6ff;
+    --fgColor-closed: #f85149;
+    --fgColor-done: #a371f7;
+    --fgColor-sponsors: #db61a2;
+    --bgColor-default: #0d1117;
+    --bgColor-muted: #161b22;
+    --bgColor-emphasis: #6e7681;
+    --bgColor-disabled: #484f58;
+    --bgColor-neutral-muted: #6e768126;
+    --bgColor-neutral-emphasis: #6e7681;
+    --bgColor-accent-muted: #388bfd1a;
+    --bgColor-accent-emphasis: #1f6feb;
+    --bgColor-success-muted: #388bfd26;
+    --bgColor-success-emphasis: #1f6feb;
+    --bgColor-attention-muted: #bb800926;
+    --bgColor-attention-emphasis: #9e6a03;
+    --bgColor-severe-muted: #f851491a;
+    --bgColor-severe-emphasis: #da3633;
+    --bgColor-danger-muted: #f851491a;
+    --bgColor-danger-emphasis: #da3633;
+    --bgColor-open-muted: #388bfd1a;
+    --bgColor-open-emphasis: #1f6feb;
+    --bgColor-closed-muted: #f8514926;
+    --bgColor-closed-emphasis: #da3633;
+    --bgColor-done-muted: #a371f726;
+    --bgColor-done-emphasis: #8957e5;
+    --bgColor-sponsors-muted: #db61a21a;
+    --bgColor-sponsors-emphasis: #bf4b8a;
+    --borderColor-default: #30363d;
+    --borderColor-muted: #30363d66;
+    --borderColor-emphasis: #484f58;
+    --borderColor-disabled: #30363d;
+    --borderColor-neutral-muted: #6e768166;
+    --borderColor-neutral-emphasis: #6e7681;
+    --borderColor-accent-muted: #388bfd66;
+    --borderColor-accent-emphasis: #1f6feb;
+    --borderColor-success-muted: #388bfd66;
+    --borderColor-success-emphasis: #1f6feb;
+    --borderColor-attention-muted: #bb800966;
+    --borderColor-attention-emphasis: #9e6a03;
+    --borderColor-severe-muted: #f8514966;
+    --borderColor-severe-emphasis: #da3633;
+    --borderColor-danger-muted: #f8514966;
+    --borderColor-danger-emphasis: #da3633;
+    --borderColor-open-muted: #388bfd66;
+    --borderColor-open-emphasis: #1f6feb;
+    --borderColor-closed-muted: #f8514966;
+    --borderColor-closed-emphasis: #da3633;
+    --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: #ff7b72;
+    --ansi-fgColor-redBright: #ffa198;
+    --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: #ff7b72;
+    --prettylights-syntax-string: #a5d6ff;
+    --prettylights-syntax-variable: #ffa198;
+    --prettylights-syntax-brackethighlighterUnmatched: #f85149;
+    --prettylights-syntax-invalidIllegalText: #f0f6fc;
+    --prettylights-syntax-invalidIllegalBg: #8e1519;
+    --prettylights-syntax-carriageReturnText: #f0f6fc;
+    --prettylights-syntax-carriageReturnBg: #b62324;
+    --prettylights-syntax-stringRegexp: #a5d6ff;
+    --prettylights-syntax-markupList: #f2cc60;
+    --prettylights-syntax-markupHeading: #1f6feb;
+    --prettylights-syntax-markupItalic: #c9d1d9;
+    --prettylights-syntax-markupBold: #c9d1d9;
+    --prettylights-syntax-markupDeletedText: #ffdcd7;
+    --prettylights-syntax-markupDeletedBg: #67060c;
+    --prettylights-syntax-markupInsertedText: #cae8ff;
+    --prettylights-syntax-markupInsertedBg: #0c2d6b;
+    --prettylights-syntax-markupChangedText: #ffdcd7;
+    --prettylights-syntax-markupChangedBg: #67060c;
+    --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-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 */
+    --color-scale-gray-0: #f0f6fc; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-1: #c9d1d9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-2: #b1bac4; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-3: #8b949e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-4: #6e7681; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-5: #484f58; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-6: #30363d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-7: #21262d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-8: #161b22; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-9: #0d1117; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-0: #cae8ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-1: #a5d6ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-2: #79c0ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-3: #58a6ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-4: #388bfd; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-5: #1f6feb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-6: #1158c7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-7: #0d419d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-8: #0c2d6b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-9: #051d4d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-0: #cae8ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-1: #a5d6ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-2: #79c0ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-3: #58a6ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-4: #388bfd; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-5: #1f6feb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-6: #1158c7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-7: #0d419d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-8: #0c2d6b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-9: #051d4d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-0: #f8e3a1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-1: #f2cc60; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-2: #e3b341; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-3: #d29922; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-4: #bb8009; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-5: #9e6a03; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-6: #845306; /* Avoid using scales, use other functional tokens instead */
+    --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: #ffdcd7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffc1ba; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #ffa198; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #ff7b72; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #f85149; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #da3633; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #b62324; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #8e1519; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #67060c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #490202; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #ffdcd7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffc1ba; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffa198; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #ff7b72; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #f85149; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #da3633; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #b62324; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #8e1519; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #67060c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #490202; /* 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 */
+    --color-scale-purple-3: #bc8cff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-4: #a371f7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-5: #8957e5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-6: #6e40c9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-7: #553098; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-8: #3c1e70; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-9: #271052; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-0: #ffdaec; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-1: #ffbedd; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-2: #ff9bce; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-3: #f778ba; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-4: #db61a2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-5: #bf4b8a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-6: #9e3670; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-7: #7d2457; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-8: #5e103e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-9: #42062a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-0: #ffddd2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-1: #ffc2b2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-2: #ffa28b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-3: #f78166; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-4: #ea6045; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-5: #cf462d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-6: #ac3220; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-7: #872012; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-8: #640d04; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-9: #460701; /* Avoid using scales, use other functional tokens instead */
+    --shadow-inset: 0px 0px 0px 0px #000000;
+    --shadow-highlight: 0px 0px 0px 0px #000000;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
+    --shadow-resting-small: 0px 0px 0px 0px #000000;
+    --shadow-resting-medium: 0px 3px 6px 0px #010409;
+    --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #010409d9;
+    --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
+    --shadow-floating-large: 0px 8px 24px 0px #010409;
+    --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+    --outline-focus: #1f6feb solid 2px;
+  }
+}