@stackoverflow/stacks 3.0.0-beta.1 → 3.0.0-beta.2

package/dist/css/stacks.css

@@ -411,7 +411,7 @@ fieldset {
   position: relative;
 }
 .s-activity-indicator {
-  --_ai-bg: var(--theme-secondary-400);
+  --_ai-bg: var(--pink-400);
   --_ai-fc: var(--white);
   --_ai-min-size: var(--su-static16);
   --_ai-p: 0 calc(var(--su-static4) - var(--su-static1));
@@ -447,7 +447,6 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
 }
 .s-activity-indicator.s-activity-indicator__warning {
   --_ai-bg: var(--yellow-400);
-  --_ai-fc: var(--_black-static);
 }
 body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
   --_ai-bg: var(--yellow-500);
@@ -473,7 +472,7 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
   --_an-a-fc-visited: var(--red-600);
 }
 .s-anchors.s-anchors__default {
-  --_an-a-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_an-a-fc: var(--theme-link-color, var(--theme-secondary));
   --_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
   --_an-a-fc-visited: var(--theme-link-color-visited, var(--purple-500));
   --_an-a-fc-hover-visited: var(--theme-link-color-hover, var(--purple-600));
@@ -638,13 +637,13 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   display: flex;
 }
 .s-award-bling.s-award-bling__gold {
-  --_ab-before-bg: var(--gold-300);
+  --_ab-before-bg: var(--yellow-300);
 }
 .s-award-bling.s-award-bling__silver {
-  --_ab-before-bg: var(--silver-300);
+  --_ab-before-bg: var(--blue-300);
 }
 .s-award-bling.s-award-bling__bronze {
-  --_ab-before-bg: var(--bronze-300);
+  --_ab-before-bg: var(--orange-300);
 }
 .s-award-bling:before {
   background-color: var(--_ab-before-bg);
@@ -721,16 +720,16 @@ body.theme-highcontrast .s-badge__new {
   --_ba-fc: var(--black-500);
 }
 .s-badge.s-badge__gold {
-  --_ba-bc: var(--gold-300);
-  --_ba-bg: var(--gold-100);
+  --_ba-bc: var(--yellow-300);
+  --_ba-bg: var(--yellow-100);
 }
 .s-badge.s-badge__silver {
-  --_ba-bc: var(--silver-300);
-  --_ba-bg: var(--silver-100);
+  --_ba-bc: var(--blue-300);
+  --_ba-bg: var(--blue-100);
 }
 .s-badge.s-badge__bronze {
-  --_ba-bc: var(--bronze-300);
-  --_ba-bg: var(--bronze-100);
+  --_ba-bc: var(--orange-300);
+  --_ba-bg: var(--orange-100);
 }
 .s-badge.s-badge__answered,
 .s-badge.s-badge__bounty,
@@ -1346,7 +1345,7 @@ body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__mu
   outline-style: auto;
 }
 .s-btn.s-btn__link {
-  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_li-fc: var(--theme-link-color, var(--theme-secondary));
   --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
   --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
   --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
@@ -1868,33 +1867,33 @@ input.s-radio {
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-checkbox:checked {
-    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
+    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23141414'/%3E%3C/svg%3E");
   }
   body.theme-system .s-checkbox:indeterminate {
-    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
+    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23141414'/%3E%3C/svg%3E");
   }
 }
 body.theme-dark .s-checkbox:checked,
 .theme-dark__forced .s-checkbox:checked,
 body.theme-system .theme-dark__forced .s-checkbox:checked {
-  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
+  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23141414'/%3E%3C/svg%3E");
 }
 body.theme-dark .s-checkbox:indeterminate,
 .theme-dark__forced .s-checkbox:indeterminate,
 body.theme-system .theme-dark__forced .s-checkbox:indeterminate {
-  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
+  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23141414'/%3E%3C/svg%3E");
 }
 @media (prefers-color-scheme: dark) {
   body.theme-highcontrast.theme-system .s-checkbox:checked,
   body.theme-highcontrast.theme-system .s-checkbox:indeterminate {
-    --_ch-bc: var(--blue-500) !important;
-    --_ch-bg: var(--blue-400);
+    --_ch-bc: var(--black) !important;
+    --_ch-bg: var(--black);
   }
 }
 body.theme-highcontrast.theme-dark .s-checkbox:checked,
 body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
-  --_ch-bc: var(--blue-500) !important;
-  --_ch-bg: var(--blue-400);
+  --_ch-bc: var(--black) !important;
+  --_ch-bg: var(--black);
 }
 @media (forced-colors: active) {
   .s-checkbox:checked,
@@ -1904,31 +1903,31 @@ body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
 }
 .s-checkbox:checked,
 .s-checkbox:indeterminate {
-  --_ch-bc: var(--theme-secondary-400) !important;
-  --_ch-bg: var(--theme-secondary-400);
+  --_ch-bc: var(--theme-secondary) !important;
+  --_ch-bg: var(--theme-secondary);
 }
 .s-checkbox:checked {
-  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
+  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23ffffff'/%3E%3C/svg%3E");
 }
 .s-checkbox:indeterminate {
-  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
+  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23ffffff'/%3E%3C/svg%3E");
 }
 .s-radio {
   border-radius: var(--br-circle);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-highcontrast.theme-system .s-radio:checked {
-    --_ch-bc: var(--blue-400);
+    --_ch-bc: var(--black);
     outline: var(--su-static1) solid var(--black);
   }
 }
 body.theme-highcontrast.theme-dark .s-radio:checked {
-  --_ch-bc: var(--blue-400);
+  --_ch-bc: var(--black);
   outline: var(--su-static1) solid var(--black);
 }
 .s-radio:checked {
   --_ch-baw: 0.30769231em;
-  --_ch-bc: var(--theme-secondary-400);
+  --_ch-bc: var(--theme-secondary);
   --_ch-bg: var(--white);
 }
 .has-error .s-checkbox,
@@ -2647,7 +2646,7 @@ a.s-user-card--link:hover:visited {
 }
 a,
 .s-link {
-  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_li-fc: var(--theme-link-color, var(--theme-secondary));
   --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
   --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
   --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
@@ -2848,7 +2847,7 @@ body.theme-highcontrast .s-link-preview {
   font-weight: bold;
 }
 .s-link-preview a.s-link-preview--title {
-  color: var(--theme-link-color, var(--theme-secondary-400));
+  color: var(--theme-link-color, var(--theme-secondary));
   cursor: pointer;
   text-decoration: none;
 }
@@ -2927,7 +2926,7 @@ body.theme-system .theme-dark__forced .s-menu {
   margin-top: var(--su12);
 }
 .s-modal {
-  --_mo-bg: hsla(210, 8%, 5%, 0.5);
+  --_mo-bg: rgba(33, 29, 30, 0.5);
   --_mo-hmx: unset;
   --_mo-wmx: unset;
   --_mo-close-t: var(--su8);
@@ -2993,7 +2992,7 @@ body.theme-highcontrast.theme-dark .s-modal {
 }
 .s-modal.has-danger,
 .s-modal.s-modal__danger {
-  --_mo-bg: hsla(0, 65%, 4%, 0.5);
+  --_mo-bg: rgba(2, 0, 0, 0.5);
   --_mo-header-fc: var(--red-500);
 }
 .s-modal .s-modal--body {
@@ -3579,7 +3578,7 @@ body.theme-system .theme-dark__forced .s-popover {
   --_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, var(--theme-link-color, var(--theme-secondary-400))));
+  --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary))));
   --_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(--purple-500))));
   --_ps-content-title-a-fc-hover-visited: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600))));
@@ -3745,7 +3744,7 @@ body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s
 .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
   --_ps-bg: var(--yellow-100);
   --_ps-stats-fc: var(--black-400);
-  --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400)));
+  --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary)));
   --_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(--purple-500)));
   --_ps-content-title-a-fc-hover-visited: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600)));
