@stackoverflow/stacks 2.0.0-rc.1 → 2.0.0-rc.11

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);
 }
@@ -451,24 +462,28 @@ body.theme-highcontrast .s-activity-indicator {
 }
 .s-anchors.s-anchors__danger {
   --_an-a-fc: var(--red-400);
-  --_an-a-fc-hover: var(--red-400);
+  --_an-a-fc-hover: var(--red-500);
+  --_an-a-fc-visited: var(--red-600);
 }
 .s-anchors.s-anchors__default {
-  --_an-a-fc: var(--theme-link-color);
-  --_an-a-fc-hover: var(--theme-link-color-hover);
-  --_an-a-fc-visited: var(--theme-link-color-visited);
+  --_an-a-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
+  --_an-a-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
 }
 .s-anchors.s-anchors__grayscale {
-  --_an-a-fc: var(--black-500);
+  --_an-a-fc: var(--black-400);
   --_an-a-fc-hover: var(--black-500);
+  --_an-a-fc-visited: var(--black-600);
 }
 .s-anchors.s-anchors__inherit {
   --_an-a-fc: inherit;
   --_an-a-fc-hover: inherit;
+  --_an-a-fc-visited: inherit;
 }
 .s-anchors.s-anchors__muted {
   --_an-a-fc: var(--black-400);
-  --_an-a-fc-hover: var(--black-400);
+  --_an-a-fc-hover: var(--black-500);
+  --_an-a-fc-visited: var(--black-600);
 }
 .s-anchors.s-anchors__danger a:not(.s-link),
 .s-anchors.s-anchors__default a:not(.s-link),
@@ -677,15 +692,15 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   vertical-align: middle;
   white-space: nowrap;
 }
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__gold,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__silver,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__bronze,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep-down,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__votes:not(body.theme-highcontrast .s-badge__answered),
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__admin,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__moderator,
-body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
+body.theme-highcontrast .s-badge__gold,
+body.theme-highcontrast .s-badge__silver,
+body.theme-highcontrast .s-badge__bronze,
+body.theme-highcontrast .s-badge__rep,
+body.theme-highcontrast .s-badge__rep-down,
+body.theme-highcontrast .s-badge__votes:not(.s-badge__answered),
+body.theme-highcontrast .s-badge__admin,
+body.theme-highcontrast .s-badge__moderator,
+body.theme-highcontrast .s-badge__staff {
   --_ba-bc: currentColor;
 }
 .s-badge.s-badge__xs,
@@ -708,21 +723,16 @@ 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-bc: var(--gold-300);
   --_ba-bg: var(--gold-100);
 }
 .s-badge.s-badge__silver {
-  --_ba-bc: var(--silver-400);
+  --_ba-bc: var(--silver-300);
   --_ba-bg: var(--silver-100);
 }
 .s-badge.s-badge__bronze {
-  --_ba-bc: var(--bronze-400);
+  --_ba-bc: var(--bronze-300);
   --_ba-bg: var(--bronze-100);
 }
 .s-badge.s-badge__answered,
@@ -740,17 +750,17 @@ 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);
+  --_ba-bc: var(--green-300);
   --_ba-fc: var(--green-400);
 }
 .s-badge.s-badge__rep-down {
-  --_ba-bc: var(--red-400);
+  --_ba-bc: var(--red-300);
   --_ba-fc: var(--red-400);
 }
 .s-badge.s-badge__votes:not(.s-badge__answered) {
@@ -758,9 +768,9 @@ body.theme-highcontrast .s-badge.s-badge__bronze {
   --_ba-fc: var(--black-500);
 }
 .s-badge.s-badge__admin {
-  --_ba-bc: var(--theme-primary-300);
-  --_ba-bg: var(--theme-primary-200);
-  --_ba-fc: var(--theme-primary-600);
+  --_ba-bc: var(--theme-primary-200);
+  --_ba-bg: var(--theme-primary-100);
+  --_ba-fc: var(--theme-primary-500);
 }
 .s-badge.s-badge__moderator {
   --_ba-bc: var(--theme-secondary-300);
@@ -798,8 +808,8 @@ body.theme-highcontrast .s-badge.s-badge__bronze {
   mask-size: contain;
 }
 .s-badge.s-badge__staff {
-  --_ba-bc: var(--orange-400);
-  --_ba-bg: var(--orange-300);
+  --_ba-bc: var(--orange-300);
+  --_ba-bg: var(--orange-200);
   --_ba-fc: var(--orange-600);
 }
 .s-badge.s-badge__danger.s-badge__filled,
@@ -807,31 +817,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-300);
+  --_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-300);
+  --_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-300);
+  --_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-300);
+  --_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 +856,12 @@ a.s-badge:hover {
 }
 .s-banner {
   --_no-x-offset: 0;
-  --_no-bc: var(--bc-medium);
-  --_no-bg: var(--black-150);
-  --_no-fc: var(--fc-medium);
+  --_no-bc: var(--black-225);
+  --_no-bg: var(--black-100);
+  --_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);
@@ -863,8 +871,8 @@ a.s-badge:hover {
   inset: 0 0 auto 0;
   padding: var(--su12);
   position: fixed;
-  -webkit-transform: translate3d(0, calc(var(--theme-topbar-height) * var(--_no-x-offset)), 0);
-  transform: translate3d(0, calc(var(--theme-topbar-height) * var(--_no-x-offset)), 0);
+  -webkit-transform: translate3d(0, calc(var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8))) * var(--_no-x-offset)), 0);
+  transform: translate3d(0, calc(var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8))) * var(--_no-x-offset)), 0);
   width: 100%;
   z-index: calc(var(--zi-navigation-fixed) - 1);
 }
