@primer/primitives 11.7.0 → 11.7.1-rc.97abd424

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/build/platforms/css.js +22 -4
  2. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +54 -54
  3. package/dist/css/functional/themes/dark-colorblind.css +54 -54
  4. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +54 -54
  5. package/dist/css/functional/themes/dark-dimmed.css +54 -54
  6. package/dist/css/functional/themes/dark-high-contrast.css +54 -54
  7. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +54 -54
  8. package/dist/css/functional/themes/dark-tritanopia.css +54 -54
  9. package/dist/css/functional/themes/dark.css +54 -54
  10. package/dist/css/functional/themes/light-colorblind-high-contrast.css +54 -54
  11. package/dist/css/functional/themes/light-colorblind.css +54 -54
  12. package/dist/css/functional/themes/light-high-contrast.css +54 -54
  13. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +54 -54
  14. package/dist/css/functional/themes/light-tritanopia.css +54 -54
  15. package/dist/css/functional/themes/light.css +54 -54
  16. package/dist/internalCss/dark-colorblind-high-contrast.css +54 -54
  17. package/dist/internalCss/dark-colorblind.css +54 -54
  18. package/dist/internalCss/dark-dimmed-high-contrast.css +54 -54
  19. package/dist/internalCss/dark-dimmed.css +54 -54
  20. package/dist/internalCss/dark-high-contrast.css +54 -54
  21. package/dist/internalCss/dark-tritanopia-high-contrast.css +54 -54
  22. package/dist/internalCss/dark-tritanopia.css +54 -54
  23. package/dist/internalCss/dark.css +54 -54
  24. package/dist/internalCss/light-colorblind-high-contrast.css +54 -54
  25. package/dist/internalCss/light-colorblind.css +54 -54
  26. package/dist/internalCss/light-high-contrast.css +54 -54
  27. package/dist/internalCss/light-tritanopia-high-contrast.css +54 -54
  28. package/dist/internalCss/light-tritanopia.css +54 -54
  29. package/dist/internalCss/light.css +54 -54
  30. package/package.json +15 -14
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -937,24 +937,24 @@
937
937
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
938
938
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
939
939
  --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
940
- --border-accent-emphasis: 0.0625rem solid #409eff;
941
- --border-accent-muted: 0.0625rem solid #5cacff;
942
- --border-attention-emphasis: 0.0625rem solid #e09b13;
943
- --border-attention-muted: 0.0625rem solid #edaa27;
944
- --border-danger-emphasis: 0.0625rem solid #ff6a69;
945
- --border-danger-muted: 0.0625rem solid #ff8080;
946
- --border-default: 0.0625rem solid #b7bdc8;
947
- --border-disabled: 0.0625rem solid #656c761a;
948
- --border-done-emphasis: 0.0625rem solid #b87fff;
949
- --border-done-muted: 0.0625rem solid #bf8fff;
950
- --border-severe-emphasis: 0.0625rem solid #e7811d;
951
- --border-severe-muted: 0.0625rem solid #f48b25;
952
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
953
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
954
- --border-success-emphasis: 0.0625rem solid #09b43a;
955
- --border-success-muted: 0.0625rem solid #0ac740;
956
- --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
957
- --border-transparent: 0.0625rem solid #00000000;
940
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
941
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
942
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
943
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
944
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
945
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
946
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
947
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
948
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
949
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
950
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
951
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
952
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
953
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
954
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
955
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
956
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
957
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
958
958
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
959
959
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
960
960
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -1097,12 +1097,12 @@
1097
1097
  --avatar-borderColor: var(--borderColor-emphasis);
1098
1098
  --border-closed-emphasis: var(--border-danger-emphasis);
1099
1099
  --border-closed-muted: var(--border-danger-muted);
1100
- --border-emphasis: 0.0625rem solid #b7bdc8;
1101
- --border-muted: 0.0625rem solid #b7bdc8;
1100
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1101
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1102
1102
  --border-open-emphasis: var(--border-success-emphasis);
1103
1103
  --border-open-muted: var(--border-success-muted);
1104
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
1105
- --border-upsell-muted: 0.0625rem solid #bf8fff;
1104
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1105
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1106
1106
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1107
1107
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1108
1108
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1163,7 +1163,7 @@
1163
1163
  --diffBlob-expander-iconColor: var(--fgColor-default);