@@ -4066,19 +4065,19 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
   --_pr-bar-bg: var(--orange-400);
 }
 .s-progress.s-progress__bronze {
-  --_pr-bar-bg: var(--bronze-100);
-  --_pr-label-bc: var(--bronze-400);
+  --_pr-bar-bg: var(--orange-100);
+  --_pr-label-bc: var(--orange-400);
 }
 .s-progress.s-progress__gold {
-  --_pr-bar-bg: var(--gold-100);
-  --_pr-label-bc: var(--gold-400);
+  --_pr-bar-bg: var(--yellow-100);
+  --_pr-label-bc: var(--yellow-400);
 }
 .s-progress.s-progress__info {
   --_pr-bar-bg: var(--blue-400);
 }
 .s-progress.s-progress__silver {
-  --_pr-bar-bg: var(--silver-100);
-  --_pr-label-bc: var(--silver-400);
+  --_pr-bar-bg: var(--blue-100);
+  --_pr-label-bc: var(--blue-400);
 }
 .s-progress.s-progress__badge,
 .s-progress.s-progress__privilege {
@@ -4181,18 +4180,18 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
   position: relative;
 }
 .s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--bar.s-progress--bar__left {
-  background: var(--theme-secondary-400);
+  background: var(--theme-secondary);
 }
 .s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--label {
   color: var(--fc-dark);
 }
 .s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--stop {
-  background: var(--theme-secondary-400);
+  background: var(--theme-secondary);
   box-shadow: 0 0 0 var(--su-static6) var(--translucent-secondary);
 }
 .s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--bar,
 .s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--stop {
-  background: var(--theme-secondary-400);
+  background: var(--theme-secondary);
 }
 .s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--label {
   color: var(--fc-dark);
@@ -5708,20 +5707,20 @@ a.s-tag:active {
 }
 .s-toggle-switch {
   --_ts-bg: var(--black-350);
-  --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(0, 0%, 100%)'/%3e%3c/svg%3e");
+  --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
   --_ts-bg-ps: left center;
   --_ts-multiple-bg: unset;
   --_ts-multiple-fc: var(--black-400);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-toggle-switch {
-    --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
+    --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23141414'/%3e%3c/svg%3e");
   }
 }
 body.theme-dark .s-toggle-switch,
 .theme-dark__forced .s-toggle-switch,
 body.theme-system .theme-dark__forced .s-toggle-switch {
-  --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
+  --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23141414'/%3e%3c/svg%3e");
 }
 fieldset[disabled] .s-toggle-switch,
 .s-toggle-switch[disabled],
@@ -5841,13 +5840,13 @@ input[type="checkbox"].s-toggle-switch[disabled] {
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-topbar.s-topbar__light {
-    --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
+    --focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
   }
 }
 body.theme-dark .s-topbar.s-topbar__light,
 .theme-dark__forced .s-topbar.s-topbar__light,
 body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
-  --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
+  --focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
 }
 body.theme-highcontrast .s-topbar {
   --_tb-notice-td: underline;
@@ -5864,30 +5863,30 @@ body.theme-highcontrast .s-topbar {
   border-bottom: var(--su-static1) solid currentColor;
 }
 body.theme-highcontrast .s-topbar.s-topbar__dark {
-  --focus-theme: hsl(210, 89%, 77%);
+  --focus-theme: #ffffff;
 }
 body.theme-highcontrast .s-topbar__dark {
   --theme-topbar-item-color: var(--_white-static);
   --theme-topbar-item-color-hover: var(--_white-static);
-  --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
+  --theme-topbar-item-background-hover: #46484d;
   --theme-topbar-item-color-current: var(--_white-static);
 }
 body.theme-highcontrast .s-topbar__dark .s-badge {
   border-color: currentColor;
 }
 body.theme-highcontrast .s-topbar__light {
-  --theme-topbar-item-color: hsl(210, 8%, 5%);
-  --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
-  --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
+  --theme-topbar-item-color: #211d1e;
+  --theme-topbar-item-color-hover: #211d1e;
+  --theme-topbar-item-background-hover: #dee0e3;
   --theme-topbar-item-color-current: var(--_black-static);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-highcontrast.theme-system .s-topbar.s-topbar__light {
-    --focus-theme: var(--blue-200);
+    --focus-theme: var(--black-200);
   }
 }
 body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
-  --focus-theme: var(--blue-200);
+  --focus-theme: var(--black-200);
 }
 @media (max-width: 640px) {
   .s-topbar {
@@ -5901,11 +5900,11 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   }
 }
 .s-topbar.s-topbar__light {
-  --focus-neutral: hsl(0, 0%, 100%);
+  --focus-neutral: #ffffff;
 }
 .s-topbar.s-topbar__dark {
-  --focus-neutral: hsl(210, 8%, 5%);
-  --focus-theme: var(--theme-dark-secondary-custom-400, hsl(210, 89%, 77%));
+  --focus-neutral: #211d1e;
+  --focus-theme: var(--theme-dark-secondary-custom-400, #ffffff);
 }
 .s-topbar:has( > .s-topbar--skip-link:focus) {
   border-top: none;
@@ -6231,33 +6230,33 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   color: var(--black-600);
 }
 .s-topbar__dark {
-  --theme-topbar-background-color: hsl(210, 8%, 5%);
-  --theme-topbar-bottom-border: var(--su-static1) solid hsl(210, 8%, 5%);
-  --theme-topbar-search-color: hsl(0, 0%, 100%);
-  --theme-topbar-search-background: hsl(210, 8%, 25%);
-  --theme-topbar-search-placeholder: hsl(210, 8%, 85%);
-  --theme-topbar-search-border: hsl(210, 8%, 45%);
-  --theme-topbar-select-color: hsl(210, 8%, 85%);
-  --theme-topbar-select-background: hsl(210, 8%, 35%);
-  --theme-topbar-item-color: hsl(210, 8%, 85%);
+  --theme-topbar-background-color: #211d1e;
+  --theme-topbar-bottom-border: var(--su-static1) solid #211d1e;
+  --theme-topbar-search-color: #ffffff;
+  --theme-topbar-search-background: #584c4f;
+  --theme-topbar-search-placeholder: #eceaea;
+  --theme-topbar-search-border: #8d7d81;
+  --theme-topbar-select-color: #eceaea;
+  --theme-topbar-select-background: #736468;
+  --theme-topbar-item-color: #d7d8db;
   --theme-topbar-item-color-hover: var(--_white-static);
-  --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
+  --theme-topbar-item-background-hover: #46484d;
   --theme-topbar-item-color-current: var(--_white-static);
   --theme-topbar-accent-border: none;
   --scrollbar: hsla(0, 0%, 100%, 0.2);
 }
 .s-topbar__light {
   --theme-topbar-background-color: var(--_white-static);
-  --theme-topbar-bottom-border: var(--su-static1) solid hsl(210, 8%, 85%);
-  --theme-topbar-search-color: hsl(210, 8%, 25%);
+  --theme-topbar-bottom-border: var(--su-static1) solid #d7d8db;
+  --theme-topbar-search-color: #46484d;
   --theme-topbar-search-background: var(--_white-static);
-  --theme-topbar-search-placeholder: hsl(210, 8%, 42%);
-  --theme-topbar-search-border: hsl(210, 9%, 75%);
-  --theme-topbar-select-color: hsl(210, 8%, 25%);
-  --theme-topbar-select-background: hsl(210, 8%, 90%);
-  --theme-topbar-item-color: hsl(210, 8%, 42%);
-  --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
-  --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
+  --theme-topbar-search-placeholder: #6b6d73;
+  --theme-topbar-search-border: #a7aab0;
+  --theme-topbar-select-color: #46484d;
+  --theme-topbar-select-background: #dee0e3;
+  --theme-topbar-item-color: #6b6d73;
+  --theme-topbar-item-color-hover: #46484d;
+  --theme-topbar-item-background-hover: #dee0e3;
   --theme-topbar-item-color-current: var(--_black-static);
   --scrollbar: hsla(0, 0%, 0%, 0.2);
 }
@@ -6593,31 +6592,31 @@ body {
   --ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
   --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
   --theme-body-font-family: var(--ff-sans);
-  --fs-fine: 11px;
-  --fs-caption: 12px;
-  --fs-body1: 13px;
-  --fs-body2: 1.15384615rem;
-  --fs-body3: 1.30769231rem;
-  --fs-subheading: 1.46153846rem;
-  --fs-title: 1.61538462rem;
-  --fs-headline1: 2.07692308rem;
-  --fs-headline2: 2.61538461rem;
-  --fs-display1: 3.30769231rem;
-  --fs-display2: 4.23076923rem;
-  --fs-display3: 5.30769231rem;
-  --fs-display4: 7.61538461rem;
-  --fs-body2-relative: 1.15384615em;
-  --fs-body3-relative: 1.30769231em;
-  --fs-subheading-relative: 1.46153846em;
-  --fs-title-relative: 1.61538462em;
-  --fs-headline1-relative: 2.07692308em;
-  --fs-headline2-relative: 2.61538461em;
-  --fs-display1-relative: 3.30769231em;
-  --fs-display2-relative: 4.23076923em;
-  --fs-display3-relative: 5.30769231em;
-  --fs-display4-relative: 7.61538461em;
-  --fs-base: 13px;
-  --stacks-internals-lh-unit: 13;
+  --fs-fine: 12px;
+  --fs-caption: 13px;
+  --fs-body1: 14px;
+  --fs-body2: 1.143rem;
+  --fs-body3: 1.286rem;
+  --fs-subheading: 1.429rem;
+  --fs-title: 1.571rem;
+  --fs-headline1: 2rem;
+  --fs-headline2: 2.571rem;
+  --fs-display1: 3.286rem;
+  --fs-display2: 4.143rem;
+  --fs-display3: 5.143rem;
+  --fs-display4: 7.143rem;
+  --fs-body2-relative: 1.143rem;
+  --fs-body3-relative: 1.286rem;
+  --fs-subheading-relative: 1.429rem;
+  --fs-title-relative: 1.571rem;
+  --fs-headline1-relative: 2rem;
+  --fs-headline2-relative: 2.571rem;
+  --fs-display1-relative: 3.286rem;
+  --fs-display2-relative: 4.143rem;
+  --fs-display3-relative: 5.143rem;
+  --fs-display4-relative: 7.143rem;
+  --fs-base: 14px;
+  --stacks-internals-lh-unit: 14;
   --lh-xs: 1;
   --lh-sm: calc((var(--stacks-internals-lh-unit) + 2) / var(--stacks-internals-lh-unit));
   --lh-md: calc((var(--stacks-internals-lh-unit) + 4) / var(--stacks-internals-lh-unit));
@@ -6643,6 +6642,8 @@ body {
   --br-md: calc(var(--su-static4) + var(--su-static6));
   --br-circle: 50%;
   --br-pill: 1000px;
+  --br-sm: var(--br-md);
+  --br-lg: var(--br-md);
   --te-smooth-slow: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   --te-smooth: cubic-bezier(0.165, 0.84, 0.44, 1);
   --te-smooth-quick: cubic-bezier(0.19, 1, 0.22, 1);
@@ -6659,8 +6660,8 @@ body {
 body {
   --_o-disabled: 0.55;
   --_o-disabled-static: 0.55;
-  --_black-static: hsl(0, 0%, 0%);
-  --_white-static: hsl(0, 0%, 100%);
+  --_black-static: #000000;
+  --_white-static: #ffffff;
 }
 body:not(.theme-dark),
 body.theme-highcontrast:not(.theme-dark),
@@ -6723,55 +6724,61 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced.themed,
 body:not(.theme-highcontrast):not(.theme-dark) .themed,
 body:not(.theme-highcontrast).theme-dark .theme-light__forced .themed,
 body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
-  --white: hsl(0, 0%, 100%);
-  --black-050: hsl(0, 0%, 100%);
-  --black-100: hsl(210, 8%, 98%);
-  --black-150: hsl(210, 8%, 95%);
-  --black-200: hsl(210, 8%, 90%);
-  --black-225: hsl(210, 8%, 85%);
-  --black-250: hsl(210, 8%, 80%);
-  --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, 0%, 0%);
-  --orange-100: hsl(23, 87%, 97%);
-  --orange-200: hsl(27, 87%, 87%);
-  --orange-300: hsl(27, 87%, 72%);
-  --orange-400: hsl(27, 89%, 48%);
-  --orange-500: hsl(27, 87%, 41%);
-  --orange-600: hsl(27, 87%, 27%);
-  --blue-100: hsl(210, 80%, 96%);
-  --blue-200: hsl(210, 80%, 91%);
-  --blue-300: hsl(210, 78%, 76%);
-  --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%);
-  --green-300: hsl(148, 35%, 69%);
-  --green-400: hsl(148, 70%, 31%);
-  --green-500: hsl(148, 75%, 22%);
-  --green-600: hsl(148, 75%, 15%);
-  --red-100: hsl(0, 72%, 96%);
-  --red-200: hsl(0, 70%, 93%);
-  --red-300: hsl(0, 66%, 80%);
-  --red-400: hsl(0, 60%, 49%);
-  --red-500: hsl(0, 65%, 37%);
-  --red-600: hsl(0, 65%, 22%);
-  --yellow-100: hsl(43, 85%, 95%);
-  --yellow-200: hsl(43, 85%, 88%);
-  --yellow-300: hsl(43, 85%, 72%);
-  --yellow-400: hsl(43, 85%, 50%);
-  --yellow-500: hsl(43, 85%, 33%);
-  --yellow-600: hsl(43, 85%, 18%);
-  --purple-100: hsl(237, 83%, 98%);
-  --purple-200: hsl(237, 78%, 93%);
-  --purple-300: hsl(237, 60%, 83%);
-  --purple-400: hsl(237, 55%, 57%);
-  --purple-500: hsl(237, 50%, 45%);
-  --purple-600: hsl(237, 50%, 32%);
+  --white: #ffffff;
+  --black-050: #ffffff;
+  --black-100: #f7f6f5;
+  --black-150: #f0efed;
+  --black-200: #dee0e3;
+  --black-225: #d7d8db;
+  --black-250: #c9ccd1;
+  --black-300: #a7aab0;
+  --black-350: #84878c;
+  --black-400: #6b6d73;
+  --black-500: #46484d;
+  --black-600: #211d1e;
+  --black: #000000;
+  --orange-100: #fff7f2;
+  --orange-200: #ffd5bd;
+  --orange-300: #f59056;
+  --orange-400: #e86113;
+  --orange-500: #bf4904;
+  --orange-600: #702d06;
+  --blue-100: #f0f3ff;
+  --blue-200: #c8d4fa;
+  --blue-300: #88a2f7;
+  --blue-400: #5076f2;
+  --blue-500: #2445b3;
+  --blue-600: #0f2466;
+  --green-100: #f4faeb;
+  --green-200: #d8f2aa;
+  --green-300: #a7cc66;
+  --green-400: #6c991f;
+  --green-500: #4d730b;
+  --green-600: #324d04;
+  --red-100: #fceded;
+  --red-200: #f5b9b8;
+  --red-300: #e67373;
+  --red-400: #bf3030;
+  --red-500: #8c0e0e;
+  --red-600: #590404;
+  --yellow-100: #fcf8e8;
+  --yellow-200: #f5ebc4;
+  --yellow-300: #edc10e;
+  --yellow-400: #ab8900;
+  --yellow-500: #806600;
+  --yellow-600: #4d3d00;
+  --purple-100: #f0edfc;
+  --purple-200: #d0c6f7;
+  --purple-300: #a591f2;
+  --purple-400: #6e50e6;
+  --purple-500: #4526bf;
+  --purple-600: #200b73;
+  --pink-100: #fbedfc;
+  --pink-200: #ebb6f2;
+  --pink-300: #e685f2;
+  --pink-400: #d64ae8;
+  --pink-500: #a224b3;
+  --pink-600: #670b73;
   --gold-100: hsl(46, 100%, 91%);
   --gold-200: hsl(46, 100%, 74%);
   --gold-300: hsl(45, 100%, 42%);
@@ -6794,14 +6801,14 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
   --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
-  --translucent-secondary: var(--theme-secondary-custom-translucent, hsla(206, 100%, 40%, 0.15));
+  --translucent-secondary: var(--theme-secondary-custom-translucent, rgba(115, 115, 115, 0.15));
   --translucent-success: hsla(140, 40%, 75%, 0.4);
   --translucent-warning: hsla(47, 79%, 58%, 0.4);
   --translucent-error: hsla(358, 62%, 47%, 0.15);
   --translucent-muted: hsla(210, 8%, 15%, 0.1);
   --focus-neutral: var(--white);
-  --focus-theme: var(--theme-secondary-400);
-  --focus-ring: var(--theme-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.15));
+  --focus-theme: var(--theme-secondary);
+  --focus-ring: var(--theme-secondary-custom-focus-ring, rgba(115, 115, 115, 0.15));
   --focus-ring-success: hsla(140, 40%, 75%, 0.4);
   --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
   --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -6826,13 +6833,13 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --theme-primary-400: var(--theme-primary-custom-400, var(--orange-400));
   --theme-primary-500: var(--theme-primary-custom-500, var(--orange-500));
   --theme-primary-600: var(--theme-primary-custom-600, var(--orange-600));
-  --theme-secondary: var(--theme-secondary-custom, var(--blue-400));
-  --theme-secondary-100: var(--theme-secondary-custom-100, var(--blue-100));
-  --theme-secondary-200: var(--theme-secondary-custom-200, var(--blue-200));
-  --theme-secondary-300: var(--theme-secondary-custom-300, var(--blue-300));
-  --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
-  --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
-  --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
+  --theme-secondary: var(--theme-secondary-custom, var(--black));
+  --theme-secondary-100: var(--theme-secondary-custom-100, var(--black-100));
+  --theme-secondary-200: var(--theme-secondary-custom-200, var(--black-200));
+  --theme-secondary-300: var(--theme-secondary-custom-300, var(--black-300));
+  --theme-secondary-400: var(--theme-secondary-custom-400, var(--black-400));
+  --theme-secondary-500: var(--theme-secondary-custom-500, var(--black-500));
+  --theme-secondary-600: var(--theme-secondary-custom-600, var(--black-600));
   --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .9)));
   --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .75)));
   --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .5)));