@@ -895,174 +903,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 +1034,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 +1079,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 +1107,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 +1121,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 +1135,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) {
@@ -1238,37 +1185,38 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
   --_bu-baw: var(--su-static1);
   --_bu-bc: transparent;
   --_bu-br: var(--br-md);
-  --_bu-fc: var(--theme-button-color);
+  --_bu-fc: var(--theme-button-color, var(--theme-secondary-400));
   --_bu-focus-ring: 0 0 0 var(--su-static4) var(--focus-ring);
   --_bu-fs: var(--fs-body1);
   --_bu-p: 0.8em;
   --_bu-bc-selected: transparent;
-  --_bu-bg-active: var(--theme-button-active-background-color);
-  --_bu-bg-hover: var(--theme-button-hover-background-color);
-  --_bu-bg-selected: var(--theme-button-selected-background-color);
-  --_bu-fc-active: var(--theme-button-hover-color);
-  --_bu-fc-hover: var(--theme-button-hover-color);
-  --_bu-fc-selected: var(--theme-button-selected-color);
+  --_bu-bg-active: var(--theme-button-active-background-color, var(--theme-secondary-300));
+  --_bu-bg-hover: var(--theme-button-hover-background-color, var(--theme-secondary-200));
+  --_bu-bg-selected: var(--theme-button-selected-background-color, var(--theme-secondary-300));
+  --_bu-fc-active: var(--theme-button-hover-color, var(--theme-secondary-500));
+  --_bu-fc-hover: var(--theme-button-hover-color, var(--theme-secondary-500));
+  --_bu-fc-selected: var(--theme-button-selected-color, var(--theme-secondary-600));
   --_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-outlined-bc: var(--theme-button-outlined-border-color);
+  --_bu-filled-bg: var(--theme-button-primary-background-color, var(--theme-secondary-400));
+  --_bu-filled-bg-active: var(--theme-button-primary-active-background-color, var(--theme-secondary-600));
+  --_bu-filled-bg-hover: var(--theme-button-primary-hover-background-color, var(--theme-secondary-500));
+  --_bu-filled-bg-selected: var(--theme-button-primary-selected-background-color, var(--theme-secondary-500));
+  --_bu-filled-fc: var(--theme-button-primary-color, var(--white));
+  --_bu-filled-fc-active: var(--theme-button-primary-hover-color, var(--white));
+  --_bu-filled-fc-hover: var(--theme-button-primary-hover-color, var(--white));
+  --_bu-filled-fc-selected: var(--theme-button-primary-selected-color, var(--white));
+  --_bu-outlined-bc: var(--theme-button-outlined-border-color, var(--theme-secondary-400));
   --_bu-outlined-bg: var(--theme-button-outlined-background-color);
-  --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color);
-  --_bu-outlined-bg-selected: var(--theme-button-selected-background-color);
-  --_bu-outlined-fc-selected: var(--theme-button-selected-color);
+  --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color, var(--theme-secondary-400));
+  --_bu-outlined-bg-selected: var(--theme-button-selected-background-color, var(--theme-secondary-300));
+  --_bu-outlined-fc-selected: var(--theme-button-selected-color, var(--theme-secondary-600));
   --_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, var(--theme-secondary-600));
+  --_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 +1237,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, var(--theme-secondary-600));
 }
 fieldset[disabled] .s-btn,
 .s-btn[disabled],
@@ -1354,6 +1300,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);
@@ -1369,9 +1318,9 @@ body.theme-highcontrast .s-btn-group.s-btn-group--radio .s-btn--radio:checked +
   --_bu-br: 0;
   --_bu-focus-ring: none;
   --_bu-p: 0;
-  --_li-fc: var(--theme-link-color);
-  --_li-fc-hover: var(--theme-link-color-hover);
-  --_li-fc-visited: var(--theme-link-color-visited);
+  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
+  --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
   color: var(--_li-fc);
   cursor: pointer;
   text-decoration: none;
