@stackoverflow/stacks 2.0.0-rc.0 → 2.0.0-rc.2

package/dist/css/stacks.css

@@ -413,7 +413,7 @@ fieldset {
 .s-activity-indicator {
   --_ai-focus-ring: var(--focus-ring);
   --_ai-bg: var(--theme-secondary-400);
-  --_ai-fc: var(--_white-static);
+  --_ai-fc: var(--white);
   background-color: var(--_ai-bg);
   box-shadow: 0 0 0 var(--su-static4) var(--_ai-focus-ring);
   color: var(--_ai-fc);
@@ -428,20 +428,31 @@ fieldset {
   text-transform: uppercase;
 }
 body.theme-highcontrast .s-activity-indicator {
-  --_ai-fc: var(--white);
+  --_ai-bg: var(--theme-secondary-500);
 }
 .s-activity-indicator.s-activity-indicator__danger {
   --_ai-bg: var(--red-400);
   --_ai-focus-ring: var(--focus-ring-error);
 }
+body.theme-highcontrast .s-activity-indicator.s-activity-indicator__danger {
+  --_ai-bg: var(--red-500);
+}
 .s-activity-indicator.s-activity-indicator__success {
   --_ai-bg: var(--green-400);
   --_ai-focus-ring: var(--focus-ring-success);
 }
+body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
+  --_ai-bg: var(--green-500);
+}
 .s-activity-indicator.s-activity-indicator__warning {
-  --_ai-bg: var(--yellow-500);
+  --_ai-bg: var(--yellow-400);
+  --_ai-fc: var(--_black-static);
   --_ai-focus-ring: var(--focus-ring-warning);
 }
+body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
+  --_ai-bg: var(--yellow-500);
+  --_ai-fc: var(--white);
+}
 .s-anchors {
   --_an-a-fc-visited: var(--_an-a-fc);
 }
@@ -708,11 +719,6 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
 .s-badge.s-badge__bronze {
   --_ba-fc: var(--black-500);
 }