@@ -6857,55 +6864,61 @@ 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(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, 55%, 20%);
-  --orange-200: hsl(27, 50%, 33%);
-  --orange-300: hsl(27, 50%, 43%);
-  --orange-400: hsl(27, 90%, 68%);
-  --orange-500: hsl(27, 90%, 80%);
-  --orange-600: hsl(27, 90%, 90%);
-  --blue-100: hsl(210, 50%, 22%);
-  --blue-200: hsl(210, 50%, 36%);
-  --blue-300: hsl(210, 50%, 48%);
-  --blue-400: hsl(210, 89%, 77%);
-  --blue-500: hsl(210, 89%, 84%);
-  --blue-600: hsl(210, 89%, 92%);
-  --green-100: hsl(149, 51%, 15%);
-  --green-200: hsl(149, 51%, 25%);
-  --green-300: hsl(149, 51%, 36%);
-  --green-400: hsl(149, 50%, 62%);
-  --green-500: hsl(149, 50%, 74%);
-  --green-600: hsl(149, 50%, 88%);
-  --red-100: hsl(0, 43%, 22%);
-  --red-200: hsl(0, 43%, 41%);
-  --red-300: hsl(0, 43%, 56%);
-  --red-400: hsl(0, 90%, 81%);
-  --red-500: hsl(0, 90%, 88%);
-  --red-600: hsl(0, 90%, 94%);
-  --yellow-100: hsl(43, 50%, 17%);
-  --yellow-200: hsl(43, 50%, 28%);
-  --yellow-300: hsl(43, 50%, 39%);
-  --yellow-400: hsl(43, 90%, 75%);
-  --yellow-500: hsl(43, 90%, 82%);
-  --yellow-600: hsl(43, 90%, 91%);
-  --purple-100: hsl(237, 26%, 23%);
-  --purple-200: hsl(237, 26%, 44%);
-  --purple-300: hsl(237, 26%, 56%);
-  --purple-400: hsl(237, 98%, 87%);
-  --purple-500: hsl(237, 98%, 92%);
-  --purple-600: hsl(237, 98%, 96%);
+  --white: #141414;
+  --black-050: #141414;
+  --black-100: #262626;
+  --black-150: #333333;
+  --black-200: #575757;
+  --black-225: #666666;
+  --black-250: #737373;
+  --black-300: #8c8c8c;
+  --black-350: #a6a6a6;
+  --black-400: #d9d3ce;
+  --black-500: #f2ede9;
+  --black-600: #ffffff;
+  --black: #ffffff;
+  --orange-100: hsl(22, 80%, 25%);
+  --orange-200: hsl(22, 75%, 45%);
+  --orange-300: hsl(22, 47%, 78%);
+  --orange-400: hsl(22, 40%, 90%);
+  --orange-500: hsl(22, 30%, 99%);
+  --orange-600: hsl(22, 20%, 98%);
+  --blue-100: #22304d;
+  --blue-200: #4d6699;
+  --blue-300: #7b93e0;
+  --blue-400: #a6bbff;
+  --blue-500: #ccddff;
+  --blue-600: #e6eeff;
+  --green-100: #28380b;
+  --green-200: #5c7334;
+  --green-300: #96b364;
+  --green-400: #c4e68a;
+  --green-500: #cce6a1;
+  --green-600: #ecffcc;
+  --red-100: #330f0f;
+  --red-200: #662e2e;
+  --red-300: #b35d5d;
+  --red-400: #faafaf;
+  --red-500: #fccaca;
+  --red-600: #ffe6e6;
+  --yellow-100: #332b0a;
+  --yellow-200: #594c16;
+  --yellow-300: #a6944b;
+  --yellow-400: #e6d17e;
+  --yellow-500: #fcedb1;
+  --yellow-600: #fffae6;
+  --purple-100: #22174d;
+  --purple-200: #3d2d80;
+  --purple-300: #7262b3;
+  --purple-400: #b6a6f7;
+  --purple-500: #d2c8fa;
+  --purple-600: #e8e3fc;
+  --pink-100: #2e0a33;
+  --pink-200: #5e2466;
+  --pink-300: #bf81c7;
+  --pink-400: #f3bbfa;
+  --pink-500: #f7cffc;
+  --pink-600: #fae3fc;
   --gold-100: hsl(45, 29%, 24%);
   --gold-200: hsl(45, 47%, 37%);
   --gold-300: hsl(45, 92%, 62%);