@@ -1435,19 +1384,19 @@ body.theme-highcontrast .s-btn.s-btn__link {
   text-decoration: underline !important;
 }
 .s-btn.s-btn__link.s-link__visited {
-  --_li-fc: var(--theme-link-color-visited);
-  --_li-fc-hover: var(--theme-link-color-hover);
-  --_li-fc-visited: var(--theme-link-color-visited);
+  --_li-fc: var(--theme-link-color-visited, var(--theme-secondary-500));
+  --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-400));
+  --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-500));
 }
 .s-btn.s-btn__link.s-link__danger {
   --_li-fc: var(--red-400);
-  --_li-fc-hover: var(--red-400);
-  --_li-fc-visited: var(--red-500);
+  --_li-fc-hover: var(--red-500);
+  --_li-fc-visited: var(--red-600);
 }
 .s-btn.s-btn__link.s-link__grayscale {
-  --_li-fc: var(--black-600);
-  --_li-fc-hover: var(--black-600);
-  --_li-fc-visited: var(--black-500);
+  --_li-fc: var(--black-500);
+  --_li-fc-hover: var(--black-400);
+  --_li-fc-visited: var(--black-600);
 }
 .s-btn.s-btn__link.s-link__inherit {
   --_li-fc: inherit !important;
@@ -1457,7 +1406,7 @@ body.theme-highcontrast .s-btn.s-btn__link {
 .s-btn.s-btn__link.s-link__muted {
   --_li-fc: var(--black-400);
   --_li-fc-hover: var(--black-500);
-  --_li-fc-visited: var(--black-500);
+  --_li-fc-visited: var(--black-600);
 }
 fieldset[disabled] .s-btn.s-btn__link {
   box-shadow: none !important;
@@ -1558,37 +1507,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 +1533,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,66 +1543,26 @@ 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);
-  --_bu-bg-active: var(--theme-button-primary-active-background-color);
-  --_bu-bg-hover: var(--theme-button-primary-hover-background-color);
-  --_bu-bg-selected: var(--theme-button-primary-selected-background-color);
-  --_bu-fc: var(--theme-button-primary-color);
-  --_bu-fc-active: var(--theme-button-primary-hover-color);
-  --_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-bg: var(--theme-button-primary-background-color, var(--theme-secondary-400));
+  --_bu-bg-active: var(--theme-button-primary-active-background-color, var(--theme-secondary-600));
+  --_bu-bg-hover: var(--theme-button-primary-hover-background-color, var(--theme-secondary-500));
+  --_bu-bg-selected: var(--theme-button-primary-selected-background-color, var(--theme-secondary-500));
+  --_bu-fc: var(--theme-button-primary-color, var(--white));
+  --_bu-fc-active: var(--theme-button-primary-hover-color, var(--white));
+  --_bu-fc-hover: var(--theme-button-primary-hover-color, var(--white));
+  --_bu-fc-selected: var(--theme-button-primary-selected-color, var(--white));
+  --_bu-number-fc: var(--theme-button-primary-number-color, var(--theme-secondary-600));
+  --_bu-number-fc-selected: var(--theme-button-primary-number-color, var(--theme-secondary-600));
 }
 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 +1727,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 +1892,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 {
@@ -2181,7 +2075,7 @@ pre.s-code-block::-webkit-scrollbar-corner {
   border-color: transparent;
 }
 .s-description {
-  color: var(--fc-medium);
+  color: var(--fc-light);
   font-size: var(--fs-caption);
   padding: 0 var(--su2);
 }
@@ -2268,7 +2162,7 @@ pre.s-code-block::-webkit-scrollbar-corner {
 }
 .s-input,
 .s-textarea {
-  --_in-bc: var(--bc-dark);
+  --_in-bc: var(--bc-darker);
   --_in-bc-focus: var(--theme-secondary-400);
   --_in-bg: var(--white);
   --_in-br: var(--br-md);
@@ -2371,7 +2265,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 +2456,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 +2495,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);
@@ -2621,7 +2516,7 @@ fieldset[disabled] .s-input-message {
 .s-label {
   --_la-fs: var(--fs-body2);
   font-size: var(--_la-fs);
-  color: var(--fc-dark);
+  color: var(--fc-medium);
   font-family: inherit;
   font-weight: 600;
   padding: 0 var(--su2);
@@ -2673,40 +2568,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 {
@@ -2717,9 +2588,9 @@ body.theme-system .theme-dark__forced .s-label--status__required {
 }
 a,
 .s-link {
-  --_li-fc: var(--theme-link-color);
-  --_li-fc-hover: var(--theme-link-color-hover);
-  --_li-fc-visited: var(--theme-link-color-visited);
+  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
+  --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
   color: var(--_li-fc);
   cursor: pointer;
   text-decoration: none;
@@ -2788,21 +2659,21 @@ a.s-link__underlined,
 }
 a.s-link__visited,
 .s-link.s-link__visited {
-  --_li-fc: var(--theme-link-color-visited);
-  --_li-fc-hover: var(--theme-link-color-hover);
-  --_li-fc-visited: var(--theme-link-color-visited);
+  --_li-fc: var(--theme-link-color-visited, var(--theme-secondary-500));
+  --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-400));
+  --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-500));
 }
 a.s-link__danger,
 .s-link.s-link__danger {
   --_li-fc: var(--red-400);
-  --_li-fc-hover: var(--red-400);
-  --_li-fc-visited: var(--red-500);
+  --_li-fc-hover: var(--red-500);
+  --_li-fc-visited: var(--red-600);
 }
 a.s-link__grayscale,
 .s-link.s-link__grayscale {
-  --_li-fc: var(--black-600);
-  --_li-fc-hover: var(--black-600);
-  --_li-fc-visited: var(--black-500);
+  --_li-fc: var(--black-500);
+  --_li-fc-hover: var(--black-400);
+  --_li-fc-visited: var(--black-600);
 }
 a.s-link__inherit,
 .s-link.s-link__inherit {
@@ -2814,7 +2685,7 @@ a.s-link__muted,
 .s-link.s-link__muted {
   --_li-fc: var(--black-400);
   --_li-fc-hover: var(--black-500);
-  --_li-fc-visited: var(--black-500);
+  --_li-fc-visited: var(--black-600);
 }
 fieldset[disabled] a,
 fieldset[disabled] .s-link {
@@ -2841,8 +2712,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 +2732,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 +2768,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 +2784,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);
@@ -2927,7 +2806,7 @@ button.s-link:focus {
   font-weight: bold;
 }
 .s-link-preview a.s-link-preview--title {
-  color: var(--theme-link-color);
+  color: var(--theme-link-color, var(--theme-secondary-400));
   cursor: pointer;
   text-decoration: none;
 }
@@ -2935,7 +2814,7 @@ button.s-link:focus {
 .s-link-preview a.s-link-preview--title:hover,
 .s-link-preview a.s-link-preview--title:active.s-link__visited,
 .s-link-preview a.s-link-preview--title:hover.s-link__visited {
-  color: var(--theme-link-color-hover);
+  color: var(--theme-link-color-hover, var(--theme-secondary-500));
 }
 .s-link-preview a.s-link-preview--title:active,
 .s-link-preview a.s-link-preview--title:hover,
@@ -2952,7 +2831,7 @@ body.theme-highcontrast .s-link-preview a.s-link-preview--title.s-link__visited:
   text-decoration: underline;
 }
 .s-link-preview a.s-link-preview--title.s-link__visited:visited {
-  color: var(--theme-link-color);
+  color: var(--theme-link-color, var(--theme-secondary-600));
 }
 .s-link-preview .s-link-preview--url {
   max-width: 100%;
@@ -3122,6 +3001,7 @@ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
   font-weight: normal;
   line-height: var(--lh-sm);
   margin-bottom: var(--su16);
+  margin-right: var(--su24);
 }
 .s-navigation {
   --_na-fd: row;
@@ -3257,11 +3137,12 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
   --_na-title-mt: 0;
 }
 .s-notice {
-  --_no-bc: var(--bc-medium);
-  --_no-bg: var(--black-150);
-  --_no-fc: var(--fc-medium);
+  --_no-bc: var(--black-225);
+  --_no-bg: var(--black-100);
+  --_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 +3179,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);
-}
-@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);
-  }
+  --_no-btn-bg-focus: var(--theme-secondary-500);
+  --_no-btn-fc: var(--theme-secondary-100);
 }
-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;
@@ -3508,7 +3326,7 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
 .s-page-title .s-page-title--header {
   color: var(--fc-dark);
   font-size: var(--fs-headline1);
-  font-weight: normal;
+  font-weight: bold;
   line-height: var(--lh-sm);
   margin: 0;
   margin-bottom: 0;
@@ -3523,10 +3341,10 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
 }
 .s-pagination .s-pagination--item {
   --_pa-item-bg: transparent;
-  --_pa-item-bc: var(--bc-medium);
+  --_pa-item-bc: var(--bc-darker);
   --_pa-item-fc: var(--fc-medium);
   --_pa-item-bg-hover: var(--black-225);
-  --_pa-item-bc-hover: var(--bc-dark);
+  --_pa-item-bc-hover: var(--bc-darker);
   --_pa-item-fc-hover: var(--fc-dark);
   background-color: var(--_pa-item-bg);
   border: 1px solid var(--_pa-item-bc);
@@ -3729,18 +3547,18 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
   --_ps-bg: unset;
   --_ps-o: unset;
   --_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
-  --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color));
-  --_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover));
-  --_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited));
+  --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400))));
+  --_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500))));
+  --_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--theme-secondary-600))));
   --_ps-stats-ai: flex-end;
   --_ps-stats-fc: var(--_ps-state-fc, var(--fc-light));
   --_ps-stats-fd: column;
   --_ps-stats-w: calc(var(--su96) + var(--su12));