-body.theme-highcontrast .s-badge.s-badge__gold,
-body.theme-highcontrast .s-badge.s-badge__silver,
-body.theme-highcontrast .s-badge.s-badge__bronze {
-  --_ba-fc: var(--black-600);
-}
 .s-badge.s-badge__gold {
   --_ba-bc: var(--gold-400);
   --_ba-bg: var(--gold-100);
@@ -740,10 +746,10 @@ body.theme-highcontrast .s-badge.s-badge__bronze {
   --_ba-bg: var(--green-400);
 }
 .s-badge.s-badge__bounty {
-  --_ba-bg: var(--blue-500);
+  --_ba-bg: var(--blue-400);
 }
 .s-badge.s-badge__important {
-  --_ba-bg: var(--red-500);
+  --_ba-bg: var(--red-400);
 }
 .s-badge.s-badge__rep {
   --_ba-bc: var(--green-400);
@@ -759,8 +765,8 @@ body.theme-highcontrast .s-badge.s-badge__bronze {
 }
 .s-badge.s-badge__admin {
   --_ba-bc: var(--theme-primary-300);
-  --_ba-bg: var(--theme-primary-200);
-  --_ba-fc: var(--theme-primary-600);
+  --_ba-bg: var(--theme-primary-100);
+  --_ba-fc: var(--theme-primary-500);
 }
 .s-badge.s-badge__moderator {
   --_ba-bc: var(--theme-secondary-300);
@@ -799,7 +805,7 @@ body.theme-highcontrast .s-badge.s-badge__bronze {
 }
 .s-badge.s-badge__staff {
   --_ba-bc: var(--orange-400);
-  --_ba-bg: var(--orange-300);
+  --_ba-bg: var(--orange-200);
   --_ba-fc: var(--orange-600);
 }
 .s-badge.s-badge__danger.s-badge__filled,
@@ -807,31 +813,28 @@ body.theme-highcontrast .s-badge.s-badge__bronze {
   --_ba-bc: transparent;
 }
 .s-badge.s-badge__danger {
-  --_ba-bc: var(--red-500);
-  --_ba-bg: var(--red-300);
+  --_ba-bc: var(--red-400);
+  --_ba-bg: var(--red-200);
   --_ba-fc: var(--red-600);
 }
 .s-badge.s-badge__danger.s-badge__filled {
   --_ba-bg: var(--red-400);
-  --_ba-fc: var(--_white-static);
-}
-body.theme-highcontrast .s-badge.s-badge__danger.s-badge__filled {
   --_ba-fc: var(--white);
 }
 .s-badge.s-badge__info {
-  --_ba-bc: var(--blue-500);
-  --_ba-bg: var(--blue-300);
+  --_ba-bc: var(--blue-400);
+  --_ba-bg: var(--blue-200);
   --_ba-fc: var(--blue-600);
 }
 .s-badge.s-badge__warning {
-  --_ba-bc: var(--yellow-500);
-  --_ba-bg: var(--yellow-300);
+  --_ba-bc: var(--yellow-400);
+  --_ba-bg: var(--yellow-200);
   --_ba-fc: var(--yellow-600);
 }
 .s-badge.s-badge__muted {
-  --_ba-bc: var(--black-500);
-  --_ba-bg: var(--black-225);
-  --_ba-fc: var(--black-600);
+  --_ba-bc: var(--black-400);
+  --_ba-bg: var(--black-200);
+  --_ba-fc: var(--black-500);
 }
 .s-badge.s-badge__muted.s-badge__filled {
   --_ba-bg: var(--black-500);
@@ -849,11 +852,12 @@ a.s-badge:hover {
 }
 .s-banner {
   --_no-x-offset: 0;
-  --_no-bc: var(--bc-medium);
+  --_no-bc: var(--black-225);
   --_no-bg: var(--black-150);
-  --_no-fc: var(--fc-medium);
+  --_no-fc: var(--black-500);
   --_no-btn-bg-focus: var(--black-225);
   --_no-btn-bg-active: var(--black-250);
+  --_no-btn-fc: var(--_no-fc);
   background: var(--_no-bg);
   border-color: var(--_no-bc);
   color: var(--_no-fc);
@@ -895,174 +899,111 @@ body.theme-highcontrast.theme-dark .s-banner:not(.s-banner__important) {
   --_no-fc: var(--white);
   --_no-btn-bg-focus: var(--black-600);
   --_no-btn-bg-active: var(--black-600);
-}
-body.theme-highcontrast .s-banner__important {
-  --_no-bc: var(--_no-bg);
+  --_no-btn-fc: var(--_no-fc);
+  --_no-code-bg: var(--black-300);
 }
 .s-banner__danger {
   --_no-bc: var(--red-300);
-  --_no-bg: var(--red-200);
-  --_no-btn-bg-active: var(--red-300);
-  --_no-btn-bg-focus: var(--red-300);
-}
-body.theme-highcontrast .s-banner__danger:not(.s-banner__important) {
-  --_no-bg: var(--red-300);
+  --_no-bg: var(--red-100);
+  --_no-btn-bg-active: var(--red-200);
+  --_no-btn-bg-focus: var(--red-200);
+  --_no-btn-fc: var(--red-500);
+  --_no-code-bg: var(--red-300);
 }
 .s-banner__danger.s-banner__important {
   --_no-bc: var(--_no-bg);
   --_no-bg: var(--red-400);
   --_no-btn-bg-active: var(--red-500);
   --_no-btn-bg-focus: var(--red-500);
+  --_no-btn-fc: var(--red-100);
 }
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-banner__danger.s-banner__important {
-    --_no-bg: var(--red-400);
-    --_no-fc: var(--black-600);
-  }
-}
-body.theme-dark .s-banner__danger.s-banner__important,
-.theme-dark__forced .s-banner__danger.s-banner__important,
-body.theme-system .theme-dark__forced .s-banner__danger.s-banner__important {
-  --_no-bg: var(--red-400);
-  --_no-fc: var(--black-600);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-banner__danger.s-banner__important {
-    --_no-bg: var(--red-400);
-    --_no-fc: var(--white);
-  }
-}
-body.theme-highcontrast.theme-dark .s-banner__danger.s-banner__important {
-  --_no-bg: var(--red-400);
-  --_no-fc: var(--white);
+body.theme-highcontrast .s-banner__danger.s-banner__important {
+  --_no-bg: var(--red-500);
 }
 .s-banner__info {
   --_no-bc: var(--theme-secondary-300);
-  --_no-bg: var(--theme-secondary-200);
-  --_no-btn-bg-focus: var(--theme-secondary-300);
-  --_no-btn-bg-active: var(--theme-secondary-300);
+  --_no-bg: var(--theme-secondary-100);
+  --_no-btn-bg-focus: var(--theme-secondary-200);
+  --_no-btn-bg-active: var(--theme-secondary-200);
+  --_no-btn-fc: var(--theme-secondary-500);
   --_no-code-bg: var(--theme-secondary-300);
 }
-body.theme-highcontrast .s-banner__info:not(.s-banner__important) {
-  --_no-bg: var(--theme-secondary-300);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-banner__info:not(.s-banner__important) {
-    --_no-bg: var(--theme-secondary-300);
-  }
-}
-body.theme-highcontrast.theme-dark .s-banner__info:not(.s-banner__important) {
-  --_no-bg: var(--theme-secondary-300);
-}
 .s-banner__info.s-banner__important {
   --_no-bc: var(--_no-bg);
   --_no-bg: var(--theme-secondary-400);
   --_no-btn-bg-active: var(--theme-secondary-500);
-  --_no-btn-bg-focus: var(--theme-secondary-400);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-banner__info.s-banner__important {
-    --_no-bg: var(--theme-secondary-400);
-    --_no-fc: var(--black-600);
-  }
+  --_no-btn-bg-focus: var(--theme-secondary-500);
+  --_no-btn-fc: var(--theme-secondary-100);
 }
-body.theme-dark .s-banner__info.s-banner__important,
-.theme-dark__forced .s-banner__info.s-banner__important,
-body.theme-system .theme-dark__forced .s-banner__info.s-banner__important {
-  --_no-bg: var(--theme-secondary-400);
-  --_no-fc: var(--black-600);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-banner__info.s-banner__important {
-    --_no-bg: var(--theme-secondary-400);
-    --_no-fc: var(--white);
-  }
-}
-body.theme-highcontrast.theme-dark .s-banner__info.s-banner__important {
-  --_no-bg: var(--theme-secondary-400);
-  --_no-fc: var(--white);
+body.theme-highcontrast .s-banner__info.s-banner__important {
+  --_no-bg: var(--theme-secondary-500);
 }
 .s-banner__success {
   --_no-bc: var(--green-300);
-  --_no-bg: var(--green-200);
-  --_no-btn-bg-active: var(--green-300);
-  --_no-btn-bg-focus: var(--green-300);
-}
-body.theme-highcontrast .s-banner__success:not(.s-banner__important) {
-  --_no-bg: var(--green-300);
+  --_no-bg: var(--green-100);
+  --_no-btn-bg-active: var(--green-200);
+  --_no-btn-bg-focus: var(--green-200);
+  --_no-btn-fc: var(--green-500);
+  --_no-code-bg: var(--green-300);
 }
 .s-banner__success.s-banner__important {
   --_no-bc: var(--_no-bg);
   --_no-bg: var(--green-400);
-  --_no-fc: var(--black-600);
   --_no-btn-bg-active: var(--green-500);
-  --_no-btn-bg-focus: var(--green-400);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-banner__success.s-banner__important {
-    --_no-bg: var(--green-400);
-    --_no-fc: var(--white);
-  }
-}
-body.theme-dark .s-banner__success.s-banner__important,
-.theme-dark__forced .s-banner__success.s-banner__important,
-body.theme-system .theme-dark__forced .s-banner__success.s-banner__important {
-  --_no-bg: var(--green-400);
-  --_no-fc: var(--white);
+  --_no-btn-bg-focus: var(--green-500);
+  --_no-btn-fc: var(--green-100);
 }
 body.theme-highcontrast .s-banner__success.s-banner__important {
-  --_no-bg: var(--green-400);
-  --_no-fc: var(--white);
+  --_no-bg: var(--green-500);
 }
 .s-banner__warning {
-  --_no-bc: var(--yellow-400);
-  --_no-bg: var(--yellow-200);
-  --_no-btn-bg-active: var(--yellow-400);
-  --_no-btn-bg-focus: var(--yellow-300);
+  --_no-bc: var(--yellow-300);
+  --_no-bg: var(--yellow-100);
+  --_no-btn-bg-active: var(--yellow-200);
+  --_no-btn-bg-focus: var(--yellow-200);
+  --_no-btn-fc: var(--yellow-600);
   --_no-code-bg: var(--yellow-300);
 }
-body.theme-highcontrast .s-banner__warning:not(.s-banner__important) {
-  --_no-bg: var(--yellow-300);
-}
 .s-banner__warning.s-banner__important {
   --_no-bc: var(--_no-bg);
   --_no-bg: var(--yellow-400);
-  --_no-fc: var(--black-600);
-  --_no-btn-bg-active: var(--yellow-500);
-  --_no-btn-bg-focus: var(--yellow-400);
+  --_no-fc: var(--black);
+  --_no-btn-fc: var(--_no-fc);
+  --_no-btn-bg-active: var(--yellow-300);
+  --_no-btn-bg-focus: var(--yellow-300);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-banner__warning.s-banner__important {
-    --_no-bg: var(--yellow-500);
-    --_no-fc: var(--white);
+    --_no-fc: var(--yellow-200);
   }
 }
 body.theme-dark .s-banner__warning.s-banner__important,
 .theme-dark__forced .s-banner__warning.s-banner__important,
 body.theme-system .theme-dark__forced .s-banner__warning.s-banner__important {
-  --_no-bg: var(--yellow-500);
-  --_no-fc: var(--white);
+  --_no-fc: var(--yellow-200);
 }
 body.theme-highcontrast .s-banner__warning.s-banner__important {
   --_no-bg: var(--yellow-500);
   --_no-fc: var(--white);
+  --_no-btn-bg-active: transparent;
+  --_no-btn-bg-focus: transparent;
 }
 .s-banner code {
   background: var(--_no-code-bg, transparent);
 }
 .s-banner .s-banner--btn {
-  color: inherit;
+  color: var(--_no-btn-fc, inherit) !important;
   padding: var(--su8);
 }
 .s-banner .s-banner--btn:not(:focus) {
   box-shadow: none;
 }
 .s-banner .s-banner--btn:active {
-  background: var(--_no-btn-bg-active);
+  background-color: var(--_no-btn-bg-active, inherit) !important;
 }
 .s-banner .s-banner--btn:focus,
 .s-banner .s-banner--btn:hover {
-  background: var(--_no-btn-bg-focus);
+  background-color: var(--_no-btn-bg-focus, inherit) !important;
 }
 .s-banner[aria-hidden="true"] {
   --_no-x-offset: -1;
@@ -1089,6 +1030,7 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
 }
 a.s-block-link,
 .s-block-link {
+  --_bl-bs-color: var(--theme-primary);
   --_bl-bg: transparent;
   --_bl-fc: var(--black-500);
   --_bl-fc-hover: var(--black-600);
@@ -1133,7 +1075,7 @@ a.s-block-linka.s-block-link__right.is-selected,
 a.s-block-link.s-block-link__right.is-selected,
 .s-block-linka.s-block-link__right.is-selected,
 .s-block-link.s-block-link__right.is-selected {
-  box-shadow: inset var(--_li-block-bs-offset-x, 3px) 0 0 var(--theme-primary);
+  box-shadow: inset var(--_li-block-bs-offset-x, 3px) 0 0 var(--_bl-bs-color);
 }
 a.s-block-linka.s-block-link__left.is-selected:focus:not(:focus-visible),
 a.s-block-link.s-block-link__left.is-selected:focus:not(:focus-visible),
@@ -1161,7 +1103,7 @@ a.s-block-linka.s-block-link__right.is-selected:focus-visible,
 a.s-block-link.s-block-link__right.is-selected:focus-visible,
 .s-block-linka.s-block-link__right.is-selected:focus-visible,
 .s-block-link.s-block-link__right.is-selected:focus-visible {
-  box-shadow: inset var(--_li-block-bs-offset-x, 3px) 0 0 var(--theme-primary), 0 0 0 var(--su-static4) var(--focus-ring-muted);
+  box-shadow: inset var(--_li-block-bs-offset-x, 3px) 0 0 var(--_bl-bs-color), 0 0 0 var(--su-static4) var(--focus-ring-muted);
 }
 a.s-block-linka.s-block-link__right.is-selected,
 a.s-block-link.s-block-link__right.is-selected,
@@ -1175,6 +1117,7 @@ a.s-block-link.s-block-link__danger,
 .s-block-link.s-block-link__danger {
   --_bl-fc: var(--red-400);
   --_bl-fc-hover: var(--red-500);
+  --_bl-fc-visited: var(--red-500);
 }
 a.s-block-link:active,
 .s-block-link:active,
@@ -1188,7 +1131,7 @@ a.s-block-link:hover:visited,
 }
 a.s-block-link:visited,
 .s-block-link:visited {
-  color: var(--_bl-fc-focus);
+  color: var(--_bl-fc-visited);
 }
 a.s-block-link:focus:not(:focus-visible),
 .s-block-link:focus:not(:focus-visible) {
@@ -1251,15 +1194,15 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
   --_bu-fc-selected: var(--theme-button-selected-color);
   --_bu-filled-bc: transparent;
   --_bu-filled-bc-active: transparent;
-  --_bu-filled-bg-hover: var(--theme-button-filled-hover-background-color);
   --_bu-filled-bc-selected: transparent;
-  --_bu-filled-bg: var(--theme-button-filled-background-color);
-  --_bu-filled-bg-active: var(--theme-button-filled-active-background-color);
-  --_bu-filled-bg-selected: var(--theme-button-filled-selected-background-color);
-  --_bu-filled-fc: var(--theme-button-filled-color);
-  --_bu-filled-fc-active: var(--theme-button-filled-hover-color);
-  --_bu-filled-fc-hover: var(--theme-button-filled-hover-color);
-  --_bu-filled-fc-selected: var(--theme-button-filled-selected-color);
+  --_bu-filled-bg: var(--theme-button-primary-background-color);
+  --_bu-filled-bg-active: var(--theme-button-primary-active-background-color);
+  --_bu-filled-bg-hover: var(--theme-button-primary-hover-background-color);
+  --_bu-filled-bg-selected: var(--theme-button-primary-selected-background-color);
+  --_bu-filled-fc: var(--theme-button-primary-color);
+  --_bu-filled-fc-active: var(--theme-button-primary-hover-color);
+  --_bu-filled-fc-hover: var(--theme-button-primary-hover-color);
+  --_bu-filled-fc-selected: var(--theme-button-primary-selected-color);
   --_bu-outlined-bc: var(--theme-button-outlined-border-color);
   --_bu-outlined-bg: var(--theme-button-outlined-background-color);
   --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color);
@@ -1268,7 +1211,8 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
   --_bu-badge-o: 0.5;
   --_bu-dropdown-bw: var(--su-static4);
   --_bu-number-fc: var(--white);
-  --_bu-number-fc-selected: var(--_bu-number-fc);
+  --_bu-number-fc-filled: var(--theme-button-primary-number-color);
+  --_bu-number-fc-selected: var(--white);
   background-color: var(--_bu-bg, inherit);
   border: var(--_bu-baw) solid var(--_bu-bc);
   border-radius: var(--_bu-br);
@@ -1289,14 +1233,12 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
 }
 body.theme-highcontrast .s-btn {
   --_bu-bc: currentColor;
-  --_bu-filled-bc: var(--_bu-bc);
   --_bu-outlined-bc: var(--_bu-bc);
   --_bu-bc-selected: var(--_bu-bc);
+  --_bu-fc-selected: var(--white);
+  --_bu-outlined-fc-selected: var(--white);
   --_bu-badge-o: 0.8;
-}
-body.theme-highcontrast .s-btn:not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__danger):not(.is-selected):not(.s-btn__link):not(.s-btn__unset) {
-  --_bu-bg-hover: var(--theme-secondary-300);
-  --_bu-filled-bg-hover: var(--theme-secondary-400);
+  --_bu-number-fc-selected: var(--theme-button-primary-number-color);
 }
 fieldset[disabled] .s-btn,
 .s-btn[disabled],
@@ -1354,6 +1296,9 @@ body.theme-highcontrast .s-btn-group.s-btn-group--radio .s-btn--radio:checked +
   background-color: var(--_bu-filled-bg);
   color: var(--_bu-filled-fc);
 }
+.s-btn.s-btn__filled .s-btn--number {
+  color: var(--_bu-number-fc-filled);
+}
 .s-btn.s-btn__outlined {
   border-color: var(--_bu-outlined-bc);
   background-color: var(--_bu-outlined-bg, inherit);
@@ -1558,37 +1503,8 @@ body.theme-highcontrast .s-btn.s-btn__muted {
   --_bu-outlined-bc-selected: var(--red-500);
   --_bu-outlined-bg-selected: var(--_bu-bg-selected);
   --_bu-outlined-fc-selected: var(--_bu-fc-selected);
-}
-.s-btn.s-btn__danger.s-btn__filled {
-  --_bu-number-fc: var(--black);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-btn.s-btn__danger.s-btn__filled {
-    --_bu-filled-fc: var(--black);
-    --_bu-filled-fc-selected: var(--white);
-    --_bu-number-fc: var(--white);
-    --_bu-number-fc-selected: var(--black);
-  }
-}
-body.theme-dark .s-btn.s-btn__danger.s-btn__filled,
-.theme-dark__forced .s-btn.s-btn__danger.s-btn__filled,
-body.theme-system .theme-dark__forced .s-btn.s-btn__danger.s-btn__filled {
-  --_bu-filled-fc: var(--black);
-  --_bu-filled-fc-selected: var(--white);
   --_bu-number-fc: var(--white);
-  --_bu-number-fc-selected: var(--black);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-btn.s-btn__danger.s-btn__filled {
-    --_bu-filled-fc: var(--white);
-    --_bu-number-fc: var(--black);
-    --_bu-number-fc-selected: var(--black);
-  }
-}
-body.theme-highcontrast.theme-dark .s-btn.s-btn__danger.s-btn__filled {
-  --_bu-filled-fc: var(--white);
-  --_bu-number-fc: var(--black);
-  --_bu-number-fc-selected: var(--black);
+  --_bu-number-fc-filled: var(--black);
 }
 .s-btn.s-btn__muted {
   --_bu-bg-active: var(--black-150);
@@ -1613,6 +1529,7 @@ body.theme-highcontrast.theme-dark .s-btn.s-btn__danger.s-btn__filled {
   --_bu-outlined-bc-selected: var(--black-300);
   --_bu-outlined-bg-selected: var(--_bu-bg-selected);
   --_bu-outlined-fc-selected: var(--_bu-fc-selected);
+  --_bu-number-fc-selected: var(--white);
 }
 body.theme-highcontrast .s-btn.s-btn__muted {
   --_bu-bg-hover: var(--black-225);
@@ -1622,9 +1539,10 @@ body.theme-highcontrast .s-btn.s-btn__muted {
   --_bu-filled-bg-selected: var(--black-500);
   --_bu-filled-fc: var(--white);
   --_bu-filled-fc-selected: var(--_bu-filled-fc);
-}
-body.theme-highcontrast .s-btn.s-btn__muted.s-btn__filled {
-  --_bu-number-fc: var(--black);
+  --_bu-fc-selected: var(--black);
+  --_bu-number-fc: var(--white);
+  --_bu-number-fc-filled: var(--black);
+  --_bu-number-fc-selected: var(--white);
 }
 .s-btn.s-btn__primary {
   --_bu-bg: var(--theme-button-primary-background-color);
@@ -1636,52 +1554,11 @@ body.theme-highcontrast .s-btn.s-btn__muted.s-btn__filled {
   --_bu-fc-hover: var(--theme-button-primary-hover-color);
   --_bu-fc-selected: var(--theme-button-primary-selected-color);
   --_bu-number-fc: var(--theme-button-primary-number-color);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-btn.s-btn__primary {
-    --_bu-bg: var(--theme-secondary-400);
-    --_bu-bg-active: var(--theme-secondary-400);
-    --_bu-bg-hover: var(--theme-secondary-400);
-    --_bu-fc: var(--black);
-    --_bu-fc-active: var(--_bu-fc);
-    --_bu-fc-hover: var(--_bu-fc);
-    --_bu-fc-selected: var(--white);
-    --_bu-number-fc: var(--white);
-    --_bu-number-fc-selected: var(--black);
-  }
-}
-body.theme-dark .s-btn.s-btn__primary,
-.theme-dark__forced .s-btn.s-btn__primary,
-body.theme-system .theme-dark__forced .s-btn.s-btn__primary {
-  --_bu-bg: var(--theme-secondary-400);
-  --_bu-bg-active: var(--theme-secondary-400);
-  --_bu-bg-hover: var(--theme-secondary-400);
-  --_bu-fc: var(--black);
-  --_bu-fc-active: var(--_bu-fc);
-  --_bu-fc-hover: var(--_bu-fc);
-  --_bu-fc-selected: var(--white);
-  --_bu-number-fc: var(--white);
-  --_bu-number-fc-selected: var(--black);
+  --_bu-number-fc-selected: var(--theme-button-primary-number-color);
 }
 body.theme-highcontrast .s-btn.s-btn__primary {
   --_bu-bc: transparent;
 }
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-btn.s-btn__primary {
-    --_bu-bg: var(--theme-secondary-400);
-    --_bu-bg-active: var(--theme-secondary-500);
-    --_bu-bg-hover: var(--theme-secondary-400);
-    --_bu-fc: var(--white);
-    --_bu-number-fc: var(--black);
-  }
-}
-body.theme-highcontrast.theme-dark .s-btn.s-btn__primary {
-  --_bu-bg: var(--theme-secondary-400);
-  --_bu-bg-active: var(--theme-secondary-500);
-  --_bu-bg-hover: var(--theme-secondary-400);
-  --_bu-fc: var(--white);
-  --_bu-number-fc: var(--black);
-}
 body.theme-highcontrast .s-btn.s-btn__facebook,
 body.theme-highcontrast .s-btn.s-btn__github {
   --_bu-bc: transparent;
@@ -1846,6 +1723,19 @@ a.s-card {
 .s-card.s-card__muted > * {
   opacity: 0.65;
 }
+@media (prefers-color-scheme: dark) {
+  body.theme-system .s-card.s-card__muted > * {
+    opacity: 0.7;
+  }
+}
+body.theme-dark .s-card.s-card__muted > *,
+.theme-dark__forced .s-card.s-card__muted > *,
+body.theme-system .theme-dark__forced .s-card.s-card__muted > * {
+  opacity: 0.7;
+}
+body.theme-highcontrast .s-card.s-card__muted > * {
+  opacity: 0.75;
+}
 .s-card > :last-child {
   margin-bottom: 0;
 }
@@ -1998,7 +1888,7 @@ body.theme-system .theme-dark__forced .s-radio:checked {
 }
 .has-warning .s-checkbox,
 .has-warning .s-radio:not(:checked) {
-  --_ch-bc: var(--yellow-600);
+  --_ch-bc: var(--yellow-500);
   --_ch-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-warning);
 }
 .s-check-control {
@@ -2371,7 +2261,7 @@ body.theme-highcontrast .has-success .s-textarea {
 }
 .has-warning .s-input,
 .has-warning .s-textarea {
-  --_in-bc: var(--yellow-600);
+  --_in-bc: var(--yellow-500);
   --_in-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-warning);
 }
 body.theme-highcontrast .has-warning .s-input,
@@ -2562,7 +2452,7 @@ body.theme-highcontrast .s-input:focus-within {
   --_ii-fc: var(--green-400);
 }
 .has-warning .s-input-icon {
-  --_ii-fc: var(--yellow-500);
+  --_ii-fc: var(--yellow-400);
 }
 .is-disabled .s-input-icon {
   --_ii-fc: var(--black-400);
@@ -2601,16 +2491,17 @@ fieldset[disabled] .s-input-message {
 .has-error .s-input-message {
   --_im-fc: var(--red-400);
   --_im-a-fc: var(--red-600);
-  --_im-a-fc-hover: var(--red-600);
+  --_im-a-fc-hover: var(--red-500);
 }
 .has-success .s-input-message {
   --_im-fc: var(--green-400);
   --_im-a-fc: var(--green-600);
-  --_im-a-fc-hover: var(--green-600);
+  --_im-a-fc-hover: var(--green-500);
 }
 .has-warning .s-input-message {
-  --_im-fc: var(--yellow-600);
+  --_im-fc: var(--yellow-500);
   --_im-a-fc: var(--yellow-600);
+  --_im-a-fc-hover: var(--yellow-500);
 }
 .s-input-message a {
   color: var(--_im-a-fc);
@@ -2673,40 +2564,16 @@ body.theme-highcontrast .s-label--status {
   --_la-status-b: var(--su-static1) solid currentColor;
 }
 .s-label--status__beta {
-  --_la-status-bg: var(--blue-300);
+  --_la-status-bg: var(--blue-200);
   --_la-status-fc: var(--blue-500);
 }
 .s-label--status__new {
-  --_la-status-bg: var(--green-300);
-  --_la-status-fc: var(--green-500);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-label--status__new {
-    --_la-status-bg: var(--green-200);
-    --_la-status-fc: var(--green-600);
-  }
-}
-body.theme-dark .s-label--status__new,
-.theme-dark__forced .s-label--status__new,
-body.theme-system .theme-dark__forced .s-label--status__new {
   --_la-status-bg: var(--green-200);
-  --_la-status-fc: var(--green-600);
+  --_la-status-fc: var(--green-500);
 }
 .s-label--status__required {
-  --_la-status-bg: var(--red-300);
-  --_la-status-fc: var(--red-500);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-label--status__required {
-    --_la-status-bg: var(--red-200);
-    --_la-status-fc: var(--red-600);
-  }
-}
-body.theme-dark .s-label--status__required,
-.theme-dark__forced .s-label--status__required,
-body.theme-system .theme-dark__forced .s-label--status__required {
   --_la-status-bg: var(--red-200);
-  --_la-status-fc: var(--red-600);
+  --_la-status-fc: var(--red-500);
 }
 .s-label .s-description,
 .s-label .s-input-message {
@@ -2841,8 +2708,11 @@ button.s-link:focus {
   outline: revert;
 }
 .s-link-preview {
+  --_lp-details-fc: var(--black-400);
   --_lp-details-mt: var(--su2);
+  --_lp-footer-bg: var(--black-100);
   --_lp-footer-fd: unset;
+  --_lp-header-bg: var(--black-100);
   --_lp-misc-pl: var(--su4);
   --_lp-misc-pt: unset;
   border: var(--su-static1) solid var(--bc-medium);
@@ -2858,9 +2728,14 @@ button.s-link:focus {
     --_lp-misc-pt: var(--su2);
   }
 }
+body.theme-highcontrast .s-link-preview {
+  --_lp-details-fc: var(--black-600);
+  --_lp-footer-bg: var(--black-050);
+  --_lp-header-bg: var(--black-050);
+}
 .s-link-preview .s-link-preview--details a,
 .s-link-preview .s-link-preview--footer a {
-  color: var(--black-400);
+  color: var(--black-600);
   cursor: pointer;
   text-decoration: none;
 }
@@ -2889,13 +2764,13 @@ button.s-link:focus {
   max-height: 400px;
 }
 .s-link-preview .s-link-preview--details {
+  color: var(--_lp-details-fc);
   margin-top: var(--_lp-details-mt);
-  color: var(--black-400);
   font-size: var(--fs-caption);
 }
 .s-link-preview .s-link-preview--footer {
+  background: var(--_lp-footer-bg);
   flex-direction: var(--_lp-footer-fd);
-  background: var(--black-100);
   border-bottom-left-radius: var(--br-sm);
   border-bottom-right-radius: var(--br-sm);
   border-top: var(--su-static1) solid var(--bc-medium);
@@ -2905,7 +2780,7 @@ button.s-link:focus {
   padding: var(--su12);
 }
 .s-link-preview .s-link-preview--header {
-  background: var(--black-100);
+  background: var(--_lp-header-bg);
   border-bottom: var(--su-static1) solid var(--bc-medium);
   border-top-left-radius: var(--br-sm);
   border-top-right-radius: var(--br-sm);
@@ -3257,11 +3132,12 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
   --_na-title-mt: 0;
 }
 .s-notice {
-  --_no-bc: var(--bc-medium);
+  --_no-bc: var(--black-225);
   --_no-bg: var(--black-150);
-  --_no-fc: var(--fc-medium);
+  --_no-fc: var(--black-500);
   --_no-btn-bg-focus: var(--black-225);
   --_no-btn-bg-active: var(--black-250);
+  --_no-btn-fc: var(--_no-fc);
   background: var(--_no-bg);
   border-color: var(--_no-bc);
   color: var(--_no-fc);
@@ -3298,174 +3174,111 @@ body.theme-highcontrast.theme-dark .s-notice:not(.s-notice__important) {
   --_no-fc: var(--white);
   --_no-btn-bg-focus: var(--black-600);
   --_no-btn-bg-active: var(--black-600);
-}
-body.theme-highcontrast .s-notice__important {
-  --_no-bc: var(--_no-bg);
+  --_no-btn-fc: var(--_no-fc);
+  --_no-code-bg: var(--black-300);
 }
 .s-notice__danger {
   --_no-bc: var(--red-300);
-  --_no-bg: var(--red-200);
-  --_no-btn-bg-active: var(--red-300);
-  --_no-btn-bg-focus: var(--red-300);
-}
-body.theme-highcontrast .s-notice__danger:not(.s-notice__important) {
-  --_no-bg: var(--red-300);
+  --_no-bg: var(--red-100);
+  --_no-btn-bg-active: var(--red-200);
+  --_no-btn-bg-focus: var(--red-200);
+  --_no-btn-fc: var(--red-500);
+  --_no-code-bg: var(--red-300);
 }
 .s-notice__danger.s-notice__important {
   --_no-bc: var(--_no-bg);
   --_no-bg: var(--red-400);
   --_no-btn-bg-active: var(--red-500);
   --_no-btn-bg-focus: var(--red-500);
+  --_no-btn-fc: var(--red-100);
 }
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-notice__danger.s-notice__important {
-    --_no-bg: var(--red-400);
-    --_no-fc: var(--black-600);
-  }
-}
-body.theme-dark .s-notice__danger.s-notice__important,
-.theme-dark__forced .s-notice__danger.s-notice__important,
-body.theme-system .theme-dark__forced .s-notice__danger.s-notice__important {
-  --_no-bg: var(--red-400);
-  --_no-fc: var(--black-600);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-notice__danger.s-notice__important {
-    --_no-bg: var(--red-400);
-    --_no-fc: var(--white);
-  }
-}
-body.theme-highcontrast.theme-dark .s-notice__danger.s-notice__important {
-  --_no-bg: var(--red-400);
-  --_no-fc: var(--white);
+body.theme-highcontrast .s-notice__danger.s-notice__important {
+  --_no-bg: var(--red-500);
 }
 .s-notice__info {
   --_no-bc: var(--theme-secondary-300);
-  --_no-bg: var(--theme-secondary-200);
-  --_no-btn-bg-focus: var(--theme-secondary-300);
-  --_no-btn-bg-active: var(--theme-secondary-300);
+  --_no-bg: var(--theme-secondary-100);
+  --_no-btn-bg-focus: var(--theme-secondary-200);
+  --_no-btn-bg-active: var(--theme-secondary-200);
+  --_no-btn-fc: var(--theme-secondary-500);
   --_no-code-bg: var(--theme-secondary-300);
 }
-body.theme-highcontrast .s-notice__info:not(.s-notice__important) {
-  --_no-bg: var(--theme-secondary-300);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-notice__info:not(.s-notice__important) {
-    --_no-bg: var(--theme-secondary-300);
-  }
-}
-body.theme-highcontrast.theme-dark .s-notice__info:not(.s-notice__important) {
-  --_no-bg: var(--theme-secondary-300);
-}
 .s-notice__info.s-notice__important {
   --_no-bc: var(--_no-bg);
   --_no-bg: var(--theme-secondary-400);
   --_no-btn-bg-active: var(--theme-secondary-500);
-  --_no-btn-bg-focus: var(--theme-secondary-400);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-notice__info.s-notice__important {
-    --_no-bg: var(--theme-secondary-400);
-    --_no-fc: var(--black-600);
-  }
-}
-body.theme-dark .s-notice__info.s-notice__important,
-.theme-dark__forced .s-notice__info.s-notice__important,
-body.theme-system .theme-dark__forced .s-notice__info.s-notice__important {
-  --_no-bg: var(--theme-secondary-400);
-  --_no-fc: var(--black-600);
+  --_no-btn-bg-focus: var(--theme-secondary-500);
+  --_no-btn-fc: var(--theme-secondary-100);
 }
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-notice__info.s-notice__important {
-    --_no-bg: var(--theme-secondary-400);
-    --_no-fc: var(--white);
-  }
-}
-body.theme-highcontrast.theme-dark .s-notice__info.s-notice__important {
-  --_no-bg: var(--theme-secondary-400);
-  --_no-fc: var(--white);
+body.theme-highcontrast .s-notice__info.s-notice__important {
+  --_no-bg: var(--theme-secondary-500);
 }
 .s-notice__success {
   --_no-bc: var(--green-300);
-  --_no-bg: var(--green-200);
-  --_no-btn-bg-active: var(--green-300);
-  --_no-btn-bg-focus: var(--green-300);
-}
-body.theme-highcontrast .s-notice__success:not(.s-notice__important) {
-  --_no-bg: var(--green-300);
+  --_no-bg: var(--green-100);
+  --_no-btn-bg-active: var(--green-200);
+  --_no-btn-bg-focus: var(--green-200);
+  --_no-btn-fc: var(--green-500);
+  --_no-code-bg: var(--green-300);
 }
 .s-notice__success.s-notice__important {
   --_no-bc: var(--_no-bg);
   --_no-bg: var(--green-400);
-  --_no-fc: var(--black-600);
   --_no-btn-bg-active: var(--green-500);
-  --_no-btn-bg-focus: var(--green-400);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-notice__success.s-notice__important {
-    --_no-bg: var(--green-400);
-    --_no-fc: var(--white);
-  }
-}
-body.theme-dark .s-notice__success.s-notice__important,
-.theme-dark__forced .s-notice__success.s-notice__important,
-body.theme-system .theme-dark__forced .s-notice__success.s-notice__important {
-  --_no-bg: var(--green-400);
-  --_no-fc: var(--white);
+  --_no-btn-bg-focus: var(--green-500);
+  --_no-btn-fc: var(--green-100);
 }
 body.theme-highcontrast .s-notice__success.s-notice__important {
-  --_no-bg: var(--green-400);
-  --_no-fc: var(--white);
+  --_no-bg: var(--green-500);
 }
 .s-notice__warning {
-  --_no-bc: var(--yellow-400);
-  --_no-bg: var(--yellow-200);
-  --_no-btn-bg-active: var(--yellow-400);
-  --_no-btn-bg-focus: var(--yellow-300);
+  --_no-bc: var(--yellow-300);
+  --_no-bg: var(--yellow-100);
+  --_no-btn-bg-active: var(--yellow-200);
+  --_no-btn-bg-focus: var(--yellow-200);
+  --_no-btn-fc: var(--yellow-600);
   --_no-code-bg: var(--yellow-300);
 }
-body.theme-highcontrast .s-notice__warning:not(.s-notice__important) {
-  --_no-bg: var(--yellow-300);
-}
 .s-notice__warning.s-notice__important {
   --_no-bc: var(--_no-bg);
   --_no-bg: var(--yellow-400);
-  --_no-fc: var(--black-600);
-  --_no-btn-bg-active: var(--yellow-500);
-  --_no-btn-bg-focus: var(--yellow-400);
+  --_no-fc: var(--black);
+  --_no-btn-fc: var(--_no-fc);
+  --_no-btn-bg-active: var(--yellow-300);
+  --_no-btn-bg-focus: var(--yellow-300);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-notice__warning.s-notice__important {
-    --_no-bg: var(--yellow-500);
-    --_no-fc: var(--white);
+    --_no-fc: var(--yellow-200);
   }
 }
 body.theme-dark .s-notice__warning.s-notice__important,
 .theme-dark__forced .s-notice__warning.s-notice__important,
 body.theme-system .theme-dark__forced .s-notice__warning.s-notice__important {
-  --_no-bg: var(--yellow-500);
-  --_no-fc: var(--white);
+  --_no-fc: var(--yellow-200);
 }
 body.theme-highcontrast .s-notice__warning.s-notice__important {
   --_no-bg: var(--yellow-500);
   --_no-fc: var(--white);
+  --_no-btn-bg-active: transparent;
+  --_no-btn-bg-focus: transparent;
 }
 .s-notice code {
   background: var(--_no-code-bg, transparent);
 }
 .s-notice .s-notice--btn {
-  color: inherit;
+  color: var(--_no-btn-fc, inherit) !important;
   padding: var(--su8);
 }
 .s-notice .s-notice--btn:not(:focus) {
   box-shadow: none;
 }
 .s-notice .s-notice--btn:active {
-  background: var(--_no-btn-bg-active);
+  background-color: var(--_no-btn-bg-active, inherit) !important;
 }
 .s-notice .s-notice--btn:focus,
 .s-notice .s-notice--btn:hover {
-  background: var(--_no-btn-bg-focus);
+  background-color: var(--_no-btn-bg-focus, inherit) !important;
 }
 .s-page-title {
   --_pt-ai: flex-end;
@@ -4123,13 +3936,13 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
   color: var(--white);
 }
 .s-post-summary .s-post-summary--stats-item.is-warm {
-  color: var(--_ps-state-fc, var(--yellow-600));
+  color: var(--_ps-state-fc, var(--yellow-500));
 }
 .s-post-summary .s-post-summary--stats-item.is-hot {
-  color: var(--_ps-state-fc, var(--orange-600));
+  color: var(--_ps-state-fc, var(--orange-500));
 }
 .s-post-summary .s-post-summary--stats-item.is-supernova {
-  color: var(--_ps-state-fc, var(--red-600));
+  color: var(--_ps-state-fc, var(--red-500));
 }
 .s-post-summary .s-post-summary--stats-item.is-archived {
   background-color: var(--black-225);
@@ -4914,7 +4727,7 @@ body.theme-highcontrast .s-prose {
   --_se-select-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-success);
 }
 .has-warning .s-select {
-  --_se-select-bc: var(--yellow-600);
+  --_se-select-bc: var(--yellow-500);
   --_se-select-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-warning);
 }
 .is-disabled .s-select {
@@ -5039,7 +4852,7 @@ body.theme-highcontrast .s-select > select:focus {
 }
 .s-sidebarwidget.s-sidebarwidget__blue {
   --_sw-bc: var(--blue-300);
-  background-color: var(--blue-200);
+  background-color: var(--blue-100);
   border-color: var(--_sw-bc);
 }
 body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__blue {
@@ -5051,12 +4864,12 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__blue {
   border-color: var(--_sw-bc);
 }
 .s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--header {
-  background-color: var(--blue-300);
+  background-color: var(--blue-200);
   color: var(--fc-medium);
 }
 .s-sidebarwidget.s-sidebarwidget__yellow {
   --_sw-bc: var(--yellow-300);
-  background-color: var(--yellow-200);
+  background-color: var(--yellow-100);
   border-color: var(--_sw-bc);
 }
 body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__yellow {
@@ -5068,12 +4881,12 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__yellow {
   border-color: var(--_sw-bc);
 }
 .s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--header {
-  background-color: var(--yellow-300);
+  background-color: var(--yellow-200);
   color: var(--fc-medium);
 }
 .s-sidebarwidget.s-sidebarwidget__green {
   --_sw-bc: var(--green-300);
-  background-color: var(--green-200);
+  background-color: var(--green-100);
   border-color: var(--_sw-bc);
 }
 body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
@@ -5085,7 +4898,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   border-color: var(--_sw-bc);
 }
 .s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--header {
-  background-color: var(--green-300);
+  background-color: var(--green-200);
   color: var(--fc-medium);
 }
 .s-sidebarwidget .s-sidebarwidget--action {
@@ -5862,21 +5675,8 @@ fieldset[disabled] .s-toggle-switch label,
   --_ts-multiple-bg: var(--black-400);
   --_ts-multiple-fc: var(--white);
 }
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
-    --_ts-multiple-bg: var(--black-350);
-  }
-}
-body.theme-dark .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
-.theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
-body.theme-system .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
-  --_ts-multiple-bg: var(--black-350);
-}
 .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
   --_ts-multiple-bg: var(--green-400);
-  --_ts-multiple-fc: var(--_white-static);
-}
-body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
   --_ts-multiple-fc: var(--white);
 }
 .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label {
@@ -5914,6 +5714,7 @@ input[type="checkbox"].s-toggle-switch {
   background-repeat: no-repeat;
   border-radius: 1000px;
   cursor: pointer;
+  flex-shrink: 0;
   height: var(--su-static24);
   margin: 0;
   transition: background-position 0.2s ease;
@@ -6050,9 +5851,9 @@ body.theme-highcontrast .s-topbar {
   --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 85%);
   --theme-topbar-search-color: hsl(210, 8%, 25%);
   --theme-topbar-search-background: var(--_white-static);
-  --theme-topbar-search-placeholder: hsl(210, 8%, 45%);
-  --theme-topbar-search-border: hsl(213, 9%, 75%);
-  --theme-topbar-search-border-focus: hsl(210, 70%, 48%);
+  --theme-topbar-search-placeholder: hsl(210, 8%, 42%);
+  --theme-topbar-search-border: hsl(210, 9%, 75%);
+  --theme-topbar-search-border-focus: hsl(210, 77%, 46%);
   --theme-topbar-search-shadow-focus: 0 0 0 var(--su-static4) var(--focus-ring);
   --theme-topbar-select-color: hsl(210, 8%, 25%);
   --theme-topbar-select-background: hsl(210, 8%, 95%);
@@ -6309,34 +6110,40 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
 body.theme-highcontrast .s-uploader {
   --_up-bg-bc-hc: var(--black-400);
 }
+body.theme-highcontrast .s-uploader.has-error {
+  --_up-bg-bc-hc-state: var(--red-500);
+}
+body.theme-highcontrast .s-uploader.has-success {
+  --_up-bg-bc-hc-state: var(--green-400);
+}
+body.theme-highcontrast .s-uploader.has-warning {
+  --_up-bg-bc-hc-state: var(--yellow-500);
+}
 .s-uploader.has-error .s-link,
 .s-uploader.has-success .s-link,
 .s-uploader.has-warning .s-link {
   color: var(--_up-link-fc);
 }
 .s-uploader.has-error {
-  --_up-bg: var(--red-200);
-  --_up-bg-focus: var(--red-300);
-  --_up-bg-bc: var(--red-400);
-  --_up-bg-bc-hc-state: var(--red-400);
+  --_up-bg: var(--red-100);
+  --_up-bg-focus: var(--red-200);
+  --_up-bg-bc: var(--red-300);
   --_up-focus-ring-color: var(--focus-ring-error);
-  --_up-link-fc: var(--red-600);
+  --_up-link-fc: var(--red-500);
 }
 .s-uploader.has-success {
   --_up-bg: var(--green-100);
   --_up-bg-focus: var(--green-200);
-  --_up-bg-bc: var(--green-400);
-  --_up-bg-bc-hc-state: var(--green-400);
+  --_up-bg-bc: var(--green-300);
   --_up-focus-ring-color: var(--focus-ring-success);
-  --_up-link-fc: var(--green-600);
+  --_up-link-fc: var(--green-400);
 }
 .s-uploader.has-warning {
-  --_up-bg: var(--yellow-200);
-  --_up-bg-focus: var(--yellow-300);
-  --_up-bg-bc: var(--yellow-400);
-  --_up-bg-bc-hc-state: var(--yellow-400);
+  --_up-bg: var(--yellow-100);
+  --_up-bg-focus: var(--yellow-200);
+  --_up-bg-bc: var(--yellow-300);
   --_up-focus-ring-color: var(--focus-ring-warning);
-  --_up-link-fc: var(--yellow-600);
+  --_up-link-fc: var(--yellow-500);
 }
 .s-uploader.is-active {
   --_up-bg: var(--black-150);
@@ -7575,7 +7382,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
 body {
   --_o-disabled: 0.5;
   --_o-disabled-static: 0.5;
-  --_black-static: hsl(0, 8%, 5%);
+  --_black-static: hsl(210, 8%, 5%);
   --_white-static: hsl(0, 0%, 100%);
   --bg-error: var(--red-400);
   --bg-danger: var(--red-400);
@@ -7599,7 +7406,7 @@ body {
   --theme-link-color-visited: var(--theme-secondary-500);
   --theme-button-color: var(--theme-secondary-400);
   --theme-button-background-color: transparent;
-  --theme-button-hover-color: var(--theme-secondary-400);
+  --theme-button-hover-color: var(--theme-secondary-500);
   --theme-button-hover-background-color: var(--theme-secondary-200);
   --theme-button-active-background-color: var(--theme-secondary-300);
   --theme-button-selected-color: var(--theme-secondary-600);
@@ -7607,8 +7414,8 @@ body {
   --theme-button-primary-color: var(--white);
   --theme-button-primary-background-color: var(--theme-secondary-400);
   --theme-button-primary-hover-color: var(--white);
-  --theme-button-primary-hover-background-color: var(--theme-secondary-400);
-  --theme-button-primary-active-background-color: var(--theme-secondary-500);
+  --theme-button-primary-hover-background-color: var(--theme-secondary-500);
+  --theme-button-primary-active-background-color: var(--theme-secondary-600);
   --theme-button-primary-selected-color: var(--white);
   --theme-button-primary-selected-background-color: var(--theme-secondary-500);
   --theme-button-primary-number-color: var(--theme-secondary-600);
@@ -7674,23 +7481,23 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --black-200: hsl(210, 8%, 90%);
   --black-225: hsl(210, 8%, 85%);
   --black-250: hsl(210, 8%, 80%);
-  --black-300: hsl(213, 9%, 75%);
-  --black-350: hsl(212, 8%, 68%);
-  --black-400: hsl(210, 8%, 45%);
+  --black-300: hsl(210, 9%, 75%);
+  --black-350: hsl(210, 8%, 68%);
+  --black-400: hsl(210, 8%, 42%);
   --black-500: hsl(210, 8%, 25%);
   --black-600: hsl(210, 8%, 5%);
-  --black: hsl(0, 8%, 5%);
+  --black: hsl(210, 8%, 5%);
   --orange-100: hsl(23, 85%, 97%);
   --orange-200: hsl(27, 85%, 87%);
   --orange-300: hsl(27, 85%, 72%);
-  --orange-400: hsl(27, 90%, 55%);
-  --orange-500: hsl(27, 88%, 43%);
+  --orange-400: hsl(27, 80%, 52%);
+  --orange-500: hsl(27, 80%, 43%);
   --orange-600: hsl(27, 80%, 29%);
   --blue-100: hsl(210, 80%, 96%);
   --blue-200: hsl(210, 80%, 91%);
   --blue-300: hsl(210, 78%, 76%);
-  --blue-400: hsl(210, 70%, 48%);
-  --blue-500: hsl(210, 75%, 36%);
+  --blue-400: hsl(210, 77%, 46%);
+  --blue-500: hsl(210, 77%, 36%);
   --blue-600: hsl(210, 80%, 23%);
   --green-100: hsl(148, 35%, 95%);
   --green-200: hsl(148, 35%, 88%);
@@ -7710,6 +7517,12 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --yellow-400: hsl(43, 85%, 50%);
   --yellow-500: hsl(43, 85%, 33%);
   --yellow-600: hsl(43, 84%, 18%);
+  --purple-100: hsl(237, 80%, 96%);
+  --purple-200: hsl(237, 77%, 92%);
+  --purple-300: hsl(237, 60%, 83%);
+  --purple-400: hsl(237, 55%, 57%);
+  --purple-500: hsl(237, 50%, 45%);
+  --purple-600: hsl(237, 50%, 32%);
   --gold-100: hsl(46, 100%, 91%);
   --gold-200: hsl(46, 100%, 74%);
   --gold-300: hsl(45, 100%, 42%);
@@ -7786,49 +7599,55 @@ body:not(.theme-highcontrast).theme-dark.themed,
 body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced.themed,
 body:not(.theme-highcontrast).theme-dark .themed,
 body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
-  --white: hsl(220, 3%, 15%);
-  --black-050: hsl(220, 3%, 15%);
-  --black-100: hsl(220, 3%, 18%);
-  --black-150: hsl(230, 4%, 21%);
-  --black-200: hsl(233, 4%, 27%);
-  --black-225: hsl(233, 4%, 30%);
-  --black-250: hsl(235, 5%, 36%);
-  --black-300: hsl(233, 4%, 47%);
-  --black-350: hsl(219, 10%, 60%);
-  --black-400: hsl(220, 10%, 74%);
-  --black-500: hsl(220, 10%, 83%);
-  --black-600: hsl(180, 11%, 98%);
+  --white: hsl(210, 3%, 15%);
+  --black-050: hsl(210, 3%, 15%);
+  --black-100: hsl(210, 3%, 18%);
+  --black-150: hsl(210, 4%, 21%);
+  --black-200: hsl(210, 4%, 27%);
+  --black-225: hsl(210, 4%, 30%);
+  --black-250: hsl(210, 5%, 36%);
+  --black-300: hsl(210, 4%, 47%);
+  --black-350: hsl(210, 8%, 70%);
+  --black-400: hsl(210, 8%, 80%);
+  --black-500: hsl(210, 8%, 90%);
+  --black-600: hsl(210, 11%, 98%);
   --black: hsl(0, 0%, 100%);
   --orange-100: hsl(27, 29%, 19%);
   --orange-200: hsl(27, 43%, 31%);
   --orange-300: hsl(27, 43%, 47%);
-  --orange-400: hsl(27, 80%, 64%);
-  --orange-500: hsl(27, 80%, 78%);
-  --orange-600: hsl(27, 80%, 89%);
+  --orange-400: hsl(27, 80%, 80%);
+  --orange-500: hsl(27, 80%, 88%);
+  --orange-600: hsl(27, 80%, 93%);
   --blue-100: hsl(209, 29%, 19%);
   --blue-200: hsl(210, 29%, 35%);
   --blue-300: hsl(210, 29%, 50%);
-  --blue-400: hsl(210, 81%, 72%);
-  --blue-500: hsl(210, 80%, 82%);
-  --blue-600: hsl(210, 80%, 90%);
+  --blue-400: hsl(210, 80%, 80%);
+  --blue-500: hsl(210, 80%, 88%);
+  --blue-600: hsl(210, 80%, 93%);
   --green-100: hsl(148, 29%, 19%);
   --green-200: hsl(148, 29%, 27%);
   --green-300: hsl(148, 25%, 40%);
-  --green-400: hsl(148, 40%, 62%);
-  --green-500: hsl(148, 40%, 75%);
-  --green-600: hsl(148, 40%, 87%);
+  --green-400: hsl(148, 40%, 75%);
+  --green-500: hsl(148, 40%, 85%);
+  --green-600: hsl(148, 40%, 93%);
   --red-100: hsl(358, 29%, 19%);
   --red-200: hsl(0, 29%, 37%);
   --red-300: hsl(0, 34%, 54%);
-  --red-400: hsl(0, 75%, 77%);
-  --red-500: hsl(0, 69%, 85%);
-  --red-600: hsl(0, 69%, 93%);
+  --red-400: hsl(0, 73%, 85%);
+  --red-500: hsl(0, 73%, 91%);
+  --red-600: hsl(0, 73%, 95%);
   --yellow-100: hsl(43, 29%, 17%);
   --yellow-200: hsl(43, 29%, 25%);
   --yellow-300: hsl(43, 29%, 40%);
-  --yellow-400: hsl(43, 59%, 64%);
-  --yellow-500: hsl(43, 65%, 70%);
-  --yellow-600: hsl(43, 65%, 85%);
+  --yellow-400: hsl(43, 75%, 75%);
+  --yellow-500: hsl(43, 75%, 85%);
+  --yellow-600: hsl(43, 75%, 91%);
+  --purple-100: hsl(237, 25%, 24%);
+  --purple-200: hsl(237, 27%, 38%);
+  --purple-300: hsl(237, 32%, 56%);
+  --purple-400: hsl(237, 58%, 86%);
+  --purple-500: hsl(237, 60%, 91%);
+  --purple-600: hsl(237, 65%, 96%);
   --gold-100: hsl(45, 29%, 24%);
   --gold-200: hsl(45, 47%, 37%);
   --gold-300: hsl(45, 92%, 62%);
@@ -7857,12 +7676,12 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --focus-ring-error: hsla(358, 62%, 47%, 0.15);
   --focus-ring-muted: hsla(210, 8%, 15%, 0.1);
   --highlight-addition: var(--green-500);
-  --highlight-attribute: hsl(207, 41.5%, 67%);
+  --highlight-attribute: var(--blue-400);
   --highlight-bg: hsl(0, 2%, 11%);
   --highlight-color: var(--black);
   --highlight-comment: hsl(0, 0%, 60%);
   --highlight-deletion: var(--red-500);
-  --highlight-keyword: hsl(208, 41.5%, 67%);
+  --highlight-keyword: var(--blue-400);
   --highlight-literal: hsl(27, 85%, 61.5%);
   --highlight-namespace: hsl(27, 85%, 61.5%);
   --highlight-punctuation: hsl(0, 0%, 80%);
@@ -7903,49 +7722,55 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   body:not(.theme-highcontrast).theme-system,
   body:not(.theme-highcontrast).theme-system.themed,
   body:not(.theme-highcontrast).theme-system .themed {
-    --white: hsl(220, 3%, 15%);
-    --black-050: hsl(220, 3%, 15%);
-    --black-100: hsl(220, 3%, 18%);
-    --black-150: hsl(230, 4%, 21%);
-    --black-200: hsl(233, 4%, 27%);
-    --black-225: hsl(233, 4%, 30%);
-    --black-250: hsl(235, 5%, 36%);
-    --black-300: hsl(233, 4%, 47%);
-    --black-350: hsl(219, 10%, 60%);
-    --black-400: hsl(220, 10%, 74%);
-    --black-500: hsl(220, 10%, 83%);
-    --black-600: hsl(180, 11%, 98%);
+    --white: hsl(210, 3%, 15%);
+    --black-050: hsl(210, 3%, 15%);
+    --black-100: hsl(210, 3%, 18%);
+    --black-150: hsl(210, 4%, 21%);
+    --black-200: hsl(210, 4%, 27%);
+    --black-225: hsl(210, 4%, 30%);
+    --black-250: hsl(210, 5%, 36%);
+    --black-300: hsl(210, 4%, 47%);
+    --black-350: hsl(210, 8%, 70%);
+    --black-400: hsl(210, 8%, 80%);
+    --black-500: hsl(210, 8%, 90%);
+    --black-600: hsl(210, 11%, 98%);
     --black: hsl(0, 0%, 100%);
     --orange-100: hsl(27, 29%, 19%);
     --orange-200: hsl(27, 43%, 31%);
     --orange-300: hsl(27, 43%, 47%);
-    --orange-400: hsl(27, 80%, 64%);
-    --orange-500: hsl(27, 80%, 78%);
-    --orange-600: hsl(27, 80%, 89%);
+    --orange-400: hsl(27, 80%, 80%);
+    --orange-500: hsl(27, 80%, 88%);
+    --orange-600: hsl(27, 80%, 93%);
     --blue-100: hsl(209, 29%, 19%);
     --blue-200: hsl(210, 29%, 35%);
     --blue-300: hsl(210, 29%, 50%);
-    --blue-400: hsl(210, 81%, 72%);
-    --blue-500: hsl(210, 80%, 82%);
-    --blue-600: hsl(210, 80%, 90%);
+    --blue-400: hsl(210, 80%, 80%);
+    --blue-500: hsl(210, 80%, 88%);
+    --blue-600: hsl(210, 80%, 93%);
     --green-100: hsl(148, 29%, 19%);
     --green-200: hsl(148, 29%, 27%);
     --green-300: hsl(148, 25%, 40%);
-    --green-400: hsl(148, 40%, 62%);
-    --green-500: hsl(148, 40%, 75%);
-    --green-600: hsl(148, 40%, 87%);
+    --green-400: hsl(148, 40%, 75%);
+    --green-500: hsl(148, 40%, 85%);
+    --green-600: hsl(148, 40%, 93%);
     --red-100: hsl(358, 29%, 19%);
     --red-200: hsl(0, 29%, 37%);
     --red-300: hsl(0, 34%, 54%);
-    --red-400: hsl(0, 75%, 77%);
-    --red-500: hsl(0, 69%, 85%);
-    --red-600: hsl(0, 69%, 93%);
+    --red-400: hsl(0, 73%, 85%);
+    --red-500: hsl(0, 73%, 91%);
+    --red-600: hsl(0, 73%, 95%);
     --yellow-100: hsl(43, 29%, 17%);
     --yellow-200: hsl(43, 29%, 25%);
     --yellow-300: hsl(43, 29%, 40%);
-    --yellow-400: hsl(43, 59%, 64%);
-    --yellow-500: hsl(43, 65%, 70%);
-    --yellow-600: hsl(43, 65%, 85%);
+    --yellow-400: hsl(43, 75%, 75%);
+    --yellow-500: hsl(43, 75%, 85%);
+    --yellow-600: hsl(43, 75%, 91%);
+    --purple-100: hsl(237, 25%, 24%);
+    --purple-200: hsl(237, 27%, 38%);
+    --purple-300: hsl(237, 32%, 56%);
+    --purple-400: hsl(237, 58%, 86%);
+    --purple-500: hsl(237, 60%, 91%);
+    --purple-600: hsl(237, 65%, 96%);
     --gold-100: hsl(45, 29%, 24%);
     --gold-200: hsl(45, 47%, 37%);
     --gold-300: hsl(45, 92%, 62%);
@@ -7974,12 +7799,12 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --focus-ring-error: hsla(358, 62%, 47%, 0.15);
     --focus-ring-muted: hsla(210, 8%, 15%, 0.1);
     --highlight-addition: var(--green-500);
-    --highlight-attribute: hsl(207, 41.5%, 67%);
+    --highlight-attribute: var(--blue-400);
     --highlight-bg: hsl(0, 2%, 11%);
     --highlight-color: var(--black);
     --highlight-comment: hsl(0, 0%, 60%);
     --highlight-deletion: var(--red-500);
-    --highlight-keyword: hsl(208, 41.5%, 67%);
+    --highlight-keyword: var(--blue-400);
     --highlight-literal: hsl(27, 85%, 61.5%);
     --highlight-namespace: hsl(27, 85%, 61.5%);
     --highlight-punctuation: hsl(0, 0%, 80%);
@@ -8027,34 +7852,34 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --black-200: hsl(210, 8%, 90%);
   --black-225: hsl(210, 8%, 85%);
   --black-250: hsl(210, 8%, 80%);
-  --black-300: hsl(213, 9%, 75%);
+  --black-300: hsl(210, 9%, 75%);
   --black-350: hsl(210, 8%, 45%);
-  --black-400: hsl(210, 8%, 45%);
+  --black-400: hsl(212, 8%, 35%);
   --black-500: hsl(210, 8%, 25%);
   --black-600: hsl(210, 8%, 5%);
-  --black: hsl(0, 8%, 5%);
+  --black: hsl(210, 8%, 5%);
   --orange-100: hsl(22, 85%, 97%);
   --orange-200: hsl(22, 85%, 97%);
   --orange-300: hsl(27, 90%, 55%);
   --orange-400: hsl(27, 90%, 55%);
-  --orange-500: hsl(27, 80%, 29%);
-  --orange-600: hsl(27, 80%, 29%);
+  --orange-500: hsl(27, 80%, 28%);
+  --orange-600: hsl(27, 80%, 28%);
   --blue-100: hsl(210, 80%, 96%);
   --blue-200: hsl(210, 80%, 96%);
   --blue-300: hsl(210, 70%, 48%);
-  --blue-400: hsl(210, 70%, 48%);
+  --blue-400: hsl(210, 77%, 34%);
   --blue-500: hsl(210, 80%, 23%);
   --blue-600: hsl(210, 80%, 23%);
   --green-100: hsl(147, 36%, 95%);
   --green-200: hsl(147, 36%, 95%);
   --green-300: hsl(148, 70%, 31%);
-  --green-400: hsl(148, 70%, 31%);
+  --green-400: hsl(148, 75%, 22%);
   --green-500: hsl(147, 74%, 15%);
   --green-600: hsl(147, 74%, 15%);
   --red-100: hsl(0, 79%, 96%);
   --red-200: hsl(0, 79%, 96%);
   --red-300: hsl(0, 60%, 49%);
-  --red-400: hsl(0, 60%, 49%);
+  --red-400: hsl(0, 65%, 37%);
   --red-500: hsl(0, 66%, 24%);
   --red-600: hsl(0, 66%, 24%);
   --yellow-100: hsl(41, 80%, 96%);
@@ -8063,12 +7888,18 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --yellow-400: hsl(43, 85%, 50%);
   --yellow-500: hsl(48, 85%, 18%);
   --yellow-600: hsl(48, 85%, 18%);
+  --purple-100: hsl(237, 80%, 96%);
+  --purple-200: hsl(237, 80%, 96%);
+  --purple-300: hsl(237, 55%, 57%);
+  --purple-400: hsl(237, 55%, 57%);
+  --purple-500: hsl(237, 50%, 32%);
+  --purple-600: hsl(237, 50%, 32%);
   --gold-100: hsl(46, 100%, 91%);
   --gold-200: hsl(46, 100%, 91%);
   --gold-300: hsl(45, 100%, 42%);
   --gold-400: hsl(46, 92%, 26%);
   --silver-100: hsl(0, 0%, 95%);
-  --silver-200: hsl(0, 0%, 84%);
+  --silver-200: hsl(0, 0%, 95%);
   --silver-300: hsl(210, 5%, 68%);
   --silver-400: hsl(216, 2%, 40%);
   --bronze-100: hsl(28, 40%, 92%);
@@ -8122,48 +7953,54 @@ body.theme-highcontrast.theme-system .theme-light__forced {
 body.theme-highcontrast.theme-dark,
 body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --white: hsl(0, 0%, 0%);
-  --black-050: hsl(220, 3%, 15%);
-  --black-100: hsl(220, 3%, 18%);
-  --black-150: hsl(230, 4%, 21%);
-  --black-200: hsl(233, 4%, 27%);
-  --black-225: hsl(233, 4%, 30%);
-  --black-250: hsl(235, 5%, 36%);
-  --black-300: hsl(233, 4%, 47%);
-  --black-350: hsl(220, 10%, 74%);
-  --black-400: hsl(220, 10%, 74%);
-  --black-500: hsl(220, 10%, 83%);
-  --black-600: hsl(180, 11%, 98%);
+  --black-050: hsl(210, 3%, 15%);
+  --black-100: hsl(210, 3%, 18%);
+  --black-150: hsl(210, 4%, 21%);
+  --black-200: hsl(210, 4%, 27%);
+  --black-225: hsl(210, 4%, 30%);
+  --black-250: hsl(210, 5%, 36%);
+  --black-300: hsl(210, 4%, 47%);
+  --black-350: hsl(210, 10%, 74%);
+  --black-400: hsl(210, 8%, 80%);
+  --black-500: hsl(210, 8%, 90%);
+  --black-600: hsl(210, 11%, 98%);
   --black: hsl(0, 0%, 100%);
   --orange-100: hsl(27, 29%, 19%);
   --orange-200: hsl(27, 29%, 19%);
   --orange-300: hsl(27, 80%, 64%);
-  --orange-400: hsl(27, 80%, 64%);
+  --orange-400: hsl(27, 80%, 80%);
   --orange-500: hsl(27, 79%, 89%);
-  --orange-600: hsl(27, 79%, 89%);
+  --orange-600: hsl(27, 80%, 93%);
   --blue-100: hsl(209, 29%, 19%);
   --blue-200: hsl(209, 29%, 19%);
   --blue-300: hsl(210, 80%, 72%);
-  --blue-400: hsl(210, 80%, 72%);
+  --blue-400: hsl(210, 80%, 80%);
   --blue-500: hsl(209, 79%, 87%);
-  --blue-600: hsl(209, 79%, 87%);
+  --blue-600: hsl(210, 80%, 93%);
   --green-100: hsl(147, 29%, 19%);
   --green-200: hsl(147, 29%, 19%);
   --green-300: hsl(148, 40%, 62%);
-  --green-400: hsl(148, 40%, 62%);
+  --green-400: hsl(148, 40%, 75%);
   --green-500: hsl(148, 39%, 87%);
-  --green-600: hsl(148, 39%, 87%);
+  --green-600: hsl(148, 40%, 93%);
   --red-100: hsl(358, 29%, 19%);
   --red-200: hsl(358, 29%, 19%);
   --red-300: hsl(0, 75%, 77%);
-  --red-400: hsl(0, 75%, 77%);
+  --red-400: hsl(0, 73%, 85%);
   --red-500: hsl(0, 70%, 92%);
-  --red-600: hsl(0, 70%, 92%);
+  --red-600: hsl(0, 73%, 95%);
   --yellow-100: hsl(43, 29%, 17%);
   --yellow-200: hsl(43, 29%, 17%);
   --yellow-300: hsl(43, 59%, 64%);
-  --yellow-400: hsl(43, 59%, 64%);
+  --yellow-400: hsl(43, 75%, 75%);
   --yellow-500: hsl(48, 74%, 91%);
-  --yellow-600: hsl(48, 74%, 91%);
+  --yellow-600: hsl(43, 75%, 91%);
+  --purple-100: hsl(237, 25%, 24%);
+  --purple-200: hsl(237, 25%, 24%);
+  --purple-300: hsl(237, 58%, 86%);
+  --purple-400: hsl(237, 58%, 86%);
+  --purple-500: hsl(237, 65%, 96%);
+  --purple-600: hsl(237, 65%, 96%);
   --gold-100: hsl(45, 22%, 25%);
   --gold-200: hsl(45, 22%, 25%);
   --gold-300: hsl(45, 92%, 62%);
@@ -8223,48 +8060,54 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
 @media (prefers-color-scheme: dark) {
   body.theme-highcontrast.theme-system {
     --white: hsl(0, 0%, 0%);
-    --black-050: hsl(220, 3%, 15%);
-    --black-100: hsl(220, 3%, 18%);
-    --black-150: hsl(230, 4%, 21%);
-    --black-200: hsl(233, 4%, 27%);
-    --black-225: hsl(233, 4%, 30%);
-    --black-250: hsl(235, 5%, 36%);
-    --black-300: hsl(233, 4%, 47%);
-    --black-350: hsl(220, 10%, 74%);
-    --black-400: hsl(220, 10%, 74%);
-    --black-500: hsl(220, 10%, 83%);
-    --black-600: hsl(180, 11%, 98%);
+    --black-050: hsl(210, 3%, 15%);
+    --black-100: hsl(210, 3%, 18%);
+    --black-150: hsl(210, 4%, 21%);
+    --black-200: hsl(210, 4%, 27%);
+    --black-225: hsl(210, 4%, 30%);
+    --black-250: hsl(210, 5%, 36%);
+    --black-300: hsl(210, 4%, 47%);
+    --black-350: hsl(210, 10%, 74%);
+    --black-400: hsl(210, 8%, 80%);
+    --black-500: hsl(210, 8%, 90%);
+    --black-600: hsl(210, 11%, 98%);
     --black: hsl(0, 0%, 100%);
     --orange-100: hsl(27, 29%, 19%);
     --orange-200: hsl(27, 29%, 19%);
     --orange-300: hsl(27, 80%, 64%);
-    --orange-400: hsl(27, 80%, 64%);
+    --orange-400: hsl(27, 80%, 80%);
     --orange-500: hsl(27, 79%, 89%);
-    --orange-600: hsl(27, 79%, 89%);
+    --orange-600: hsl(27, 80%, 93%);
     --blue-100: hsl(209, 29%, 19%);
     --blue-200: hsl(209, 29%, 19%);
     --blue-300: hsl(210, 80%, 72%);
-    --blue-400: hsl(210, 80%, 72%);
+    --blue-400: hsl(210, 80%, 80%);
     --blue-500: hsl(209, 79%, 87%);
-    --blue-600: hsl(209, 79%, 87%);
+    --blue-600: hsl(210, 80%, 93%);
     --green-100: hsl(147, 29%, 19%);
     --green-200: hsl(147, 29%, 19%);
     --green-300: hsl(148, 40%, 62%);
-    --green-400: hsl(148, 40%, 62%);
+    --green-400: hsl(148, 40%, 75%);
     --green-500: hsl(148, 39%, 87%);
-    --green-600: hsl(148, 39%, 87%);
+    --green-600: hsl(148, 40%, 93%);
     --red-100: hsl(358, 29%, 19%);
     --red-200: hsl(358, 29%, 19%);
     --red-300: hsl(0, 75%, 77%);
-    --red-400: hsl(0, 75%, 77%);
+    --red-400: hsl(0, 73%, 85%);
     --red-500: hsl(0, 70%, 92%);
-    --red-600: hsl(0, 70%, 92%);
+    --red-600: hsl(0, 73%, 95%);
     --yellow-100: hsl(43, 29%, 17%);
     --yellow-200: hsl(43, 29%, 17%);
     --yellow-300: hsl(43, 59%, 64%);
-    --yellow-400: hsl(43, 59%, 64%);
+    --yellow-400: hsl(43, 75%, 75%);
     --yellow-500: hsl(48, 74%, 91%);
-    --yellow-600: hsl(48, 74%, 91%);
+    --yellow-600: hsl(43, 75%, 91%);
+    --purple-100: hsl(237, 25%, 24%);
+    --purple-200: hsl(237, 25%, 24%);
+    --purple-300: hsl(237, 58%, 86%);
+    --purple-400: hsl(237, 58%, 86%);
+    --purple-500: hsl(237, 65%, 96%);
+    --purple-600: hsl(237, 65%, 96%);
     --gold-100: hsl(45, 22%, 25%);
     --gold-200: hsl(45, 22%, 25%);
     --gold-300: hsl(45, 92%, 62%);
@@ -13304,6 +13147,114 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-legacy-025 {
 .f\:fc-yellow-600:focus-within {
   color: var(--yellow-600) !important;
 }
+.bg-purple-100,
+.h\:bg-purple-100:hover,
+.f\:bg-purple-100:focus,
+.f\:bg-purple-100:focus-within {
+  background-color: var(--purple-100) !important;
+}
+.bc-purple-100,
+.h\:bc-purple-100:hover,
+.f\:bc-purple-100:focus,
+.f\:bc-purple-100:focus-within {
+  border-color: var(--purple-100) !important;
+}
+.fc-purple-100,
+.h\:fc-purple-100:hover,
+.f\:fc-purple-100:focus,
+.f\:fc-purple-100:focus-within {
+  color: var(--purple-100) !important;
+}
+.bg-purple-200,
+.h\:bg-purple-200:hover,
+.f\:bg-purple-200:focus,
+.f\:bg-purple-200:focus-within {
+  background-color: var(--purple-200) !important;
+}
+.bc-purple-200,
+.h\:bc-purple-200:hover,
+.f\:bc-purple-200:focus,
+.f\:bc-purple-200:focus-within {
+  border-color: var(--purple-200) !important;
+}
+.fc-purple-200,
+.h\:fc-purple-200:hover,
+.f\:fc-purple-200:focus,
+.f\:fc-purple-200:focus-within {
+  color: var(--purple-200) !important;
+}
+.bg-purple-300,
+.h\:bg-purple-300:hover,
+.f\:bg-purple-300:focus,
+.f\:bg-purple-300:focus-within {
+  background-color: var(--purple-300) !important;
+}
+.bc-purple-300,
+.h\:bc-purple-300:hover,
+.f\:bc-purple-300:focus,
+.f\:bc-purple-300:focus-within {
+  border-color: var(--purple-300) !important;
+}
+.fc-purple-300,
+.h\:fc-purple-300:hover,
+.f\:fc-purple-300:focus,
+.f\:fc-purple-300:focus-within {
+  color: var(--purple-300) !important;
+}
+.bg-purple-400,
+.h\:bg-purple-400:hover,
+.f\:bg-purple-400:focus,
+.f\:bg-purple-400:focus-within {
+  background-color: var(--purple-400) !important;
+}
+.bc-purple-400,
+.h\:bc-purple-400:hover,
+.f\:bc-purple-400:focus,
+.f\:bc-purple-400:focus-within {
+  border-color: var(--purple-400) !important;
+}
+.fc-purple-400,
+.h\:fc-purple-400:hover,
+.f\:fc-purple-400:focus,
+.f\:fc-purple-400:focus-within {
+  color: var(--purple-400) !important;
+}
+.bg-purple-500,
+.h\:bg-purple-500:hover,
+.f\:bg-purple-500:focus,
+.f\:bg-purple-500:focus-within {
+  background-color: var(--purple-500) !important;
+}
+.bc-purple-500,
+.h\:bc-purple-500:hover,
+.f\:bc-purple-500:focus,
+.f\:bc-purple-500:focus-within {
+  border-color: var(--purple-500) !important;
+}
+.fc-purple-500,
+.h\:fc-purple-500:hover,
+.f\:fc-purple-500:focus,
+.f\:fc-purple-500:focus-within {
+  color: var(--purple-500) !important;
+}
+.bg-purple-600,
+.h\:bg-purple-600:hover,
+.f\:bg-purple-600:focus,
+.f\:bg-purple-600:focus-within {
+  background-color: var(--purple-600) !important;
+}
+.bc-purple-600,
+.h\:bc-purple-600:hover,
+.f\:bc-purple-600:focus,
+.f\:bc-purple-600:focus-within {
+  border-color: var(--purple-600) !important;
+}
+.fc-purple-600,
+.h\:fc-purple-600:hover,
+.f\:fc-purple-600:focus,
+.f\:fc-purple-600:focus-within {
+  color: var(--purple-600) !important;
+}
 .bg-gold-100,
 .h\:bg-gold-100:hover,
 .f\:bg-gold-100:focus,
@@ -14145,6 +14096,42 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-legacy-025 {
   body.theme-system  .d\:fc-yellow-600 {
     color: var(--yellow-600) !important;
   }
+  body.theme-system  .d\:bg-purple-100 {
+    background-color: var(--purple-100) !important;
+  }
+  body.theme-system  .d\:fc-purple-100 {
+    color: var(--purple-100) !important;
+  }
+  body.theme-system  .d\:bg-purple-200 {
+    background-color: var(--purple-200) !important;
+  }
+  body.theme-system  .d\:fc-purple-200 {
+    color: var(--purple-200) !important;
+  }
+  body.theme-system  .d\:bg-purple-300 {
+    background-color: var(--purple-300) !important;
+  }
+  body.theme-system  .d\:fc-purple-300 {
+    color: var(--purple-300) !important;
+  }
+  body.theme-system  .d\:bg-purple-400 {
+    background-color: var(--purple-400) !important;
+  }
+  body.theme-system  .d\:fc-purple-400 {
+    color: var(--purple-400) !important;
+  }
+  body.theme-system  .d\:bg-purple-500 {
+    background-color: var(--purple-500) !important;
+  }
+  body.theme-system  .d\:fc-purple-500 {
+    color: var(--purple-500) !important;
+  }
+  body.theme-system  .d\:bg-purple-600 {
+    background-color: var(--purple-600) !important;
+  }
+  body.theme-system  .d\:fc-purple-600 {
+    color: var(--purple-600) !important;
+  }
   body.theme-system  .d\:bg-gold-100 {
     background-color: var(--gold-100) !important;
   }
@@ -14705,6 +14692,66 @@ body.theme-dark  .d\:fc-yellow-600,
 body.theme-system .theme-dark__forced  .d\:fc-yellow-600 {
   color: var(--yellow-600) !important;
 }
+body.theme-dark  .d\:bg-purple-100,
+.theme-dark__forced  .d\:bg-purple-100,
+body.theme-system .theme-dark__forced  .d\:bg-purple-100 {
+  background-color: var(--purple-100) !important;
+}
+body.theme-dark  .d\:fc-purple-100,
+.theme-dark__forced  .d\:fc-purple-100,
+body.theme-system .theme-dark__forced  .d\:fc-purple-100 {
+  color: var(--purple-100) !important;
+}
+body.theme-dark  .d\:bg-purple-200,
+.theme-dark__forced  .d\:bg-purple-200,
+body.theme-system .theme-dark__forced  .d\:bg-purple-200 {
+  background-color: var(--purple-200) !important;
+}
+body.theme-dark  .d\:fc-purple-200,
+.theme-dark__forced  .d\:fc-purple-200,
+body.theme-system .theme-dark__forced  .d\:fc-purple-200 {
+  color: var(--purple-200) !important;
+}
+body.theme-dark  .d\:bg-purple-300,
+.theme-dark__forced  .d\:bg-purple-300,
+body.theme-system .theme-dark__forced  .d\:bg-purple-300 {
+  background-color: var(--purple-300) !important;
+}
+body.theme-dark  .d\:fc-purple-300,
+.theme-dark__forced  .d\:fc-purple-300,
+body.theme-system .theme-dark__forced  .d\:fc-purple-300 {
+  color: var(--purple-300) !important;
+}
+body.theme-dark  .d\:bg-purple-400,
+.theme-dark__forced  .d\:bg-purple-400,
+body.theme-system .theme-dark__forced  .d\:bg-purple-400 {
+  background-color: var(--purple-400) !important;
+}
+body.theme-dark  .d\:fc-purple-400,
+.theme-dark__forced  .d\:fc-purple-400,
+body.theme-system .theme-dark__forced  .d\:fc-purple-400 {
+  color: var(--purple-400) !important;
+}
+body.theme-dark  .d\:bg-purple-500,
+.theme-dark__forced  .d\:bg-purple-500,
+body.theme-system .theme-dark__forced  .d\:bg-purple-500 {
+  background-color: var(--purple-500) !important;
+}
+body.theme-dark  .d\:fc-purple-500,
+.theme-dark__forced  .d\:fc-purple-500,
+body.theme-system .theme-dark__forced  .d\:fc-purple-500 {
+  color: var(--purple-500) !important;
+}
+body.theme-dark  .d\:bg-purple-600,
+.theme-dark__forced  .d\:bg-purple-600,
+body.theme-system .theme-dark__forced  .d\:bg-purple-600 {
+  background-color: var(--purple-600) !important;
+}
+body.theme-dark  .d\:fc-purple-600,
+.theme-dark__forced  .d\:fc-purple-600,
+body.theme-system .theme-dark__forced  .d\:fc-purple-600 {
+  color: var(--purple-600) !important;
+}
 body.theme-dark  .d\:bg-gold-100,
 .theme-dark__forced  .d\:bg-gold-100,
 body.theme-system .theme-dark__forced  .d\:bg-gold-100 {
@@ -20016,6 +20063,9 @@ p {
 .ow-normal {
   overflow-wrap: normal !important;
 }
+.ow-anywhere {
+  overflow-wrap: anywhere !important;
+}
 .ow-break-word {
   overflow-wrap: break-word !important;
 }
@@ -20706,16 +20756,16 @@ ol {
   box-shadow: 0 var(--su-static4) var(--su-static8) hsl(210, 8%, 85%) !important;
 }
 .bs-lg.bs-hover:hover {
-  box-shadow: 0 var(--su-static4) var(--su-static12) hsla(212, 8%, 68%, 0.7) !important;
+  box-shadow: 0 var(--su-static4) var(--su-static12) hsla(210, 8%, 68%, 0.7) !important;
 }
 .bs-i-sm.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(213, 9%, 75%, 0.75) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 9%, 75%, 0.75) !important;
 }
 .bs-i-md.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(212, 8%, 68%, 0.8) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 8%, 68%, 0.8) !important;
 }
 .bs-i-lg.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 hsl(212, 8%, 68%) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 hsl(210, 8%, 68%) !important;
 }
 .t {
   transition-duration: var(--transition-time);