@@ -6928,14 +6941,14 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
   --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
-  --translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
+  --translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25));
   --translucent-success: hsla(140, 40%, 75%, 0.4);
   --translucent-warning: hsla(47, 79%, 58%, 0.4);
   --translucent-error: hsla(358, 62%, 47%, 0.15);
   --translucent-muted: hsla(210, 8%, 15%, 0.1);
   --focus-neutral: var(--white);
-  --focus-theme: var(--theme-secondary-400);
-  --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
+  --focus-theme: var(--theme-secondary);
+  --focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25));
   --focus-ring-success: hsla(140, 40%, 75%, 0.4);
   --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
   --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -6960,13 +6973,13 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
   --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
   --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
-  --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
-  --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
-  --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
-  --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
-  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
-  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
-  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
+  --theme-secondary: var(--theme-dark-secondary-custom, var(--black));
+  --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100));
+  --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200));
+  --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300));
+  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400));
+  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500));
+  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600));
   --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
   --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
   --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
@@ -6989,55 +7002,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   body:not(.theme-highcontrast).theme-system,
   body:not(.theme-highcontrast).theme-system.themed,
   body:not(.theme-highcontrast).theme-system .themed {
-    --white: hsl(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, 55%, 20%);
-    --orange-200: hsl(27, 50%, 33%);
-    --orange-300: hsl(27, 50%, 43%);
-    --orange-400: hsl(27, 90%, 68%);
-    --orange-500: hsl(27, 90%, 80%);
-    --orange-600: hsl(27, 90%, 90%);
-    --blue-100: hsl(210, 50%, 22%);
-    --blue-200: hsl(210, 50%, 36%);
-    --blue-300: hsl(210, 50%, 48%);
-    --blue-400: hsl(210, 89%, 77%);
-    --blue-500: hsl(210, 89%, 84%);
-    --blue-600: hsl(210, 89%, 92%);
-    --green-100: hsl(149, 51%, 15%);
-    --green-200: hsl(149, 51%, 25%);
-    --green-300: hsl(149, 51%, 36%);
-    --green-400: hsl(149, 50%, 62%);
-    --green-500: hsl(149, 50%, 74%);
-    --green-600: hsl(149, 50%, 88%);
-    --red-100: hsl(0, 43%, 22%);
-    --red-200: hsl(0, 43%, 41%);
-    --red-300: hsl(0, 43%, 56%);
-    --red-400: hsl(0, 90%, 81%);
-    --red-500: hsl(0, 90%, 88%);
-    --red-600: hsl(0, 90%, 94%);
-    --yellow-100: hsl(43, 50%, 17%);
-    --yellow-200: hsl(43, 50%, 28%);
-    --yellow-300: hsl(43, 50%, 39%);
-    --yellow-400: hsl(43, 90%, 75%);
-    --yellow-500: hsl(43, 90%, 82%);
-    --yellow-600: hsl(43, 90%, 91%);
-    --purple-100: hsl(237, 26%, 23%);
-    --purple-200: hsl(237, 26%, 44%);
-    --purple-300: hsl(237, 26%, 56%);
-    --purple-400: hsl(237, 98%, 87%);
-    --purple-500: hsl(237, 98%, 92%);
-    --purple-600: hsl(237, 98%, 96%);
+    --white: #141414;
+    --black-050: #141414;
+    --black-100: #262626;
+    --black-150: #333333;
+    --black-200: #575757;
+    --black-225: #666666;
+    --black-250: #737373;
+    --black-300: #8c8c8c;
+    --black-350: #a6a6a6;
+    --black-400: #d9d3ce;
+    --black-500: #f2ede9;
+    --black-600: #ffffff;
+    --black: #ffffff;
+    --orange-100: hsl(22, 80%, 25%);
+    --orange-200: hsl(22, 75%, 45%);
+    --orange-300: hsl(22, 47%, 78%);
+    --orange-400: hsl(22, 40%, 90%);
+    --orange-500: hsl(22, 30%, 99%);
+    --orange-600: hsl(22, 20%, 98%);
+    --blue-100: #22304d;
+    --blue-200: #4d6699;
+    --blue-300: #7b93e0;
+    --blue-400: #a6bbff;
+    --blue-500: #ccddff;
+    --blue-600: #e6eeff;
+    --green-100: #28380b;
+    --green-200: #5c7334;
+    --green-300: #96b364;
+    --green-400: #c4e68a;
+    --green-500: #cce6a1;
+    --green-600: #ecffcc;
+    --red-100: #330f0f;
+    --red-200: #662e2e;
+    --red-300: #b35d5d;
+    --red-400: #faafaf;
+    --red-500: #fccaca;
+    --red-600: #ffe6e6;
+    --yellow-100: #332b0a;
+    --yellow-200: #594c16;
+    --yellow-300: #a6944b;
+    --yellow-400: #e6d17e;
+    --yellow-500: #fcedb1;
+    --yellow-600: #fffae6;
+    --purple-100: #22174d;
+    --purple-200: #3d2d80;
+    --purple-300: #7262b3;
+    --purple-400: #b6a6f7;
+    --purple-500: #d2c8fa;
+    --purple-600: #e8e3fc;
+    --pink-100: #2e0a33;
+    --pink-200: #5e2466;
+    --pink-300: #bf81c7;
+    --pink-400: #f3bbfa;
+    --pink-500: #f7cffc;
+    --pink-600: #fae3fc;
     --gold-100: hsl(45, 29%, 24%);
     --gold-200: hsl(45, 47%, 37%);
     --gold-300: hsl(45, 92%, 62%);
@@ -7060,14 +7079,14 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
     --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
     --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
-    --translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
+    --translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25));
     --translucent-success: hsla(140, 40%, 75%, 0.4);
     --translucent-warning: hsla(47, 79%, 58%, 0.4);
     --translucent-error: hsla(358, 62%, 47%, 0.15);
     --translucent-muted: hsla(210, 8%, 15%, 0.1);
     --focus-neutral: var(--white);