-  --_ps-has-answers-bc: var(--green-500);
+  --_ps-has-answers-bc: var(--green-400);
   --_ps-has-answers-bg: unset;
-  --_ps-has-answers-fc: var(--green-500);
-  --_ps-has-accepted-answers-bc: var(--green-500);
-  --_ps-has-accepted-answers-bg: var(--green-500);
+  --_ps-has-answers-fc: var(--green-400);
+  --_ps-has-accepted-answers-bc: var(--green-400);
+  --_ps-has-accepted-answers-bg: var(--green-400);
   --_ps-has-accepted-answers-fc: var(--white);
   --_ps-stats-item-emphasized-fc: var(--_ps-state-fc, var(--fc-dark));
   background-color: var(--_ps-bg);
@@ -3880,11 +3698,11 @@ body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s
   color: var(--white);
 }
 .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
-  --_ps-bg: var(--yellow-200);
+  --_ps-bg: var(--yellow-100);
   --_ps-stats-fc: var(--black-400);
-  --_ps-content-title-a-fc: var(--theme-post-title-color);
-  --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover);
-  --_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited);
+  --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400)));
+  --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
+  --_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--theme-secondary-600)));
 }
 .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card a {
   color: var(--_ps-content-title-a-fc);
@@ -3952,7 +3770,7 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
   -webkit-box-orient: vertical;
   overflow: hidden;
   color: var(--_ps-content-excerpt-fc);
-  font-family: var(--theme-post-body-font-family);
+  font-family: var(--theme-post-body-font-family, var(--theme-body-font-family));
   margin-top: calc(var(--su2) * -1);
   margin-bottom: var(--su8);
 }
@@ -4009,7 +3827,7 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
   -ms-hyphens: auto !important;
   hyphens: auto !important;
   color: var(--_ps-content-title-a-fc);