1164
1164
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1165
1165
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1166
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
1166
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1167
1167
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1168
1168
  --page-header-bgColor: var(--bgColor-default);
1169
1169
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -1173,8 +1173,8 @@
1173
1173
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1174
1174
  --tooltip-bgColor: var(--bgColor-inverse);
1175
1175
  --tooltip-fgColor: var(--fgColor-onInverse);
1176
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1177
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
1176
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1177
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1178
1178
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1179
1179
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
1180
1180
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
@@ -1189,8 +1189,8 @@
1189
1189
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1190
1190
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1191
1191
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1192
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1193
- --border-draft-muted: 0.0625rem solid #b7bdc8;
1192
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1193
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1194
1194
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1195
1195
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1196
1196
  }
@@ -2133,24 +2133,24 @@
2133
2133
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
2134
2134
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
2135
2135
  --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
2136
- --border-accent-emphasis: 0.0625rem solid #409eff;
2137
- --border-accent-muted: 0.0625rem solid #5cacff;
2138
- --border-attention-emphasis: 0.0625rem solid #e09b13;
2139
- --border-attention-muted: 0.0625rem solid #edaa27;
2140
- --border-danger-emphasis: 0.0625rem solid #ff6a69;
2141
- --border-danger-muted: 0.0625rem solid #ff8080;
2142
- --border-default: 0.0625rem solid #b7bdc8;
2143
- --border-disabled: 0.0625rem solid #656c761a;
2144
- --border-done-emphasis: 0.0625rem solid #b87fff;
2145
- --border-done-muted: 0.0625rem solid #bf8fff;
2146
- --border-severe-emphasis: 0.0625rem solid #e7811d;
2147
- --border-severe-muted: 0.0625rem solid #f48b25;
2148
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
2149
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
2150
- --border-success-emphasis: 0.0625rem solid #09b43a;
2151
- --border-success-muted: 0.0625rem solid #0ac740;
2152
- --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
2153
- --border-transparent: 0.0625rem solid #00000000;
2136
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
2137
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
2138
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
2139
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
2140
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
2141
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
2142
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
2143
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
2144
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
2145
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
2146
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
2147
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
2148
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
2149
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
2150
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
2151
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
2152
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
2153
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
2154
2154
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
2155
2155
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
2156
2156
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -2293,12 +2293,12 @@
2293
2293
  --avatar-borderColor: var(--borderColor-emphasis);
2294
2294
  --border-closed-emphasis: var(--border-danger-emphasis);
2295
2295
  --border-closed-muted: var(--border-danger-muted);
2296
- --border-emphasis: 0.0625rem solid #b7bdc8;
2297
- --border-muted: 0.0625rem solid #b7bdc8;
2296
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
2297
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
2298
2298
  --border-open-emphasis: var(--border-success-emphasis);
2299
2299
  --border-open-muted: var(--border-success-muted);
2300
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
2301
- --border-upsell-muted: 0.0625rem solid #bf8fff;
2300
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
2301
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
2302
2302
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
2303
2303
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
2304
2304
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -2359,7 +2359,7 @@
2359
2359
  --diffBlob-expander-iconColor: var(--fgColor-default);
2360
2360
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2361
2361
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
2362
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
2362
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
2363
2363
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
2364
2364
  --page-header-bgColor: var(--bgColor-default);
2365
2365
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -2369,8 +2369,8 @@
2369
2369
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
2370
2370
  --tooltip-bgColor: var(--bgColor-inverse);
2371
2371
  --tooltip-fgColor: var(--fgColor-onInverse);
2372
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
2373
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
2372
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
2373
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
2374
2374
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
2375
2375
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
2376
2376
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
@@ -2385,8 +2385,8 @@
2385
2385
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2386
2386
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2387
2387
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
2388
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
2389
- --border-draft-muted: 0.0625rem solid #b7bdc8;
2388
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
2389
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
2390
2390
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
2391
2391
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
2392
2392
  }
package/dist/internalCss/dark-tritanopia-high-contrast.css CHANGED
@@ -941,24 +941,24 @@
941
941
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
942
942
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
943
943
  --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