-    --focus-theme: var(--theme-secondary-400);
-    --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
+    --focus-theme: var(--theme-secondary);
+    --focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25));
     --focus-ring-success: hsla(140, 40%, 75%, 0.4);
     --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
     --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -7092,13 +7111,13 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
     --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
     --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
-    --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
-    --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
-    --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
-    --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
-    --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
-    --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
-    --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
+    --theme-secondary: var(--theme-dark-secondary-custom, var(--black));
+    --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100));
+    --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200));
+    --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300));
+    --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400));
+    --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500));
+    --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600));
     --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
     --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
     --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
@@ -7121,55 +7140,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
 body.theme-highcontrast:not(.theme-dark),
 body.theme-highcontrast.theme-dark .theme-light__forced,
 body.theme-highcontrast.theme-system .theme-light__forced {
-  --white: hsl(0, 0%, 100%);
-  --black-050: hsl(0, 0%, 100%);
-  --black-100: hsl(210, 8%, 98%);
-  --black-150: hsl(210, 8%, 95%);
-  --black-200: hsl(210, 8%, 90%);
-  --black-225: hsl(210, 8%, 85%);
-  --black-250: hsl(210, 8%, 80%);
-  --black-300: hsl(210, 9%, 75%);
-  --black-350: 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, 0%, 0%);
-  --orange-100: hsl(23, 87%, 97%);
-  --orange-200: hsl(23, 87%, 97%);
-  --orange-300: hsl(27, 89%, 48%);
-  --orange-400: hsl(27, 87%, 29%);
-  --orange-500: hsl(27, 87%, 21%);
-  --orange-600: hsl(27, 87%, 21%);
-  --blue-100: hsl(210, 80%, 96%);
-  --blue-200: hsl(210, 80%, 96%);
-  --blue-300: 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, 75%, 22%);
-  --green-500: hsl(146, 74%, 15%);
-  --green-600: hsl(146, 74%, 15%);
-  --red-100: hsl(0, 80%, 96%);
-  --red-200: hsl(0, 80%, 96%);
-  --red-300: hsl(0, 60%, 49%);
-  --red-400: hsl(0, 65%, 37%);
-  --red-500: hsl(0, 65%, 22%);
-  --red-600: hsl(0, 65%, 22%);
-  --yellow-100: hsl(41, 85%, 95%);
-  --yellow-200: hsl(41, 85%, 95%);
-  --yellow-300: hsl(43, 85%, 50%);
-  --yellow-400: hsl(43, 85%, 50%);
-  --yellow-500: hsl(48, 85%, 18%);
-  --yellow-600: hsl(48, 85%, 18%);
-  --purple-100: hsl(237, 83%, 98%);
-  --purple-200: hsl(237, 83%, 98%);
-  --purple-300: hsl(237, 55%, 57%);
-  --purple-400: hsl(237, 52%, 48%);
-  --purple-500: hsl(237, 50%, 32%);
-  --purple-600: hsl(237, 50%, 32%);
+  --white: #ffffff;
+  --black-050: #ffffff;
+  --black-100: #f7f6f5;
+  --black-150: #f0efed;
+  --black-200: #dee1e3;
+  --black-225: #d7d8db;
+  --black-250: #c9ccd1;
+  --black-300: #91939c;
+  --black-350: #55585c;
+  --black-400: #545759;
+  --black-500: #46484d;
+  --black-600: #211d1e;
+  --black: #000000;
+  --orange-100: #fff7f2;
+  --orange-200: #fff7f2;
+  --orange-300: #e86113;
+  --orange-400: #963903;
+  --orange-500: #702d06;
+  --orange-600: #702d06;
+  --blue-100: #f0f3ff;
+  --blue-200: #f0f3ff;
+  --blue-300: #5076f2;
+  --blue-400: #2445b3;
+  --blue-500: #0f2466;
+  --blue-600: #0f2466;
+  --green-100: #f4faeb;
+  --green-200: #f4faeb;
+  --green-300: #72a120;
+  --green-400: #406107;
+  --green-500: #324d04;
+  --green-600: #324d04;
+  --red-100: #fceded;
+  --red-200: #fceded;
+  --red-300: #bf3030;
+  --red-400: #8c0e0e;
+  --red-500: #590404;
+  --red-600: #590404;
+  --yellow-100: #fcf8e8;
+  --yellow-200: #fcf8e8;
+  --yellow-300: #ccab29;
+  --yellow-400: #6b5600;
+  --yellow-500: #4d3d00;
+  --yellow-600: #4d3d00;
+  --purple-100: #f0edfc;
+  --purple-200: #f0edfc;
+  --purple-300: #6e50e6;
+  --purple-400: #4526bf;
+  --purple-500: #200b73;
+  --purple-600: #200b73;
+  --pink-100: #fbedfc;
+  --pink-200: #fbedfc;
+  --pink-300: #d017e8;
+  --pink-400: #8b1f99;
+  --pink-500: #670b73;
+  --pink-600: #670b73;
   --gold-100: hsl(46, 100%, 91%);
   --gold-200: hsl(46, 100%, 91%);
   --gold-300: hsl(45, 100%, 42%);
@@ -7192,14 +7217,14 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --bs-md: none;
   --bs-lg: none;
   --bs-xl: none;
-  --translucent-secondary: hsla(206, 100%, 40%, 0.9);
+  --translucent-secondary: hsla(204, 6%, 35%, 0.9);
   --translucent-success: hsla(140, 40%, 40%, 0.9);
   --translucent-warning: hsla(47, 76%, 46%, 0.9);
   --translucent-error: hsla(358, 62%, 47%, 0.9);
   --translucent-muted: hsla(210, 8%, 55%, 0.95);
   --focus-neutral: var(--white);
-  --focus-theme: var(--theme-secondary-400);
-  --focus-ring: hsla(206, 100%, 40%, 0.9);
+  --focus-theme: var(--theme-secondary);
+  --focus-ring: rgba(115, 115, 115, 0.9);
   --focus-ring-success: hsla(140, 40%, 40%, 0.9);
   --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
   --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7224,66 +7249,72 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --theme-primary-400: var(--orange-400);
   --theme-primary-500: var(--orange-500);
   --theme-primary-600: var(--orange-600);