-  font-family: var(--theme-post-title-font-family);
+  font-family: var(--theme-post-title-font-family, var(--theme-body-font-family));
 }
 .s-post-summary .s-post-summary--content-title a:visited {
   color: var(--_ps-content-title-a-fc-visited);
@@ -4123,13 +3941,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);
@@ -4270,7 +4088,7 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
   display: flex;
 }
 .s-progress.s-progress__stepped .s-progress--bar {
-  background: var(--black-350);
+  background: var(--black-250);
   border-radius: 0;
   height: var(--su-static6);
   position: absolute;
@@ -4326,7 +4144,7 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
 }
 .s-progress.s-progress__stepped .s-progress--stop {
   align-items: center;
-  background: var(--black-350);
+  background: var(--black-250);
   border-radius: 100%;
   color: var(--_white-static);
   display: flex;
@@ -4406,7 +4224,7 @@ body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
   --_pr-h6-fs: var(--fs-body1);
   --_pr-hr-bg: var(--black-225);
   --_pr-img-mb: 1.1em;
-  --_pr-kbd-bc: var(--black-350);
+  --_pr-kbd-bc: var(--black-300);
   --_pr-kbd-bs: 0 var(--su-static1) var(--su-static1) hsla(210, 8%, 5%, 0.15), inset 0 1px 0 0 var(--_white-static);
   --_pr-spoiler-cursor: pointer;
   --_pr-spoiler-after-t: 1em;
@@ -4464,7 +4282,7 @@ body.theme-highcontrast .s-prose {
   --_pr-lh: var(--lh-xl);
 }
 .s-prose *:not(.s-code-block) > a code {
-  color: var(--theme-link-color);
+  color: var(--theme-link-color, var(--theme-secondary-400));
 }
 .s-prose *:not(.s-code-block) > code {
   padding: var(--su2) var(--su4);
@@ -4874,7 +4692,7 @@ body.theme-highcontrast .s-prose {
 .s-select {
   --_se-arrow-bc: currentColor transparent;
   --_se-arrow-size: var(--su-static4);
-  --_se-select-bc: var(--bc-dark);
+  --_se-select-bc: var(--bc-darker);
   --_se-select-bc-focus: var(--theme-secondary-400);
   --_se-select-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring);
   --_se-select-bg: var(--white);
@@ -4914,7 +4732,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 +4857,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 +4869,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 +4886,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 +4903,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 {
@@ -5132,7 +4950,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 }
 .s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__expanding-control:before {
   border: calc(var(--su-static4) + var(--su-static1)) solid transparent;
-  border-left-color: var(--bc-dark);
+  border-left-color: var(--black-400);
   border-right-width: 0;
   content: '';
   float: left;
@@ -5615,15 +5433,15 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   border-color: transparent;
 }
 .s-tag {
-  --_ta-bc: var(--theme-tag-border-color);
-  --_ta-bc-hover: var(--theme-tag-hover-border-color);
+  --_ta-bc: var(--theme-tag-border-color, transparent);
+  --_ta-bc-hover: var(--theme-tag-hover-border-color, transparent);
   --_ta-bc-selected: transparent;
-  --_ta-bg: var(--theme-tag-background-color);
-  --_ta-bg-hover: var(--theme-tag-hover-background-color);
+  --_ta-bg: var(--theme-tag-background-color, var(--theme-secondary-100));
+  --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--theme-secondary-200));
   --_ta-bg-selected: var(--theme-secondary-300);
   --_ta-br: var(--br-sm);
-  --_ta-fc: var(--theme-tag-color);
-  --_ta-fc-hover: var(--theme-tag-hover-color);
+  --_ta-fc: var(--theme-tag-color, var(--theme-secondary-500));
+  --_ta-fc-hover: var(--theme-tag-hover-color, var(--theme-secondary-600));
   --_ta-fc-selected: var(--theme-secondary-600);
   --_ta-fs: var(--fs-caption);
   --_ta-lh: 1.84615385;
@@ -5717,40 +5535,40 @@ body.theme-highcontrast a.s-tag.is-selected:focus {
   --_ta-before-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
 }
 .s-tag.s-tag__moderator {
-  --_ta-bc: var(--red-300);
-  --_ta-bg: var(--red-200);
-  --_ta-fc: var(--red-600);
-  --_ta-bc-hover: var(--red-400);
-  --_ta-bg-hover: var(--red-300);
-  --_ta-fc-hover: var(--red-600);
-  --_ta-bc-selected: var(--red-400);
-  --_ta-bg-selected: var(--red-300);
-  --_ta-fc-selected: var(--red-600);
+  --_ta-bc: transparent;
+  --_ta-bg: var(--orange-100);
+  --_ta-fc: var(--orange-500);
+  --_ta-bc-hover: transparent;
+  --_ta-bg-hover: var(--orange-200);
+  --_ta-fc-hover: var(--orange-600);
+  --_ta-bc-selected: transparent;
+  --_ta-bg-selected: var(--orange-300);
+  --_ta-fc-selected: var(--orange-600);
 }
 .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
   --_ta-bc: transparent;
-  --_ta-bg: var(--black-200);
-  --_ta-fc: var(--black-500);
+  --_ta-bg: var(--black-150);
+  --_ta-fc: var(--black-400);
   --_ta-bc-hover: transparent;
-  --_ta-bg-hover: var(--black-225);
-  --_ta-fc-hover: var(--black-600);
+  --_ta-bg-hover: var(--black-200);
+  --_ta-fc-hover: var(--black-500);
   --_ta-bc-selected: transparent;
-  --_ta-bg-selected: var(--black-300);
+  --_ta-bg-selected: var(--black-225);
   --_ta-fc-selected: var(--black-600);
 }
 body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
   --_ta-bc: currentColor;
 }
 .s-tag.s-tag__required:not(.s-tag__moderator) {
-  --_ta-bc: var(--bc-dark);
-  --_ta-bg: var(--black-200);
-  --_ta-fc: var(--black-500);
-  --_ta-bc-hover: var(--black-350);
-  --_ta-bg-hover: var(--black-225);
-  --_ta-fc-hover: var(--black-600);
-  --_ta-bc-selected: var(--black-400);
-  --_ta-bg-selected: var(--black-300);
-  --_ta-fc-selected: var(--black-600);
+  --_ta-bc: transparent;
+  --_ta-bg: var(--theme-secondary-500);
+  --_ta-fc: var(--white);
+  --_ta-bc-hover: transparent;
+  --_ta-bg-hover: var(--theme-secondary-400);
+  --_ta-fc-hover: var(--white);
+  --_ta-bc-selected: transparent;
+  --_ta-bg-selected: var(--theme-secondary-600);
+  --_ta-fc-selected: var(--white);
 }
 .s-tag__watched,
 .s-tag.s-tag__watched {
@@ -5862,21 +5680,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 +5719,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;
@@ -5942,22 +5748,22 @@ input[type="checkbox"].s-toggle-switch[disabled] {
   min-width: auto;
   width: 100%;
   z-index: var(--zi-navigation-fixed);
-  background-color: var(--theme-topbar-background-color);
-  height: var(--theme-topbar-height);
+  background-color: var(--theme-topbar-background-color, var(--white));
+  height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
   display: flex;
-  border-top: var(--theme-topbar-accent-border);
-  border-bottom: var(--theme-topbar-bottom-border);
+  border-top: var(--theme-topbar-accent-border, 3px solid var(--theme-primary));
+  border-bottom: var(--theme-topbar-bottom-border, 1px solid var(--black-225));
   position: relative;
   align-items: center;
 }
 body.theme-highcontrast .s-topbar {
-  --theme-topbar-search-color: var(--theme-topbar-item-color);
-  --theme-topbar-search-background: var(--theme-topbar-background-color);
-  --theme-topbar-search-placeholder: var(--theme-topbar-item-color);
-  --theme-topbar-search-border: var(--theme-topbar-item-color);
-  --theme-topbar-search-border-focus: var(--theme-topbar-item-color);
-  --theme-topbar-select-color: var(--theme-topbar-item-color);
-  --theme-topbar-select-background: var(--theme-topbar-background-color);
+  --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-400));
+  --theme-topbar-search-background: var(--theme-topbar-background-color, var(--white));
+  --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-400));
+  --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-400));
+  --theme-topbar-search-border-focus: var(--theme-topbar-item-color, var(--black-400));
+  --theme-topbar-select-color: var(--theme-topbar-item-color, var(--black-400));
+  --theme-topbar-select-background: var(--theme-topbar-background-color, var(--white));
   --theme-topbar-item-color: var(--black-600);
   --theme-topbar-item-color-hover: var(--black-600);
   --theme-topbar-item-background-hover: var(--black-300);
@@ -5982,10 +5788,10 @@ body.theme-highcontrast .s-topbar {
   background-color: transparent;
 }
 .s-topbar a.s-topbar--logo:hover {
-  background-color: var(--theme-topbar-item-background-hover);
+  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
 }
 .s-topbar a.s-topbar--logo.is-selected {
-  background-color: var(--theme-topbar-item-background-hover);
+  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
 }
 .s-topbar .s-topbar--menu-btn {
   display: flex;
@@ -6000,7 +5806,7 @@ body.theme-highcontrast .s-topbar {
 .s-topbar .s-topbar--menu-btn span:after {
   width: var(--su-static16);
   height: var(--su-static2);
-  background-color: var(--theme-topbar-item-color);
+  background-color: var(--theme-topbar-item-color, var(--black-400));
   position: relative;
 }
 .s-topbar .s-topbar--menu-btn span:before,
@@ -6017,7 +5823,7 @@ body.theme-highcontrast .s-topbar {
   top: calc(var(--su-static6) - var(--su-static1));
 }
 .s-topbar .s-topbar--menu-btn.is-selected {
-  color: var(--theme-topbar-item-color-current);
+  color: var(--theme-topbar-item-color-current, var(--black));
   background-color: var(--theme-topbar-item-background-current);
 }
 .s-topbar .s-topbar--menu-btn.is-selected span {
@@ -6032,27 +5838,37 @@ body.theme-highcontrast .s-topbar {
   transform: rotate(45deg);
 }
 .s-topbar .s-topbar--menu-btn:hover {
-  color: var(--theme-topbar-item-color-hover);
-  background-color: var(--theme-topbar-item-background-hover);
+  color: var(--theme-topbar-item-color-hover, var(--black-600));
+  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
 }
 .s-topbar .s-navigation .s-navigation--item:focus-visible {
-  box-shadow: var(--theme-topbar-search-shadow-focus);
+  box-shadow: var(--theme-topbar-search-shadow-focus, 0 0 0 var(--su-static4) var(--focus-ring));
 }
 .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
-  color: var(--theme-topbar-item-color);
+  color: var(--theme-topbar-item-color, var(--black-400));
 }
 .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
-  color: var(--theme-topbar-item-color-hover);
-  background-color: var(--theme-topbar-item-background-hover);
+  color: var(--theme-topbar-item-color-hover, var(--black-600));
+  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
+}
+.s-topbar .s-popover .s-navigation .s-navigation--item:focus-visible {
+  box-shadow: var(0 0 0 var(--su-static4) var(--focus-ring));
+}
+.s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
+  color: var(--black-500);
+}
+.s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
+  color: var(--black-600);
+  background-color: var(--black-200);
 }
 .s-topbar__light {
   --theme-topbar-background-color: var(--_white-static);
   --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%);