944
- --border-accent-emphasis: 0.0625rem solid #409eff;
945
- --border-accent-muted: 0.0625rem solid #5cacff;
946
- --border-attention-emphasis: 0.0625rem solid #e09b13;
947
- --border-attention-muted: 0.0625rem solid #edaa27;
948
- --border-danger-emphasis: 0.0625rem solid #ff6a69;
949
- --border-danger-muted: 0.0625rem solid #ff8080;
950
- --border-default: 0.0625rem solid #b7bdc8;
951
- --border-disabled: 0.0625rem solid #656c761a;
952
- --border-done-emphasis: 0.0625rem solid #b87fff;
953
- --border-done-muted: 0.0625rem solid #bf8fff;
954
- --border-severe-emphasis: 0.0625rem solid #e7811d;
955
- --border-severe-muted: 0.0625rem solid #ff8080;
956
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
957
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
958
- --border-success-emphasis: 0.0625rem solid #409eff;
959
- --border-success-muted: 0.0625rem solid #5cacff;
960
- --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
961
- --border-transparent: 0.0625rem solid #00000000;
944
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
945
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
946
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
947
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
948
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
949
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
950
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
951
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
952
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
953
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
954
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
955
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
956
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
957
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
958
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
959
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
960
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
961
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
962
962
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
963
963
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
964
964
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -1097,13 +1097,13 @@
1097
1097
  --avatar-borderColor: var(--borderColor-emphasis);
1098
1098
  --border-closed-emphasis: var(--border-danger-emphasis);
1099
1099
  --border-closed-muted: var(--border-danger-muted);
1100
- --border-draft-muted: 0.0625rem solid #b7bdc8;
1101
- --border-emphasis: 0.0625rem solid #b7bdc8;
1102
- --border-muted: 0.0625rem solid #b7bdc8;
1100
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1101
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1102
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1103
1103
  --border-open-emphasis: var(--border-success-emphasis);
1104
1104
  --border-open-muted: var(--border-success-muted);
1105
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
1106
- --border-upsell-muted: 0.0625rem solid #bf8fff;
1105
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1106
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1107
1107
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
1108
1108
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1109
1109
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
@@ -1165,7 +1165,7 @@
1165
1165
  --diffBlob-expander-iconColor: var(--fgColor-default);
1166
1166
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1167
1167
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1168
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
1168
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1169
1169
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1170
1170
  --page-header-bgColor: var(--bgColor-default);
1171
1171
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -1175,8 +1175,8 @@
1175
1175
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1176
1176
  --tooltip-bgColor: var(--bgColor-inverse);
1177
1177
  --tooltip-fgColor: var(--fgColor-onInverse);
1178
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1179
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
1178
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1179
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1180
1180
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1181
1181
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1182
1182
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -1190,7 +1190,7 @@
1190
1190
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1191
1191
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1192
1192
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1193
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1193
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1194
1194
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1195
1195
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1196
1196
  }
@@ -2137,24 +2137,24 @@
2137
2137
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
2138
2138
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
2139
2139
  --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
2140
- --border-accent-emphasis: 0.0625rem solid #409eff;
2141
- --border-accent-muted: 0.0625rem solid #5cacff;
2142
- --border-attention-emphasis: 0.0625rem solid #e09b13;
2143
- --border-attention-muted: 0.0625rem solid #edaa27;
2144
- --border-danger-emphasis: 0.0625rem solid #ff6a69;
2145
- --border-danger-muted: 0.0625rem solid #ff8080;
2146
- --border-default: 0.0625rem solid #b7bdc8;
2147
- --border-disabled: 0.0625rem solid #656c761a;
2148
- --border-done-emphasis: 0.0625rem solid #b87fff;
2149
- --border-done-muted: 0.0625rem solid #bf8fff;
2150
- --border-severe-emphasis: 0.0625rem solid #e7811d;
2151
- --border-severe-muted: 0.0625rem solid #ff8080;
2152
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
2153
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
2154
- --border-success-emphasis: 0.0625rem solid #409eff;
2155
- --border-success-muted: 0.0625rem solid #5cacff;
2156
- --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
2157
- --border-transparent: 0.0625rem solid #00000000;
2140
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
2141
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
2142
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
2143
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
2144
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
2145
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
2146
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
2147
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
2148
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
2149
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
2150
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
2151
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
2152
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
2153
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
2154
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
2155
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
2156
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
2157
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
2158
2158
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
2159
2159
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
2160
2160
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -2293,13 +2293,13 @@
2293
2293
  --avatar-borderColor: var(--borderColor-emphasis);