-  --theme-secondary: var(--blue-400);
-  --theme-secondary-100: var(--blue-100);
-  --theme-secondary-200: var(--blue-200);
-  --theme-secondary-300: var(--blue-300);
-  --theme-secondary-400: var(--blue-400);
-  --theme-secondary-500: var(--blue-500);
-  --theme-secondary-600: var(--blue-600);
+  --theme-secondary: var(--black);
+  --theme-secondary-100: var(--black-100);
+  --theme-secondary-200: var(--black-200);
+  --theme-secondary-300: var(--black-300);
+  --theme-secondary-400: var(--black-400);
+  --theme-secondary-500: var(--black-500);
+  --theme-secondary-600: var(--black-600);
   --_o-disabled: 0.8;
 }
 body.theme-highcontrast.theme-dark,
 body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
-  --white: hsl(0, 0%, 0%);
-  --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, 30%, 19%);
-  --orange-200: hsl(27, 30%, 19%);
-  --orange-300: hsl(27, 80%, 72%);
-  --orange-400: hsl(27, 80%, 72%);
-  --orange-500: hsl(28, 78%, 93%);
-  --orange-600: hsl(28, 78%, 93%);
-  --blue-100: hsl(209, 30%, 19%);
-  --blue-200: hsl(209, 30%, 19%);
-  --blue-300: hsl(210, 80%, 72%);
-  --blue-400: hsl(210, 80%, 75%);
-  --blue-500: hsl(210, 78%, 93%);
-  --blue-600: hsl(210, 78%, 93%);
-  --green-100: hsl(147, 30%, 19%);
-  --green-200: hsl(147, 30%, 19%);
-  --green-300: hsl(148, 40%, 62%);
-  --green-400: hsl(148, 40%, 68%);
-  --green-500: hsl(150, 39%, 93%);
-  --green-600: hsl(150, 39%, 93%);
-  --red-100: hsl(358, 30%, 19%);
-  --red-200: hsl(358, 30%, 19%);
-  --red-300: hsl(0, 75%, 77%);
-  --red-400: hsl(0, 73%, 80%);
-  --red-500: hsl(0, 76%, 95%);
-  --red-600: hsl(0, 76%, 95%);
-  --yellow-100: hsl(43, 29%, 17%);
-  --yellow-200: hsl(43, 29%, 17%);
-  --yellow-300: hsl(43, 75%, 75%);
-  --yellow-400: hsl(43, 75%, 75%);
-  --yellow-500: hsl(48, 74%, 91%);
-  --yellow-600: hsl(44, 74%, 91%);
-  --purple-100: hsl(237, 26%, 23%);
-  --purple-200: hsl(237, 26%, 23%);
-  --purple-300: hsl(237, 98%, 87%);
-  --purple-400: hsl(237, 98%, 87%);
-  --purple-500: hsl(237, 98%, 96%);
-  --purple-600: hsl(237, 98%, 96%);
+  --white: #000000;
+  --black-050: #141414;
+  --black-100: #262626;
+  --black-150: #333333;
+  --black-200: #575757;
+  --black-225: #666666;
+  --black-250: #737373;
+  --black-300: #8c8c8c;
+  --black-350: #a6a6a6;
+  --black-400: #d9d3ce;
+  --black-500: #f2ede9;
+  --black-600: #ffffff;
+  --black: #ffffff;
+  --orange-100: #401f0d;
+  --orange-200: #401f0d;
+  --orange-300: #994f25;
+  --orange-400: #e6ab8a;
+  --orange-500: #fadac8;
+  --orange-600: #fadac8;
+  --blue-100: #22304d;
+  --blue-200: #22304d;
+  --blue-300: #4d6699;
+  --blue-400: #a6c3ff;
+  --blue-500: #e6eeff;
+  --blue-600: #e6eeff;
+  --green-100: #28380b;
+  --green-200: #28380b;
+  --green-300: #5c7334;
+  --green-400: #96b364;
+  --green-500: #ecffcc;
+  --green-600: #ecffcc;
+  --red-100: #330f0f;
+  --red-200: #330f0f;
+  --red-300: #faafaf;
+  --red-400: #fccaca;
+  --red-500: #ffe6e6;
+  --red-600: #ffe6e6;
+  --yellow-100: #332b0a;
+  --yellow-200: #332b0a;
+  --yellow-300: #594c16;
+  --yellow-400: #e6d17e;
+  --yellow-500: #fffae6;
+  --yellow-600: #fffae6;
+  --purple-100: #22174d;
+  --purple-200: #22174d;
+  --purple-300: #3d2d80;
+  --purple-400: #7262b3;
+  --purple-500: #e8e3fc;
+  --purple-600: #e8e3fc;
+  --pink-100: #2e0a33;
+  --pink-200: #2e0a33;
+  --pink-300: #5e2466;
+  --pink-400: #c58fcc;
+  --pink-500: #fae3fc;
+  --pink-600: #fae3fc;
   --gold-100: hsl(45, 22%, 25%);
   --gold-200: hsl(45, 22%, 25%);
   --gold-300: hsl(45, 92%, 62%);
@@ -7306,14 +7337,14 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --bs-md: none;
   --bs-lg: none;
   --bs-xl: none;
-  --translucent-secondary: hsla(206, 100%, 40%, 0.9);
+  --translucent-secondary: hsla(204, 6%, 35%, 0.9);
   --translucent-success: hsla(140, 40%, 40%, 0.9);
   --translucent-warning: hsla(47, 76%, 46%, 0.9);
   --translucent-error: hsla(358, 62%, 47%, 0.9);
   --translucent-muted: hsla(210, 8%, 55%, 0.95);
   --focus-neutral: var(--white);
-  --focus-theme: var(--theme-secondary-400);
-  --focus-ring: hsla(206, 100%, 40%, 0.9);
+  --focus-theme: var(--theme-secondary);
+  --focus-ring: rgba(115, 115, 115, 0.9);
   --focus-ring-success: hsla(140, 40%, 40%, 0.9);
   --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
   --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7338,66 +7369,72 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --theme-primary-400: var(--orange-400);
   --theme-primary-500: var(--orange-500);
   --theme-primary-600: var(--orange-600);