@@ -6060,7 +5876,6 @@ body.theme-highcontrast .s-topbar {
   --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
   --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
   --theme-topbar-item-color-current: var(--_black-static);
-  --theme-topbar-item-border-current: var(--theme-primary);
   --scrollbar: hsla(0, 0%, 0%, 0.2);
 }
 body.theme-highcontrast .s-topbar__light {
@@ -6084,7 +5899,6 @@ body.theme-highcontrast .s-topbar__light {
   --theme-topbar-item-color-hover: var(--_white-static);
   --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
   --theme-topbar-item-color-current: var(--_white-static);
-  --theme-topbar-item-border-current: var(--theme-primary);
   --theme-topbar-accent-border: none;
   --scrollbar: hsla(0, 0%, 100%, 0.2);
 }
@@ -6152,7 +5966,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   border-color: transparent;
 }
 .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) {
-  color: var(--theme-topbar-item-color);
+  color: var(--theme-topbar-item-color, var(--black-400));
   display: inline-flex;
   align-items: center;
   padding: 0 calc(var(--su12) - var(--su2));
@@ -6165,8 +5979,8 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
 .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected,
 .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover,
 .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:focus {
-  color: var(--theme-topbar-item-color-hover);
-  background-color: var(--theme-topbar-item-background-hover);
+  color: var(--theme-topbar-item-color-hover, var(--black-600));
+  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
   text-decoration: none;
   outline: none;
 }
@@ -6176,7 +5990,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
 .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover .s-activity-indicator,
 .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset).is-selected:focus .s-activity-indicator {
   top: calc(50% - calc(var(--su16) + var(--su2)));
-  box-shadow: 0 0 0 var(--su-static2) var(--theme-topbar-item-background-hover);
+  box-shadow: 0 0 0 var(--su-static2) var(--theme-topbar-item-background-hover, var(--black-200));
 }
 .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) .svg-icon {
   vertical-align: text-top;
@@ -6186,7 +6000,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   top: calc(50% - calc(var(--su12) + var(--su2)));
   right: var(--su-static2);
   transition: top var(--te-smooth) 0.15s;
-  box-shadow: 0 0 0 var(--su-static2) var(--theme-topbar-background-color);
+  box-shadow: 0 0 0 var(--su-static2) var(--theme-topbar-background-color, var(--white));
 }
 .s-topbar .s-topbar--content .s-topbar--item__unset {
   align-self: center;
@@ -6202,13 +6016,13 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   flex-shrink: 0;
   border-color: transparent;
   background-color: transparent;
-  color: var(--theme-topbar-item-color);
+  color: var(--theme-topbar-item-color, var(--black-400));
 }
 .s-topbar--notice:hover,
 .s-topbar--notice:focus {
-  border-color: var(--theme-topbar-item-background-hover);
-  background-color: var(--theme-topbar-item-background-hover);
-  color: var(--theme-topbar-item-color-hover);
+  border-color: var(--theme-topbar-item-background-hover, var(--black-200));
+  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
+  color: var(--theme-topbar-item-color-hover, var(--black-600));
 }
 .s-topbar--notice.is-unread {
   border-color: var(--theme-primary);
@@ -6233,29 +6047,29 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   flex-grow: 1;
 }
 .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input {
-  border-color: var(--theme-topbar-search-border);
-  background-color: var(--theme-topbar-search-background);
+  border-color: var(--theme-topbar-search-border, var(--black-300));
+  background-color: var(--theme-topbar-search-background, var(--white));
   box-shadow: var(--theme-topbar-search-shadow);
-  color: var(--theme-topbar-search-color);
+  color: var(--theme-topbar-search-color, var(--black-500));
   display: block;
   line-height: var(--lh-sm);
 }
 .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input:focus {
-  border-color: var(--theme-topbar-search-border-focus);
-  box-shadow: var(--theme-topbar-search-shadow-focus);
+  border-color: var(--theme-topbar-search-border-focus, var(--blue-400));
+  box-shadow: var(--theme-topbar-search-shadow-focus, 0 0 0 var(--su-static4) var(--focus-ring));
 }
 .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input::placeholder {
-  color: var(--theme-topbar-search-placeholder);
+  color: var(--theme-topbar-search-placeholder, var(--black-400));
   font-style: normal;
 }
 .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input-icon {
-  color: var(--theme-topbar-search-placeholder);
+  color: var(--theme-topbar-search-placeholder, var(--black-400));
 }
 .s-topbar .s-topbar--searchbar .s-select {
   max-width: calc(var(--s-step) * 2) !important;
   align-self: stretch;
   margin-right: calc(var(--su-static1) * -1);
-  color: var(--theme-topbar-select-color);
+  color: var(--theme-topbar-select-color, var(--black-500));
 }
 .s-topbar .s-topbar--searchbar .s-select:before,
 .s-topbar .s-topbar--searchbar .s-select:after {
@@ -6266,13 +6080,13 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   border-bottom-right-radius: 0 !important;
   height: 100%;
   line-height: var(--lh-sm);
-  border-color: var(--theme-topbar-search-border);
-  background-color: var(--theme-topbar-select-background);
-  color: var(--theme-topbar-select-color);
+  border-color: var(--theme-topbar-search-border, var(--black-300));
+  background-color: var(--theme-topbar-select-background, var(--black-200));
+  color: var(--theme-topbar-select-color, var(--black-500));
 }
 .s-topbar .s-topbar--searchbar .s-select > select:focus {
-  border-color: var(--theme-topbar-search-border-focus);
-  box-shadow: var(--theme-topbar-search-shadow-focus);
+  border-color: var(--theme-topbar-search-border-focus, var(--blue-400));
+  box-shadow: var(--theme-topbar-search-shadow-focus, 0 0 0 var(--su-static4) var(--focus-ring));
   z-index: var(--zi-selected);
 }
 .s-topbar .s-topbar--searchbar .s-select + .s-topbar--searchbar--input-group > .s-input {
@@ -6288,7 +6102,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
     top: 100%;
     max-width: 100%;
     padding: var(--su8) var(--su12);
-    background: var(--theme-topbar-item-background-hover);
+    background: var(--theme-topbar-item-background-hover, var(--black-200));
   }
   .s-topbar .s-topbar--searchbar.s-topbar--searchbar__open {
     display: flex;
@@ -6309,34 +6123,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);
@@ -6488,7 +6308,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   --_uc-fc: var(--black-400);
 }
 .s-user-card.s-user-card__highlighted {
-  --_uc-bg: var(--theme-secondary-200);
+  --_uc-bg: var(--theme-secondary-100);
   --_uc-bar: var(--br-md);
   --_uc-time-fc: var(--black-500);
   --_uc-type-fc: var(--black-500);
@@ -6561,8 +6381,8 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   font-size: var(--fs-caption);
   grid-column: 1 / 3;
 }