2294
2294
  --border-closed-emphasis: var(--border-danger-emphasis);
2295
2295
  --border-closed-muted: var(--border-danger-muted);
2296
- --border-draft-muted: 0.0625rem solid #b7bdc8;
2297
- --border-emphasis: 0.0625rem solid #b7bdc8;
2298
- --border-muted: 0.0625rem solid #b7bdc8;
2296
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
2297
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
2298
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
2299
2299
  --border-open-emphasis: var(--border-success-emphasis);
2300
2300
  --border-open-muted: var(--border-success-muted);
2301
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
2302
- --border-upsell-muted: 0.0625rem solid #bf8fff;
2301
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
2302
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
2303
2303
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
2304
2304
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
2305
2305
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
@@ -2361,7 +2361,7 @@
2361
2361
  --diffBlob-expander-iconColor: var(--fgColor-default);
2362
2362
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2363
2363
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
2364
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
2364
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
2365
2365
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
2366
2366
  --page-header-bgColor: var(--bgColor-default);
2367
2367
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -2371,8 +2371,8 @@
2371
2371
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
2372
2372
  --tooltip-bgColor: var(--bgColor-inverse);
2373
2373
  --tooltip-fgColor: var(--fgColor-onInverse);
2374
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
2375
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
2374
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
2375
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
2376
2376
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
2377
2377
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
2378
2378
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -2386,7 +2386,7 @@
2386
2386
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2387
2387
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2388
2388
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
2389
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
2389
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
2390
2390
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
2391
2391
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
2392
2392
  }
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -963,24 +963,24 @@
963
963
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
964
964
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
965
965
  --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
966
- --border-accent-emphasis: 0.0625rem solid #1f6feb;
967
- --border-accent-muted: 0.0625rem solid #388bfd66;
968
- --border-attention-emphasis: 0.0625rem solid #9e6a03;
969
- --border-attention-muted: 0.0625rem solid #bb800966;
970
- --border-danger-emphasis: 0.0625rem solid #da3633;
971
- --border-danger-muted: 0.0625rem solid #f8514966;
972
- --border-default: 0.0625rem solid #3d444d;
973
- --border-disabled: 0.0625rem solid #656c761a;
974
- --border-done-emphasis: 0.0625rem solid #8957e5;
975
- --border-done-muted: 0.0625rem solid #ab7df866;
976
- --border-emphasis: 0.0625rem solid #656c76;
977
- --border-severe-emphasis: 0.0625rem solid #da3633;
978
- --border-severe-muted: 0.0625rem solid #f8514966;
979
- --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
980
- --border-sponsors-muted: 0.0625rem solid #db61a266;
981
- --border-success-emphasis: 0.0625rem solid #1f6feb;
982
- --border-success-muted: 0.0625rem solid #388bfd66;
983
- --border-transparent: 0.0625rem solid #00000000;
966
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
967
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
968
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
969
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
970
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
971
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
972
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
973
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
974
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
975
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
976
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
977
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
978
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
979
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
980
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
981
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
982
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
983
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
984
984
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
985
985
  --borderColor-closed-muted: #3d444d66; /** Subtle border for closed state indicators */
986
986
  --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
@@ -1121,14 +1121,14 @@
1121
1121
  --avatar-borderColor: var(--borderColor-translucent);
1122
1122
  --border-closed-emphasis: var(--border-danger-emphasis);
1123
1123
  --border-closed-muted: var(--border-danger-muted);
1124
- --border-draft-muted: 0.0625rem solid #3d444d66;
1125
- --border-muted: 0.0625rem solid #3d444db3;
1126
- --border-neutral-emphasis: 0.0625rem solid #656c76;
1124
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1125
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1126
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1127
1127
  --border-open-emphasis: var(--border-success-emphasis);
1128
1128
  --border-open-muted: var(--border-success-muted);