-  --theme-secondary: var(--blue-400);
-  --theme-secondary-100: var(--blue-100);
-  --theme-secondary-200: var(--blue-200);
-  --theme-secondary-300: var(--blue-300);
-  --theme-secondary-400: var(--blue-400);
-  --theme-secondary-500: var(--blue-500);
-  --theme-secondary-600: var(--blue-600);
+  --theme-secondary: var(--black);
+  --theme-secondary-100: var(--black-100);
+  --theme-secondary-200: var(--black-200);
+  --theme-secondary-300: var(--black-300);
+  --theme-secondary-400: var(--black-400);
+  --theme-secondary-500: var(--black-500);
+  --theme-secondary-600: var(--black-600);
   --_o-disabled: 0.8;
 }
 @media (prefers-color-scheme: dark) {
   body.theme-highcontrast.theme-system {
-    --white: hsl(0, 0%, 0%);
-    --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, 30%, 19%);
-    --orange-200: hsl(27, 30%, 19%);
-    --orange-300: hsl(27, 80%, 72%);
-    --orange-400: hsl(27, 80%, 72%);
-    --orange-500: hsl(28, 78%, 93%);
-    --orange-600: hsl(28, 78%, 93%);
-    --blue-100: hsl(209, 30%, 19%);
-    --blue-200: hsl(209, 30%, 19%);
-    --blue-300: hsl(210, 80%, 72%);
-    --blue-400: hsl(210, 80%, 75%);
-    --blue-500: hsl(210, 78%, 93%);
-    --blue-600: hsl(210, 78%, 93%);
-    --green-100: hsl(147, 30%, 19%);
-    --green-200: hsl(147, 30%, 19%);
-    --green-300: hsl(148, 40%, 62%);
-    --green-400: hsl(148, 40%, 68%);
-    --green-500: hsl(150, 39%, 93%);
-    --green-600: hsl(150, 39%, 93%);
-    --red-100: hsl(358, 30%, 19%);
-    --red-200: hsl(358, 30%, 19%);
-    --red-300: hsl(0, 75%, 77%);
-    --red-400: hsl(0, 73%, 80%);
-    --red-500: hsl(0, 76%, 95%);
-    --red-600: hsl(0, 76%, 95%);
-    --yellow-100: hsl(43, 29%, 17%);
-    --yellow-200: hsl(43, 29%, 17%);
-    --yellow-300: hsl(43, 75%, 75%);
-    --yellow-400: hsl(43, 75%, 75%);
-    --yellow-500: hsl(48, 74%, 91%);
-    --yellow-600: hsl(44, 74%, 91%);
-    --purple-100: hsl(237, 26%, 23%);
-    --purple-200: hsl(237, 26%, 23%);
-    --purple-300: hsl(237, 98%, 87%);
-    --purple-400: hsl(237, 98%, 87%);
-    --purple-500: hsl(237, 98%, 96%);
-    --purple-600: hsl(237, 98%, 96%);
+    --white: #000000;
+    --black-050: #141414;
+    --black-100: #262626;
+    --black-150: #333333;
+    --black-200: #575757;
+    --black-225: #666666;
+    --black-250: #737373;
+    --black-300: #8c8c8c;
+    --black-350: #a6a6a6;
+    --black-400: #d9d3ce;
+    --black-500: #f2ede9;
+    --black-600: #ffffff;
+    --black: #ffffff;
+    --orange-100: #401f0d;
+    --orange-200: #401f0d;
+    --orange-300: #994f25;
+    --orange-400: #e6ab8a;
+    --orange-500: #fadac8;
+    --orange-600: #fadac8;
+    --blue-100: #22304d;
+    --blue-200: #22304d;
+    --blue-300: #4d6699;
+    --blue-400: #a6c3ff;
+    --blue-500: #e6eeff;
+    --blue-600: #e6eeff;
+    --green-100: #28380b;
+    --green-200: #28380b;
+    --green-300: #5c7334;
+    --green-400: #96b364;
+    --green-500: #ecffcc;
+    --green-600: #ecffcc;
+    --red-100: #330f0f;
+    --red-200: #330f0f;
+    --red-300: #faafaf;
+    --red-400: #fccaca;
+    --red-500: #ffe6e6;
+    --red-600: #ffe6e6;
+    --yellow-100: #332b0a;
+    --yellow-200: #332b0a;
+    --yellow-300: #594c16;
+    --yellow-400: #e6d17e;
+    --yellow-500: #fffae6;
+    --yellow-600: #fffae6;
+    --purple-100: #22174d;
+    --purple-200: #22174d;
+    --purple-300: #3d2d80;
+    --purple-400: #7262b3;
+    --purple-500: #e8e3fc;
+    --purple-600: #e8e3fc;
+    --pink-100: #2e0a33;
+    --pink-200: #2e0a33;
+    --pink-300: #5e2466;
+    --pink-400: #c58fcc;
+    --pink-500: #fae3fc;
+    --pink-600: #fae3fc;
     --gold-100: hsl(45, 22%, 25%);
     --gold-200: hsl(45, 22%, 25%);
     --gold-300: hsl(45, 92%, 62%);
@@ -7420,14 +7457,14 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --bs-md: none;
     --bs-lg: none;
     --bs-xl: none;
-    --translucent-secondary: hsla(206, 100%, 40%, 0.9);
+    --translucent-secondary: hsla(204, 6%, 35%, 0.9);
     --translucent-success: hsla(140, 40%, 40%, 0.9);
     --translucent-warning: hsla(47, 76%, 46%, 0.9);
     --translucent-error: hsla(358, 62%, 47%, 0.9);
     --translucent-muted: hsla(210, 8%, 55%, 0.95);
     --focus-neutral: var(--white);
-    --focus-theme: var(--theme-secondary-400);
-    --focus-ring: hsla(206, 100%, 40%, 0.9);
+    --focus-theme: var(--theme-secondary);
+    --focus-ring: rgba(115, 115, 115, 0.9);
     --focus-ring-success: hsla(140, 40%, 40%, 0.9);
     --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
     --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7452,13 +7489,13 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --theme-primary-400: var(--orange-400);
     --theme-primary-500: var(--orange-500);
     --theme-primary-600: var(--orange-600);
-    --theme-secondary: var(--blue-400);
-    --theme-secondary-100: var(--blue-100);
-    --theme-secondary-200: var(--blue-200);
-    --theme-secondary-300: var(--blue-300);
-    --theme-secondary-400: var(--blue-400);
-    --theme-secondary-500: var(--blue-500);
-    --theme-secondary-600: var(--blue-600);
+    --theme-secondary: var(--black);
+    --theme-secondary-100: var(--black-100);
+    --theme-secondary-200: var(--black-200);
+    --theme-secondary-300: var(--black-300);
+    --theme-secondary-400: var(--black-400);
+    --theme-secondary-500: var(--black-500);
+    --theme-secondary-600: var(--black-600);
     --_o-disabled: 0.8;
   }
 }
@@ -8581,6 +8618,114 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
 .f\:fc-purple-600:focus-within {
   color: var(--purple-600) !important;
 }
+.bg-pink-100,
+.h\:bg-pink-100:hover,
+.f\:bg-pink-100:focus,
+.f\:bg-pink-100:focus-within {
+  background-color: var(--pink-100) !important;
+}
+.bc-pink-100,
+.h\:bc-pink-100:hover,
+.f\:bc-pink-100:focus,
+.f\:bc-pink-100:focus-within {
+  border-color: var(--pink-100) !important;
+}
+.fc-pink-100,
+.h\:fc-pink-100:hover,
+.f\:fc-pink-100:focus,
+.f\:fc-pink-100:focus-within {
+  color: var(--pink-100) !important;
+}
+.bg-pink-200,
+.h\:bg-pink-200:hover,
+.f\:bg-pink-200:focus,
+.f\:bg-pink-200:focus-within {
+  background-color: var(--pink-200) !important;
+}
+.bc-pink-200,
+.h\:bc-pink-200:hover,
+.f\:bc-pink-200:focus,
+.f\:bc-pink-200:focus-within {
+  border-color: var(--pink-200) !important;
+}
+.fc-pink-200,
+.h\:fc-pink-200:hover,
+.f\:fc-pink-200:focus,
+.f\:fc-pink-200:focus-within {
+  color: var(--pink-200) !important;
+}
+.bg-pink-300,
+.h\:bg-pink-300:hover,
+.f\:bg-pink-300:focus,
+.f\:bg-pink-300:focus-within {
+  background-color: var(--pink-300) !important;
+}
+.bc-pink-300,
+.h\:bc-pink-300:hover,
+.f\:bc-pink-300:focus,
+.f\:bc-pink-300:focus-within {
+  border-color: var(--pink-300) !important;
+}
+.fc-pink-300,
+.h\:fc-pink-300:hover,
+.f\:fc-pink-300:focus,
+.f\:fc-pink-300:focus-within {
+  color: var(--pink-300) !important;
+}
+.bg-pink-400,
+.h\:bg-pink-400:hover,
+.f\:bg-pink-400:focus,
+.f\:bg-pink-400:focus-within {
+  background-color: var(--pink-400) !important;
+}
+.bc-pink-400,
+.h\:bc-pink-400:hover,
+.f\:bc-pink-400:focus,
+.f\:bc-pink-400:focus-within {
+  border-color: var(--pink-400) !important;
+}
+.fc-pink-400,
+.h\:fc-pink-400:hover,
+.f\:fc-pink-400:focus,
+.f\:fc-pink-400:focus-within {
+  color: var(--pink-400) !important;
+}
+.bg-pink-500,
+.h\:bg-pink-500:hover,
+.f\:bg-pink-500:focus,
+.f\:bg-pink-500:focus-within {
+  background-color: var(--pink-500) !important;
+}
+.bc-pink-500,
+.h\:bc-pink-500:hover,
+.f\:bc-pink-500:focus,
+.f\:bc-pink-500:focus-within {
+  border-color: var(--pink-500) !important;
+}
+.fc-pink-500,
+.h\:fc-pink-500:hover,
+.f\:fc-pink-500:focus,
+.f\:fc-pink-500:focus-within {
+  color: var(--pink-500) !important;
+}
+.bg-pink-600,
+.h\:bg-pink-600:hover,
+.f\:bg-pink-600:focus,
+.f\:bg-pink-600:focus-within {
+  background-color: var(--pink-600) !important;
+}
+.bc-pink-600,
+.h\:bc-pink-600:hover,
+.f\:bc-pink-600:focus,
+.f\:bc-pink-600:focus-within {
+  border-color: var(--pink-600) !important;
+}
+.fc-pink-600,
+.h\:fc-pink-600:hover,
+.f\:fc-pink-600:focus,
+.f\:fc-pink-600:focus-within {
+  color: var(--pink-600) !important;
+}
 .bg-gold-100,
 .h\:bg-gold-100:hover,
 .f\:bg-gold-100:focus,
@@ -9458,6 +9603,42 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   body.theme-system  .d\:fc-purple-600 {
     color: var(--purple-600) !important;
   }