-.s-user-card .s-user-card--type a {
-  color: inherit;
+.s-user-card .s-user-card--type a:not(.s-link) {
+  color: inherit !important;
 }
 @font-face {
   font-family: "Segoe UI Adjusted";
@@ -6815,7 +6635,7 @@ body.theme-system .theme-light__forced,
 body:not(.theme-dark) .themed,
 body.theme-dark .theme-light__forced .themed,
 body.theme-system .theme-light__forced .themed {
-  color: var(--theme-body-font-color);
+  color: var(--theme-body-font-color, var(--black-600));
   --theme-primary-color-legacy-h: var(--theme-light-primary-color-legacy-h, var(--theme-base-primary-color-legacy-h));
   --theme-primary-color-legacy-s: var(--theme-light-primary-color-legacy-s, var(--theme-base-primary-color-legacy-s));
   --theme-primary-color-legacy-l: var(--theme-light-primary-color-legacy-l, var(--theme-base-primary-color-legacy-l));
@@ -6968,7 +6788,7 @@ body.theme-dark,
 body:not(.theme-dark) .theme-dark__forced,
 body.theme-dark .themed,
 body:not(.theme-dark) .theme-dark__forced .themed {
-  color: var(--theme-body-font-color);
+  color: var(--theme-body-font-color, var(--black-600));
   --theme-primary-color-legacy-h: var(--theme-dark-primary-color-legacy-h, var(--theme-base-primary-color-legacy-h));
   --theme-primary-color-legacy-s: var(--theme-dark-primary-color-legacy-s, var(--theme-base-primary-color-legacy-s));
   --theme-primary-color-legacy-l: var(--theme-dark-primary-color-legacy-l, var(--theme-base-primary-color-legacy-l));
@@ -7119,7 +6939,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
   }
   body.theme-system,
   body.theme-system .themed {
-    color: var(--theme-body-font-color);
+    color: var(--theme-body-font-color, var(--black-600));
     --theme-primary-color-legacy-h: var(--theme-dark-primary-color-legacy-h, var(--theme-base-primary-color-legacy-h));
     --theme-primary-color-legacy-s: var(--theme-dark-primary-color-legacy-s, var(--theme-base-primary-color-legacy-s));
     --theme-primary-color-legacy-l: var(--theme-dark-primary-color-legacy-l, var(--theme-base-primary-color-legacy-l));
@@ -7575,8 +7395,24 @@ 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(0, 0%, 0%);
   --_white-static: hsl(0, 0%, 100%);
+}
+body:not(.theme-dark),
+body.theme-highcontrast:not(.theme-dark),
+body:not(.theme-highcontrast):not(.theme-dark),
+body.theme-dark .theme-light__forced,
+body.theme-highcontrast.theme-dark .theme-light__forced,
+body:not(.theme-highcontrast).theme-dark .theme-light__forced,
+body.theme-system .theme-light__forced,
+body.theme-highcontrast.theme-system .theme-light__forced,
+body:not(.theme-highcontrast).theme-system .theme-light__forced,
+body.theme-dark,
+body.theme-highcontrast.theme-dark,
+body:not(.theme-highcontrast).theme-dark,
+body:not(.theme-dark) .theme-dark__forced,
+body.theme-highcontrast:not(.theme-dark) .theme-dark__forced,
+body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced {
   --bg-error: var(--red-400);
   --bg-danger: var(--red-400);
   --bg-success: var(--green-400);
@@ -7590,73 +7426,29 @@ body {
   --fc-dark: var(--black-600);
   --fc-error: var(--red-400);
   --fc-danger: var(--red-400);
-  --fc-success: var(--green-500);
+  --fc-success: var(--green-400);
   --fc-warning: var(--yellow-500);
-  --theme-body-font-color: var(--black-600);
-  --theme-background-color: var(--white);
-  --theme-link-color: var(--theme-secondary-400);
-  --theme-link-color-hover: var(--theme-secondary-400);
-  --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-background-color: var(--theme-secondary-200);
-  --theme-button-active-background-color: var(--theme-secondary-300);
-  --theme-button-selected-color: var(--theme-secondary-600);
-  --theme-button-selected-background-color: var(--theme-secondary-300);
-  --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-selected-color: var(--white);
-  --theme-button-primary-selected-background-color: var(--theme-secondary-500);
-  --theme-button-primary-number-color: var(--theme-secondary-600);
-  --theme-button-filled-color: var(--theme-secondary-500);
-  --theme-button-filled-background-color: var(--theme-secondary-200);
-  --theme-button-filled-border-color: var(--theme-secondary-400);
-  --theme-button-filled-hover-color: var(--theme-secondary-600);
-  --theme-button-filled-hover-background-color: var(--theme-secondary-300);
-  --theme-button-filled-active-background-color: var(--theme-secondary-300);
-  --theme-button-filled-active-border-color: var(--theme-secondary-400);
-  --theme-button-filled-selected-color: var(--theme-secondary-600);
-  --theme-button-filled-selected-background-color: var(--theme-secondary-400);
-  --theme-button-filled-selected-border-color: var(--theme-secondary-400);
-  --theme-button-outlined-border-color: var(--theme-secondary-400);
-  --theme-button-outlined-selected-border-color: var(--theme-secondary-400);
-  --theme-tag-color: var(--theme-secondary-600);
-  --theme-tag-background-color: var(--theme-secondary-200);
-  --theme-tag-border-color: transparent;
-  --theme-tag-hover-color: var(--theme-secondary-600);
-  --theme-tag-hover-background-color: var(--theme-secondary-300);
-  --theme-tag-hover-border-color: transparent;
-  --theme-topbar-height: calc(var(--su-static48) + var(--su-static8));
-  --theme-topbar-background-color: var(--white);
-  --theme-topbar-search-color: var(--black-500);
-  --theme-topbar-search-background: var(--white);
-  --theme-topbar-search-placeholder: var(--black-400);
-  --theme-topbar-search-border: var(--black-300);
-  --theme-topbar-search-border-focus: var(--blue-400);
-  --theme-topbar-search-shadow-focus: 0 0 0 var(--su-static4) var(--focus-ring);
-  --theme-topbar-select-color: var(--black-500);
-  --theme-topbar-select-background: var(--black-200);
-  --theme-topbar-item-color: var(--black-500);
-  --theme-topbar-item-color-hover: var(--black-600);
-  --theme-topbar-item-background-hover: var(--black-200);
-  --theme-topbar-item-color-current: var(--black);
-  --theme-topbar-item-border-current: var(--theme-primary);
-  --theme-topbar-accent-border: 3px solid var(--theme-primary);
-  --theme-topbar-bottom-border: 1px solid var(--black-225);
-  --theme-post-title-color: var(--theme-link-color);
-  --theme-post-title-color-hover: var(--theme-link-color-hover);
-  --theme-post-title-color-visited: var(--theme-link-color-visited);
-  --theme-post-title-font-family: var(--theme-body-font-family);
-  --theme-post-body-font-family: var(--theme-body-font-family);
-}
-body,
-body.themed,
-body .themed {
-  color: var(--theme-body-font-color, var(--black-600));
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-system,
+  body.theme-highcontrast.theme-system,
+  body:not(.theme-highcontrast).theme-system {
+    --bg-error: var(--red-400);
+    --bg-danger: var(--red-400);
+    --bg-success: var(--green-400);
+    --bg-warning: var(--yellow-500);
+    --bc-error: var(--red-400);
+    --bc-danger: var(--red-400);
+    --bc-success: var(--green-400);
+    --bc-warning: var(--yellow-500);
+    --fc-light: var(--black-400);
+    --fc-medium: var(--black-500);
+    --fc-dark: var(--black-600);
+    --fc-error: var(--red-400);
+    --fc-danger: var(--red-400);
+    --fc-success: var(--green-400);
+    --fc-warning: var(--yellow-500);
+  }
 }
 body:not(.theme-highcontrast):not(.theme-dark),
 body:not(.theme-highcontrast).theme-dark .theme-light__forced,
@@ -7674,23 +7466,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(0, 0%, 0%);
   --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%);
@@ -7698,7 +7490,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --green-400: hsl(148, 70%, 31%);
   --green-500: hsl(148, 75%, 22%);
   --green-600: hsl(148, 75%, 15%);
-  --red-100: hsl(0, 78%, 96%);
+  --red-100: hsl(0, 72%, 96%);
   --red-200: hsl(0, 70%, 93%);
   --red-300: hsl(0, 65%, 76%);
   --red-400: hsl(0, 60%, 49%);
@@ -7710,6 +7502,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%);
@@ -7739,7 +7537,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --focus-ring-muted: hsla(210, 8%, 15%, 0.1);
   --highlight-addition: var(--green-500);
   --highlight-attribute: hsl(206, 98.5%, 29%);
-  --highlight-bg: var(--black-100);
+  --highlight-bg: hsl(0, 0%, 96.5%);
   --highlight-color: var(--black-600);
   --highlight-comment: hsl(210, 8%, 43.5%);
   --highlight-deletion: var(--red-500);
@@ -7779,6 +7577,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), clamp(5%, calc(var(--theme-base-secondary-color-l) + -26 * 1%), 40%));
   --theme-secondary-custom: var(--theme-secondary-custom-400);
   --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