1129
- --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1130
- --border-upsell-emphasis: 0.0625rem solid #8957e5;
1131
- --border-upsell-muted: 0.0625rem solid #ab7df866;
1129
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1130
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1131
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1132
1132
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1133
1133
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1134
1134
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1171,12 +1171,12 @@
1171
1171
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1172
1172
  --dashboard-bgColor: var(--bgColor-inset);
1173
1173
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1174
- --focus-outline: 0.125rem solid #1f6feb; /** Focus ring outline for keyboard navigation and accessibility. */
1174
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1175
1175
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1176
1176
  --overlay-borderColor: var(--borderColor-muted);
1177
1177
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1178
- --border-draft-emphasis: 0.0625rem solid #656c76;
1179
- --border-neutral-muted: 0.0625rem solid #3d444db3;
1178
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1179
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1180
1180
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1181
1181
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1182
1182
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -2159,24 +2159,24 @@
2159
2159
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
2160
2160
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
2161
2161
  --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
2162
- --border-accent-emphasis: 0.0625rem solid #1f6feb;
2163
- --border-accent-muted: 0.0625rem solid #388bfd66;
2164
- --border-attention-emphasis: 0.0625rem solid #9e6a03;
2165
- --border-attention-muted: 0.0625rem solid #bb800966;
2166
- --border-danger-emphasis: 0.0625rem solid #da3633;
2167
- --border-danger-muted: 0.0625rem solid #f8514966;
2168
- --border-default: 0.0625rem solid #3d444d;
2169
- --border-disabled: 0.0625rem solid #656c761a;
2170
- --border-done-emphasis: 0.0625rem solid #8957e5;
2171
- --border-done-muted: 0.0625rem solid #ab7df866;
2172
- --border-emphasis: 0.0625rem solid #656c76;
2173
- --border-severe-emphasis: 0.0625rem solid #da3633;
2174
- --border-severe-muted: 0.0625rem solid #f8514966;
2175
- --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
2176
- --border-sponsors-muted: 0.0625rem solid #db61a266;
2177
- --border-success-emphasis: 0.0625rem solid #1f6feb;
2178
- --border-success-muted: 0.0625rem solid #388bfd66;
2179
- --border-transparent: 0.0625rem solid #00000000;
2162
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
2163
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
2164
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
2165
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
2166
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
2167
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
2168
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
2169
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
2170
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
2171
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
2172
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
2173
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
2174
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
2175
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
2176
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
2177
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
2178
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
2179
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
2180
2180
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
2181
2181
  --borderColor-closed-muted: #3d444d66; /** Subtle border for closed state indicators */
2182
2182
  --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
@@ -2317,14 +2317,14 @@
2317
2317
  --avatar-borderColor: var(--borderColor-translucent);
2318
2318
  --border-closed-emphasis: var(--border-danger-emphasis);
2319
2319
  --border-closed-muted: var(--border-danger-muted);
2320
- --border-draft-muted: 0.0625rem solid #3d444d66;
2321
- --border-muted: 0.0625rem solid #3d444db3;
2322
- --border-neutral-emphasis: 0.0625rem solid #656c76;
2320
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
2321
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
2322
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
2323
2323
  --border-open-emphasis: var(--border-success-emphasis);
2324
2324
  --border-open-muted: var(--border-success-muted);
2325
- --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
2326
- --border-upsell-emphasis: 0.0625rem solid #8957e5;
2327
- --border-upsell-muted: 0.0625rem solid #ab7df866;
2325
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
2326
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
2327
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
2328
2328
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
2329
2329
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
2330
2330
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -2367,12 +2367,12 @@
2367
2367
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
2368
2368
  --dashboard-bgColor: var(--bgColor-inset);
2369
2369
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2370
- --focus-outline: 0.125rem solid #1f6feb; /** Focus ring outline for keyboard navigation and accessibility. */
2370
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
2371
2371
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
2372
2372
  --overlay-borderColor: var(--borderColor-muted);
2373
2373
  --tooltip-fgColor: var(--fgColor-onEmphasis);
2374
- --border-draft-emphasis: 0.0625rem solid #656c76;
2375
- --border-neutral-muted: 0.0625rem solid #3d444db3;
2374
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
2375
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
2376
2376
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
2377
2377
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
2378
2378
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);