+  body.theme-system  .d\:bg-pink-100 {
+    background-color: var(--pink-100) !important;
+  }
+  body.theme-system  .d\:fc-pink-100 {
+    color: var(--pink-100) !important;
+  }
+  body.theme-system  .d\:bg-pink-200 {
+    background-color: var(--pink-200) !important;
+  }
+  body.theme-system  .d\:fc-pink-200 {
+    color: var(--pink-200) !important;
+  }
+  body.theme-system  .d\:bg-pink-300 {
+    background-color: var(--pink-300) !important;
+  }
+  body.theme-system  .d\:fc-pink-300 {
+    color: var(--pink-300) !important;
+  }
+  body.theme-system  .d\:bg-pink-400 {
+    background-color: var(--pink-400) !important;
+  }
+  body.theme-system  .d\:fc-pink-400 {
+    color: var(--pink-400) !important;
+  }
+  body.theme-system  .d\:bg-pink-500 {
+    background-color: var(--pink-500) !important;
+  }
+  body.theme-system  .d\:fc-pink-500 {
+    color: var(--pink-500) !important;
+  }
+  body.theme-system  .d\:bg-pink-600 {
+    background-color: var(--pink-600) !important;
+  }
+  body.theme-system  .d\:fc-pink-600 {
+    color: var(--pink-600) !important;
+  }
   body.theme-system  .d\:bg-gold-100 {
     background-color: var(--gold-100) !important;
   }
@@ -10078,6 +10259,66 @@ body.theme-dark  .d\:fc-purple-600,
 body.theme-system .theme-dark__forced  .d\:fc-purple-600 {
   color: var(--purple-600) !important;
 }
+body.theme-dark  .d\:bg-pink-100,
+.theme-dark__forced  .d\:bg-pink-100,
+body.theme-system .theme-dark__forced  .d\:bg-pink-100 {
+  background-color: var(--pink-100) !important;
+}
+body.theme-dark  .d\:fc-pink-100,
+.theme-dark__forced  .d\:fc-pink-100,
+body.theme-system .theme-dark__forced  .d\:fc-pink-100 {
+  color: var(--pink-100) !important;
+}
+body.theme-dark  .d\:bg-pink-200,
+.theme-dark__forced  .d\:bg-pink-200,
+body.theme-system .theme-dark__forced  .d\:bg-pink-200 {
+  background-color: var(--pink-200) !important;
+}
+body.theme-dark  .d\:fc-pink-200,
+.theme-dark__forced  .d\:fc-pink-200,
+body.theme-system .theme-dark__forced  .d\:fc-pink-200 {
+  color: var(--pink-200) !important;
+}
+body.theme-dark  .d\:bg-pink-300,
+.theme-dark__forced  .d\:bg-pink-300,
+body.theme-system .theme-dark__forced  .d\:bg-pink-300 {
+  background-color: var(--pink-300) !important;
+}
+body.theme-dark  .d\:fc-pink-300,
+.theme-dark__forced  .d\:fc-pink-300,
+body.theme-system .theme-dark__forced  .d\:fc-pink-300 {
+  color: var(--pink-300) !important;
+}
+body.theme-dark  .d\:bg-pink-400,
+.theme-dark__forced  .d\:bg-pink-400,
+body.theme-system .theme-dark__forced  .d\:bg-pink-400 {
+  background-color: var(--pink-400) !important;
+}
+body.theme-dark  .d\:fc-pink-400,
+.theme-dark__forced  .d\:fc-pink-400,
+body.theme-system .theme-dark__forced  .d\:fc-pink-400 {
+  color: var(--pink-400) !important;
+}
+body.theme-dark  .d\:bg-pink-500,
+.theme-dark__forced  .d\:bg-pink-500,
+body.theme-system .theme-dark__forced  .d\:bg-pink-500 {
+  background-color: var(--pink-500) !important;
+}
+body.theme-dark  .d\:fc-pink-500,
+.theme-dark__forced  .d\:fc-pink-500,
+body.theme-system .theme-dark__forced  .d\:fc-pink-500 {
+  color: var(--pink-500) !important;
+}
+body.theme-dark  .d\:bg-pink-600,
+.theme-dark__forced  .d\:bg-pink-600,
+body.theme-system .theme-dark__forced  .d\:bg-pink-600 {
+  background-color: var(--pink-600) !important;
+}
+body.theme-dark  .d\:fc-pink-600,
+.theme-dark__forced  .d\:fc-pink-600,
+body.theme-system .theme-dark__forced  .d\:fc-pink-600 {
+  color: var(--pink-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 {
@@ -15201,8 +15442,7 @@ p {
 .fs-body1 {
   font-size: var(--fs-body1) !important;
 }
-.fs-caption,
-.fs-category {
+.fs-caption {
   font-size: var(--fs-caption) !important;
 }
 .fs-fine {
@@ -15210,45 +15450,36 @@ p {
 }
 @media (max-width: 640px) {
   html  .fs-display4 {
-    font-size: 3.8rem !important;
+    font-size: calc(var(--fs-display4) * 0.43) !important;
   }
   html  .fs-display3 {
-    font-size: 3.3rem !important;
+    font-size: calc(var(--fs-display3) * 0.5139) !important;
   }
   html  .fs-display2 {
-    font-size: 3rem !important;
+    font-size: calc(var(--fs-display2) * 0.5862) !important;
   }
   html  .fs-display1 {
-    font-size: 2.6rem !important;
+    font-size: calc(var(--fs-display1) * 0.6304) !important;
   }
   html  .fs-headline2 {
-    font-size: 2.3rem !important;
+    font-size: calc(var(--fs-headline2) * 0.7224) !important;
   }
   html  .fs-headline1 {
-    font-size: 2rem !important;
+    font-size: calc(var(--fs-headline1) * 0.8215) !important;
   }
   html  .fs-title {
-    font-size: 1.8rem !important;
+    font-size: calc(var(--fs-title) * 0.9094) !important;
   }
   html  .fs-subheading {
-    font-size: 1.6rem !important;
+    font-size: calc(var(--fs-subheading) * 0.8998) !important;
   }
   html  .fs-body3 {
-    font-size: 1.4rem !important;
+    font-size: calc(var(--fs-body3) * 0.8888) !important;
   }
   html  .fs-body2 {
-    font-size: 1.3rem !important;
+    font-size: calc(var(--fs-body2) * 0.9374) !important;
   }
 }
-.fs-category {
-  font-weight: 700;
-  text-transform: uppercase;
-}
-.fs-category.has-border {
-  width: 100%;
-  padding: var(--su4) 0;
-  border-top: var(--su-static1) solid var(--bc-medium);
-}
 .lh-xs {
   line-height: var(--lh-xs) !important;
 }
@@ -15285,8 +15516,11 @@ p {
 .fw-normal {
   font-weight: 400 !important;
 }
+.fw-medium {
+  font-weight: 500 !important;
+}
 .fw-bold {
-  font-weight: 700 !important;
+  font-weight: 600 !important;
 }
 .fs-normal {
   font-style: normal !important;
@@ -16139,22 +16373,22 @@ ol {
   box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
 }
 .bs-sm.bs-hover:hover {
-  box-shadow: 0 var(--su-static2) var(--su-static8) hsl(210, 8%, 95%) !important;
+  box-shadow: 0 var(--su-static2) var(--su-static8) #f0efed !important;
 }
 .bs-md.bs-hover:hover {
-  box-shadow: 0 var(--su-static4) var(--su-static8) hsl(210, 8%, 85%) !important;
+  box-shadow: 0 var(--su-static4) var(--su-static8) #d7d8db !important;
 }
 .bs-lg.bs-hover:hover {
-  box-shadow: 0 var(--su-static4) var(--su-static12) hsla(210, 8%, 68%, 0.7) !important;
+  box-shadow: 0 var(--su-static4) var(--su-static12) rgba(132, 135, 140, 0.7) !important;
 }
 .bs-i-sm.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 9%, 75%, 0.75) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 rgba(167, 170, 176, 0.75) !important;
 }
 .bs-i-md.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 8%, 68%, 0.8) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 rgba(132, 135, 140, 0.8) !important;
 }
 .bs-i-lg.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 hsl(210, 8%, 68%) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 #84878c !important;
 }
 .t {
   transition-duration: var(--transition-time);
@@ -22956,12 +23190,6 @@ body {
   font-size: var(--fs-base);
   line-height: var(--lh-base);
 }
-@media (max-width: 640px) {
-  html ,
-  html  body {
-    font-size: 11px;
-  }
-}
 body {
   box-sizing: border-box;
   min-height: 100%;