+  color: var(--theme-body-font-color, var(--black-600));
 }
 body:not(.theme-highcontrast).theme-dark,
 body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced,
@@ -7786,49 +7585,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 +7662,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%);
@@ -7898,54 +7703,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), clamp(85%, calc(var(--theme-dark-secondary-color-l) + 20 * 1%), 95%));
   --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
   --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
+  color: var(--theme-body-font-color, var(--black-600));
 }
 @media (prefers-color-scheme: dark) {
   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 +7786,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%);
@@ -8015,6 +7827,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), clamp(85%, calc(var(--theme-dark-secondary-color-l) + 20 * 1%), 95%));
     --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
     --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
+    color: var(--theme-body-font-color, var(--black-600));
   }
 }
 body.theme-highcontrast:not(.theme-dark),
@@ -8027,34 +7840,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(0, 0%, 0%);
   --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 +7876,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 +7941,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 +8048,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 +13135,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 +14084,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 +14680,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 +20051,9 @@ p {
 .ow-normal {
   overflow-wrap: normal !important;
 }
+.ow-anywhere {
+  overflow-wrap: anywhere !important;
+}
 .ow-break-word {
   overflow-wrap: break-word !important;
 }
@@ -20706,16 +20744,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);
@@ -26150,7 +26188,7 @@ ol {
 /* stylelint-disable */
 html,
 body {
-  color: var(--theme-body-font-color);
+  color: var(--theme-body-font-color, var(--black-600));
   font-family: var(--theme-body-font-family);
   font-size: var(--fs-base);
   line-height: var(--lh-base);
@@ -26164,7 +26202,7 @@ body {
 body {
   box-sizing: border-box;
   min-height: 100%;
-  background-color: var(--theme-background-color);
+  background-color: var(--theme-background-color, var(--white));
 }
 body *,
 body *:before,