@stackoverflow/stacks 2.0.0-rc.10 → 2.0.0-rc.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/css/stacks.css +166 -136
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/components/badge/badge.less +10 -10
  4. package/lib/components/checkbox_radio/checkbox_radio.less +14 -8
  5. package/lib/components/code-block/code-block.a11y.test.ts +1 -1
  6. package/lib/components/input_textarea/input_textarea.a11y.test.ts +112 -0
  7. package/lib/components/input_textarea/input_textarea.visual.test.ts +98 -0
  8. package/lib/components/modal/modal.less +1 -0
  9. package/lib/components/navigation/navigation.a11y.test.ts +0 -2
  10. package/lib/components/post-summary/post-summary.less +1 -1
  11. package/lib/components/tag/tag.a11y.test.ts +7 -1
  12. package/lib/components/toggle-switch/toggle-switch.less +8 -1
  13. package/lib/components/topbar/topbar.less +30 -14
  14. package/lib/components/user-card/user-card.less +2 -2
  15. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +60 -60
  16. package/lib/exports/__snapshots__/color.less.test.ts.snap +68 -68
  17. package/lib/exports/color-mixins.less +12 -12
  18. package/lib/exports/color-sets.less +16 -16
  19. package/lib/exports/mixins.less +12 -7
  20. package/lib/exports/v1/__snapshots__/constants-colors.less.test.ts.snap +28 -28
  21. package/lib/test/test-utils.ts +1 -3
  22. package/package.json +1 -1
package/dist/css/stacks.css CHANGED
@@ -692,15 +692,15 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
692
692
  vertical-align: middle;
693
693
  white-space: nowrap;
694
694
  }
695
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__gold,
696
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__silver,
697
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__bronze,
698
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep,
699
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep-down,
700
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__votes:not(body.theme-highcontrast .s-badge__answered),
701
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__admin,
702
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__moderator,
703
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
695
+ body.theme-highcontrast .s-badge__gold,
696
+ body.theme-highcontrast .s-badge__silver,
697
+ body.theme-highcontrast .s-badge__bronze,
698
+ body.theme-highcontrast .s-badge__rep,
699
+ body.theme-highcontrast .s-badge__rep-down,
700
+ body.theme-highcontrast .s-badge__votes:not(.s-badge__answered),
701
+ body.theme-highcontrast .s-badge__admin,
702
+ body.theme-highcontrast .s-badge__moderator,
703
+ body.theme-highcontrast .s-badge__staff {
704
704
  --_ba-bc: currentColor;
705
705
  }
706
706
  .s-badge.s-badge__xs,
@@ -768,7 +768,7 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
768
768
  --_ba-fc: var(--black-500);
769
769
  }
770
770
  .s-badge.s-badge__admin {
771
- --_ba-bc: var(--theme-primary-300);
771
+ --_ba-bc: var(--theme-primary-200);
772
772
  --_ba-bg: var(--theme-primary-100);
773
773
  --_ba-fc: var(--theme-primary-500);
774
774
  }
@@ -1812,6 +1812,24 @@ input.s-radio {
1812
1812
  background-size: contain;
1813
1813
  border-radius: var(--br-sm);
1814
1814
  }
1815
+ @media (prefers-color-scheme: dark) {
1816
+ body.theme-system .s-checkbox:checked {
1817
+ --_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");
1818
+ }
1819
+ body.theme-system .s-checkbox:indeterminate {
1820
+ --_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");
1821
+ }
1822
+ }
1823
+ body.theme-dark .s-checkbox:checked,
1824
+ .theme-dark__forced .s-checkbox:checked,
1825
+ body.theme-system .theme-dark__forced .s-checkbox:checked {
1826
+ --_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");
1827
+ }
1828
+ body.theme-dark .s-checkbox:indeterminate,
1829
+ .theme-dark__forced .s-checkbox:indeterminate,
1830
+ body.theme-system .theme-dark__forced .s-checkbox:indeterminate {
1831
+ --_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");
1832
+ }
1815
1833
  @media (prefers-color-scheme: dark) {
1816
1834
  body.theme-highcontrast.theme-system .s-checkbox:checked,
1817
1835
  body.theme-highcontrast.theme-system .s-checkbox:indeterminate {
@@ -1836,10 +1854,10 @@ body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
1836
1854
  --_ch-bc-focus: var(--theme-secondary-400);
1837
1855
  }
1838
1856
  .s-checkbox:checked {
1839
- --_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='%23fff'/%3E%3C/svg%3E");
1857
+ --_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");
1840
1858
  }
1841
1859
  .s-checkbox:indeterminate {
1842
- --_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='%23fff'/%3E%3C/svg%3E");
1860
+ --_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");
1843
1861
  }
1844
1862
  .s-checkbox:focus {
1845
1863
  border-color: var(--_ch-bc-focus);
@@ -1857,16 +1875,6 @@ body.theme-highcontrast.theme-dark .s-radio:checked {
1857
1875
  --_ch-bc: var(--blue-400);
1858
1876
  outline: var(--su-static1) solid var(--black);
1859
1877
  }
1860
- @media (prefers-color-scheme: dark) {
1861
- body.theme-system .s-radio:checked {
1862
- --_ch-bg: var(--black);
1863
- }
1864
- }
1865
- body.theme-dark .s-radio:checked,
1866
- .theme-dark__forced .s-radio:checked,
1867
- body.theme-system .theme-dark__forced .s-radio:checked {
1868
- --_ch-bg: var(--black);
1869
- }
1870
1878
  .s-radio:checked {
1871
1879
  --_ch-baw: 0.30769231em;
1872
1880
  --_ch-bc: var(--theme-secondary-400);
@@ -3001,6 +3009,7 @@ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
3001
3009
  font-weight: normal;
3002
3010
  line-height: var(--lh-sm);
3003
3011
  margin-bottom: var(--su16);
3012
+ margin-right: var(--su24);
3004
3013
  }
3005
3014
  .s-navigation {
3006
3015
  --_na-fd: row;
@@ -3697,7 +3706,7 @@ body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s
3697
3706
  color: var(--white);
3698
3707
  }
3699
3708
  .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
3700
- --_ps-bg: var(--yellow-200);
3709
+ --_ps-bg: var(--yellow-100);
3701
3710
  --_ps-stats-fc: var(--black-400);
3702
3711
  --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400)));
3703
3712
  --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
@@ -5653,11 +5662,22 @@ body.theme-highcontrast a.s-tag:not(.is-selected):active {
5653
5662
  }
5654
5663
  .s-toggle-switch {
5655
5664
  --_ts-bg: var(--black-350);
5665
+ --_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");
5656
5666
  --_ts-bg-ps: left center;
5657
5667
  --_ts-bs-color: transparent;
5658
5668
  --_ts-multiple-bg: unset;
5659
5669
  --_ts-multiple-fc: var(--black-400);
5660
5670
  }
5671
+ @media (prefers-color-scheme: dark) {
5672
+ body.theme-system .s-toggle-switch {
5673
+ --_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");
5674
+ }
5675
+ }
5676
+ body.theme-dark .s-toggle-switch,
5677
+ .theme-dark__forced .s-toggle-switch,
5678
+ body.theme-system .theme-dark__forced .s-toggle-switch {
5679
+ --_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");
5680
+ }
5661
5681
  fieldset[disabled] .s-toggle-switch,
5662
5682
  .s-toggle-switch[disabled],
5663
5683
  fieldset[disabled] .s-toggle-switch label,
@@ -5713,7 +5733,7 @@ input[type="checkbox"].s-toggle-switch {
5713
5733
  background-position: var(--_ts-bg-ps);
5714
5734
  box-shadow: 0 0 0 var(--su-static4) var(--_ts-bs-color);
5715
5735
  appearance: none;
5716
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
5736
+ background-image: var(--_ts-bg-image);
5717
5737
  background-size: contain;
5718
5738
  background-repeat: no-repeat;
5719
5739
  border-radius: 1000px;
@@ -5756,12 +5776,12 @@ input[type="checkbox"].s-toggle-switch[disabled] {
5756
5776
  align-items: center;
5757
5777
  }
5758
5778
  body.theme-highcontrast .s-topbar {
5759
- --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-500));
5779
+ --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-400));
5760
5780
  --theme-topbar-search-background: var(--theme-topbar-background-color, var(--white));
5761
- --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-500));
5762
- --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-500));
5763
- --theme-topbar-search-border-focus: var(--theme-topbar-item-color, var(--black-500));
5764
- --theme-topbar-select-color: var(--theme-topbar-item-color, var(--black-500));
5781
+ --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-400));
5782
+ --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-400));
5783
+ --theme-topbar-search-border-focus: var(--theme-topbar-item-color, var(--black-400));
5784
+ --theme-topbar-select-color: var(--theme-topbar-item-color, var(--black-400));
5765
5785
  --theme-topbar-select-background: var(--theme-topbar-background-color, var(--white));
5766
5786
  --theme-topbar-item-color: var(--black-600);
5767
5787
  --theme-topbar-item-color-hover: var(--black-600);
@@ -5805,7 +5825,7 @@ body.theme-highcontrast .s-topbar {
5805
5825
  .s-topbar .s-topbar--menu-btn span:after {
5806
5826
  width: var(--su-static16);
5807
5827
  height: var(--su-static2);
5808
- background-color: var(--theme-topbar-item-color, var(--black-500));
5828
+ background-color: var(--theme-topbar-item-color, var(--black-400));
5809
5829
  position: relative;
5810
5830
  }
5811
5831
  .s-topbar .s-topbar--menu-btn span:before,
@@ -5837,19 +5857,29 @@ body.theme-highcontrast .s-topbar {
5837
5857
  transform: rotate(45deg);
5838
5858
  }
5839
5859
  .s-topbar .s-topbar--menu-btn:hover {
5840
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5860
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
5841
5861
  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5842
5862
  }
5843
5863
  .s-topbar .s-navigation .s-navigation--item:focus-visible {
5844
5864
  box-shadow: var(--theme-topbar-search-shadow-focus, 0 0 0 var(--su-static4) var(--focus-ring));
5845
5865
  }
5846
5866
  .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
5847
- color: var(--theme-topbar-item-color, var(--black-500));
5867
+ color: var(--theme-topbar-item-color, var(--black-400));
5848
5868
  }
5849
5869
  .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
5850
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5870
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
5851
5871
  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5852
5872
  }
5873
+ .s-topbar .s-popover .s-navigation .s-navigation--item:focus-visible {
5874
+ box-shadow: var(0 0 0 var(--su-static4) var(--focus-ring));
5875
+ }
5876
+ .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
5877
+ color: var(--black-500);
5878
+ }
5879
+ .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
5880
+ color: var(--black-600);
5881
+ background-color: var(--black-200);
5882
+ }
5853
5883
  .s-topbar__light {
5854
5884
  --theme-topbar-background-color: var(--_white-static);
5855
5885
  --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 85%);
@@ -5860,9 +5890,9 @@ body.theme-highcontrast .s-topbar {
5860
5890
  --theme-topbar-search-border-focus: hsl(210, 77%, 46%);
5861
5891
  --theme-topbar-search-shadow-focus: 0 0 0 var(--su-static4) var(--focus-ring);
5862
5892
  --theme-topbar-select-color: hsl(210, 8%, 25%);
5863
- --theme-topbar-select-background: hsl(210, 8%, 95%);
5864
- --theme-topbar-item-color: hsl(210, 8%, 25%);
5865
- --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
5893
+ --theme-topbar-select-background: hsl(210, 8%, 90%);
5894
+ --theme-topbar-item-color: hsl(210, 8%, 42%);
5895
+ --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
5866
5896
  --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5867
5897
  --theme-topbar-item-color-current: var(--_black-static);
5868
5898
  --scrollbar: hsla(0, 0%, 0%, 0.2);
@@ -5955,7 +5985,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
5955
5985
  border-color: transparent;
5956
5986
  }
5957
5987
  .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) {
5958
- color: var(--theme-topbar-item-color, var(--black-500));
5988
+ color: var(--theme-topbar-item-color, var(--black-400));
5959
5989
  display: inline-flex;
5960
5990
  align-items: center;
5961
5991
  padding: 0 calc(var(--su12) - var(--su2));
@@ -6005,7 +6035,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
6005
6035
  flex-shrink: 0;
6006
6036
  border-color: transparent;
6007
6037
  background-color: transparent;
6008
- color: var(--theme-topbar-item-color, var(--black-500));
6038
+ color: var(--theme-topbar-item-color, var(--black-400));
6009
6039
  }
6010
6040
  .s-topbar--notice:hover,
6011
6041
  .s-topbar--notice:focus {
@@ -6370,8 +6400,8 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
6370
6400
  font-size: var(--fs-caption);
6371
6401
  grid-column: 1 / 3;
6372
6402
  }
6373
- .s-user-card .s-user-card--type a {
6374
- color: inherit;
6403
+ .s-user-card .s-user-card--type a:not(.s-link) {
6404
+ color: inherit !important;
6375
6405
  }
6376
6406
  @font-face {
6377
6407
  font-family: "Segoe UI Adjusted";
@@ -6792,13 +6822,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6792
6822
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
6793
6823
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
6794
6824
  --theme-secondary-color-legacy: hsl(var(--theme-secondary-color-legacy-h), var(--theme-secondary-color-legacy-s), var(--theme-secondary-color-legacy-l));
6795
- --theme-primary-legacy-025: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 31%), 100%));
6796
- --theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 47%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 15%), 100%));
6797
- --theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 39%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 13%), 100%));
6798
- --theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 32%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 11%), 100%));
6799
- --theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 23%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 9%), 100%));
6800
- --theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 15%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 7%), 100%));
6801
- --theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 7%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 5%), 100%));
6825
+ --theme-primary-legacy-025: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 73.3%), calc(var(--theme-primary-color-legacy-l) - 31%));
6826
+ --theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 47%), calc(var(--theme-primary-color-legacy-l) - 15%));
6827
+ --theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 39%), calc(var(--theme-primary-color-legacy-l) - 13%));
6828
+ --theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 32%), calc(var(--theme-primary-color-legacy-l) - 11%));
6829
+ --theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 23%), calc(var(--theme-primary-color-legacy-l) - 9%));
6830
+ --theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 15%), calc(var(--theme-primary-color-legacy-l) - 7%));
6831
+ --theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 7%), calc(var(--theme-primary-color-legacy-l) - 5%));
6802
6832
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
6803
6833
  --theme-primary-legacy-400: rgb(calc(53.55 + var(--theme-primary-color-legacy-r) * 0.79), calc(53.55 + var(--theme-primary-color-legacy-g) * 0.79), calc(53.55 + var(--theme-primary-color-legacy-b) * 0.79));
6804
6834
  --theme-primary-legacy-500: rgb(calc(91.8 + var(--theme-primary-color-legacy-r) * 0.64), calc(91.8 + var(--theme-primary-color-legacy-g) * 0.64), calc(91.8 + var(--theme-primary-color-legacy-b) * 0.64));
@@ -6806,13 +6836,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6806
6836
  --theme-primary-legacy-700: rgb(calc(168.3 + var(--theme-primary-color-legacy-r) * 0.34), calc(168.3 + var(--theme-primary-color-legacy-g) * 0.34), calc(168.3 + var(--theme-primary-color-legacy-b) * 0.34));
6807
6837
  --theme-primary-legacy-800: rgb(calc(206.55 + var(--theme-primary-color-legacy-r) * 0.19), calc(206.55 + var(--theme-primary-color-legacy-g) * 0.19), calc(206.55 + var(--theme-primary-color-legacy-b) * 0.19));
6808
6838
  --theme-primary-legacy-900: rgb(calc(244.8 + var(--theme-primary-color-legacy-r) * 0.04), calc(244.8 + var(--theme-primary-color-legacy-g) * 0.04), calc(244.8 + var(--theme-primary-color-legacy-b) * 0.04));
6809
- --theme-secondary-legacy-025: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 31%), 100%));
6810
- --theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 47%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 15%), 100%));
6811
- --theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 39%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 13%), 100%));
6812
- --theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 32%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 11%), 100%));
6813
- --theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 23%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 9%), 100%));
6814
- --theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 15%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 7%), 100%));
6815
- --theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 7%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 5%), 100%));
6839
+ --theme-secondary-legacy-025: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 73.3%), calc(var(--theme-secondary-color-legacy-l) - 31%));
6840
+ --theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 47%), calc(var(--theme-secondary-color-legacy-l) - 15%));
6841
+ --theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 39%), calc(var(--theme-secondary-color-legacy-l) - 13%));
6842
+ --theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 32%), calc(var(--theme-secondary-color-legacy-l) - 11%));
6843
+ --theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 23%), calc(var(--theme-secondary-color-legacy-l) - 9%));
6844
+ --theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 15%), calc(var(--theme-secondary-color-legacy-l) - 7%));
6845
+ --theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 7%), calc(var(--theme-secondary-color-legacy-l) - 5%));
6816
6846
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
6817
6847
  --theme-secondary-legacy-400: rgb(calc(53.55 + var(--theme-secondary-color-legacy-r) * 0.79), calc(53.55 + var(--theme-secondary-color-legacy-g) * 0.79), calc(53.55 + var(--theme-secondary-color-legacy-b) * 0.79));
6818
6848
  --theme-secondary-legacy-500: rgb(calc(91.8 + var(--theme-secondary-color-legacy-r) * 0.64), calc(91.8 + var(--theme-secondary-color-legacy-g) * 0.64), calc(91.8 + var(--theme-secondary-color-legacy-b) * 0.64));
@@ -6943,13 +6973,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6943
6973
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
6944
6974
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
6945
6975
  --theme-secondary-color-legacy: hsl(var(--theme-secondary-color-legacy-h), var(--theme-secondary-color-legacy-s), var(--theme-secondary-color-legacy-l));
6946
- --theme-primary-legacy-025: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 31%), 100%));
6947
- --theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 47%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 15%), 100%));
6948
- --theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 39%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 13%), 100%));
6949
- --theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 32%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 11%), 100%));
6950
- --theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 23%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 9%), 100%));
6951
- --theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 15%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 7%), 100%));
6952
- --theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h), clamp(10%, calc(var(--theme-primary-color-legacy-s) - 7%), 90%), clamp(20%, calc(var(--theme-primary-color-legacy-l) - 5%), 100%));
6976
+ --theme-primary-legacy-025: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 73.3%), calc(var(--theme-primary-color-legacy-l) - 31%));
6977
+ --theme-primary-legacy-050: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 47%), calc(var(--theme-primary-color-legacy-l) - 15%));
6978
+ --theme-primary-legacy-075: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 39%), calc(var(--theme-primary-color-legacy-l) - 13%));
6979
+ --theme-primary-legacy-100: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 32%), calc(var(--theme-primary-color-legacy-l) - 11%));
6980
+ --theme-primary-legacy-150: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 23%), calc(var(--theme-primary-color-legacy-l) - 9%));
6981
+ --theme-primary-legacy-200: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 15%), calc(var(--theme-primary-color-legacy-l) - 7%));
6982
+ --theme-primary-legacy-300: hsl(var(--theme-primary-color-legacy-h), calc(var(--theme-primary-color-legacy-s) - 7%), calc(var(--theme-primary-color-legacy-l) - 5%));
6953
6983
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
6954
6984
  --theme-primary-legacy-400: rgb(calc(53.55 + var(--theme-primary-color-legacy-r) * 0.79), calc(53.55 + var(--theme-primary-color-legacy-g) * 0.79), calc(53.55 + var(--theme-primary-color-legacy-b) * 0.79));
6955
6985
  --theme-primary-legacy-500: rgb(calc(91.8 + var(--theme-primary-color-legacy-r) * 0.64), calc(91.8 + var(--theme-primary-color-legacy-g) * 0.64), calc(91.8 + var(--theme-primary-color-legacy-b) * 0.64));
@@ -6957,13 +6987,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6957
6987
  --theme-primary-legacy-700: rgb(calc(168.3 + var(--theme-primary-color-legacy-r) * 0.34), calc(168.3 + var(--theme-primary-color-legacy-g) * 0.34), calc(168.3 + var(--theme-primary-color-legacy-b) * 0.34));
6958
6988
  --theme-primary-legacy-800: rgb(calc(206.55 + var(--theme-primary-color-legacy-r) * 0.19), calc(206.55 + var(--theme-primary-color-legacy-g) * 0.19), calc(206.55 + var(--theme-primary-color-legacy-b) * 0.19));
6959
6989
  --theme-primary-legacy-900: rgb(calc(244.8 + var(--theme-primary-color-legacy-r) * 0.04), calc(244.8 + var(--theme-primary-color-legacy-g) * 0.04), calc(244.8 + var(--theme-primary-color-legacy-b) * 0.04));
6960
- --theme-secondary-legacy-025: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 31%), 100%));
6961
- --theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 47%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 15%), 100%));
6962
- --theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 39%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 13%), 100%));
6963
- --theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 32%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 11%), 100%));
6964
- --theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 23%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 9%), 100%));
6965
- --theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 15%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 7%), 100%));
6966
- --theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h), clamp(10%, calc(var(--theme-secondary-color-legacy-s) - 7%), 90%), clamp(20%, calc(var(--theme-secondary-color-legacy-l) - 5%), 100%));
6990
+ --theme-secondary-legacy-025: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 73.3%), calc(var(--theme-secondary-color-legacy-l) - 31%));
6991
+ --theme-secondary-legacy-050: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 47%), calc(var(--theme-secondary-color-legacy-l) - 15%));
6992
+ --theme-secondary-legacy-075: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 39%), calc(var(--theme-secondary-color-legacy-l) - 13%));
6993
+ --theme-secondary-legacy-100: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 32%), calc(var(--theme-secondary-color-legacy-l) - 11%));
6994
+ --theme-secondary-legacy-150: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 23%), calc(var(--theme-secondary-color-legacy-l) - 9%));
6995
+ --theme-secondary-legacy-200: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 15%), calc(var(--theme-secondary-color-legacy-l) - 7%));
6996
+ --theme-secondary-legacy-300: hsl(var(--theme-secondary-color-legacy-h), calc(var(--theme-secondary-color-legacy-s) - 7%), calc(var(--theme-secondary-color-legacy-l) - 5%));
6967
6997
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
6968
6998
  --theme-secondary-legacy-400: rgb(calc(53.55 + var(--theme-secondary-color-legacy-r) * 0.79), calc(53.55 + var(--theme-secondary-color-legacy-g) * 0.79), calc(53.55 + var(--theme-secondary-color-legacy-b) * 0.79));
6969
6999
  --theme-secondary-legacy-500: rgb(calc(91.8 + var(--theme-secondary-color-legacy-r) * 0.64), calc(91.8 + var(--theme-secondary-color-legacy-g) * 0.64), calc(91.8 + var(--theme-secondary-color-legacy-b) * 0.64));
@@ -7551,19 +7581,19 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7551
7581
  --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
7552
7582
  --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
7553
7583
  --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
7554
- --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), clamp(70%, calc(var(--theme-base-primary-color-l) + 50 * 1%), 95%));
7555
- --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), clamp(55%, calc(var(--theme-base-primary-color-l) + 35 * 1%), 90%));
7556
- --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), clamp(35%, calc(var(--theme-base-primary-color-l) + 15 * 1%), 75%));
7557
- --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), clamp(20%, calc(var(--theme-base-primary-color-l) + 0 * 1%), 60%));
7558
- --theme-primary-custom-500: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), clamp(13%, calc(var(--theme-base-primary-color-l) + -14 * 1%), 50%));
7559
- --theme-primary-custom-600: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), clamp(5%, calc(var(--theme-base-primary-color-l) + -26 * 1%), 40%));
7584
+ --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + 45 * 1%));
7585
+ --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + 35 * 1%));
7586
+ --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + 15 * 1%));
7587
+ --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + 0 * 1%));
7588
+ --theme-primary-custom-500: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + -14 * 1%));
7589
+ --theme-primary-custom-600: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + -22 * 1%));
7560
7590
  --theme-primary-custom: var(--theme-primary-custom-400);
7561
- --theme-secondary-custom-100: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), clamp(70%, calc(var(--theme-base-secondary-color-l) + 50 * 1%), 95%));
7562
- --theme-secondary-custom-200: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), clamp(55%, calc(var(--theme-base-secondary-color-l) + 35 * 1%), 90%));
7563
- --theme-secondary-custom-300: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), clamp(35%, calc(var(--theme-base-secondary-color-l) + 15 * 1%), 75%));
7564
- --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), clamp(20%, calc(var(--theme-base-secondary-color-l) + 0 * 1%), 60%));
7565
- --theme-secondary-custom-500: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), clamp(13%, calc(var(--theme-base-secondary-color-l) + -14 * 1%), 50%));
7566
- --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%));
7591
+ --theme-secondary-custom-100: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + 45 * 1%));
7592
+ --theme-secondary-custom-200: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + 35 * 1%));
7593
+ --theme-secondary-custom-300: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + 15 * 1%));
7594
+ --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + 0 * 1%));
7595
+ --theme-secondary-custom-500: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + -14 * 1%));
7596
+ --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + -22 * 1%));
7567
7597
  --theme-secondary-custom: var(--theme-secondary-custom-400);
7568
7598
  --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);
7569
7599
  color: var(--theme-body-font-color, var(--black-600));
@@ -7590,38 +7620,38 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7590
7620
  --orange-100: hsl(27, 29%, 19%);
7591
7621
  --orange-200: hsl(27, 43%, 31%);
7592
7622
  --orange-300: hsl(27, 43%, 47%);
7593
- --orange-400: hsl(27, 80%, 80%);
7594
- --orange-500: hsl(27, 80%, 88%);
7623
+ --orange-400: hsl(27, 80%, 72%);
7624
+ --orange-500: hsl(27, 80%, 83%);
7595
7625
  --orange-600: hsl(27, 80%, 93%);
7596
7626
  --blue-100: hsl(209, 29%, 19%);
7597
7627
  --blue-200: hsl(210, 29%, 35%);
7598
7628
  --blue-300: hsl(210, 29%, 50%);
7599
- --blue-400: hsl(210, 80%, 80%);
7600
- --blue-500: hsl(210, 80%, 88%);
7629
+ --blue-400: hsl(210, 80%, 75%);
7630
+ --blue-500: hsl(210, 80%, 83%);
7601
7631
  --blue-600: hsl(210, 80%, 93%);
7602
7632
  --green-100: hsl(148, 29%, 19%);
7603
7633
  --green-200: hsl(148, 29%, 27%);
7604
7634
  --green-300: hsl(148, 25%, 40%);
7605
- --green-400: hsl(148, 40%, 75%);
7606
- --green-500: hsl(148, 40%, 85%);
7635
+ --green-400: hsl(148, 40%, 68%);
7636
+ --green-500: hsl(148, 40%, 80%);
7607
7637
  --green-600: hsl(148, 40%, 93%);
7608
7638
  --red-100: hsl(358, 29%, 19%);
7609
7639
  --red-200: hsl(0, 29%, 37%);
7610
7640
  --red-300: hsl(0, 34%, 54%);
7611
- --red-400: hsl(0, 73%, 85%);
7612
- --red-500: hsl(0, 73%, 91%);
7641
+ --red-400: hsl(0, 73%, 80%);
7642
+ --red-500: hsl(0, 73%, 88%);
7613
7643
  --red-600: hsl(0, 73%, 95%);
7614
7644
  --yellow-100: hsl(43, 29%, 17%);
7615
7645
  --yellow-200: hsl(43, 29%, 25%);
7616
7646
  --yellow-300: hsl(43, 29%, 40%);
7617
7647
  --yellow-400: hsl(43, 75%, 75%);
7618
- --yellow-500: hsl(43, 75%, 85%);
7648
+ --yellow-500: hsl(43, 75%, 82%);
7619
7649
  --yellow-600: hsl(43, 75%, 91%);
7620
7650
  --purple-100: hsl(237, 25%, 24%);
7621
7651
  --purple-200: hsl(237, 27%, 38%);
7622
7652
  --purple-300: hsl(237, 32%, 56%);
7623
- --purple-400: hsl(237, 58%, 86%);
7624
- --purple-500: hsl(237, 60%, 91%);
7653
+ --purple-400: hsl(237, 60%, 82%);
7654
+ --purple-500: hsl(237, 60%, 88%);
7625
7655
  --purple-600: hsl(237, 65%, 96%);
7626
7656
  --gold-100: hsl(45, 29%, 24%);
7627
7657
  --gold-200: hsl(45, 47%, 37%);
@@ -7677,19 +7707,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7677
7707
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7678
7708
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7679
7709
  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7680
- --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -12 * 1%), clamp(15%, calc(var(--theme-dark-primary-color-l) + -60 * 1%), 30%));
7681
- --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -10 * 1%), clamp(25%, calc(var(--theme-dark-primary-color-l) + -45 * 1%), 45%));
7682
- --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -7 * 1%), clamp(35%, calc(var(--theme-dark-primary-color-l) + -33 * 1%), 70%));
7683
- --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), clamp(55%, calc(var(--theme-dark-primary-color-l) + 0 * 1%), 85%));
7684
- --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), clamp(70%, calc(var(--theme-dark-primary-color-l) + 10 * 1%), 90%));
7685
- --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), clamp(85%, calc(var(--theme-dark-primary-color-l) + 20 * 1%), 95%));
7710
+ --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -15 * 1%), calc(var(--theme-dark-primary-color-l) + -36 * 1%));
7711
+ --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -9 * 1%), calc(var(--theme-dark-primary-color-l) + -26 * 1%));
7712
+ --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -5 * 1%), calc(var(--theme-dark-primary-color-l) + -10 * 1%));
7713
+ --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 0 * 1%));
7714
+ --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 15 * 1%));
7715
+ --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 23 * 1%));
7686
7716
  --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
7687
- --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -12 * 1%), clamp(15%, calc(var(--theme-dark-secondary-color-l) + -60 * 1%), 30%));
7688
- --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -10 * 1%), clamp(25%, calc(var(--theme-dark-secondary-color-l) + -45 * 1%), 45%));
7689
- --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -7 * 1%), clamp(35%, calc(var(--theme-dark-secondary-color-l) + -33 * 1%), 70%));
7690
- --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), clamp(55%, calc(var(--theme-dark-secondary-color-l) + 0 * 1%), 85%));
7691
- --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), clamp(70%, calc(var(--theme-dark-secondary-color-l) + 10 * 1%), 90%));
7692
- --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%));
7717
+ --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -15 * 1%), calc(var(--theme-dark-secondary-color-l) + -36 * 1%));
7718
+ --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -9 * 1%), calc(var(--theme-dark-secondary-color-l) + -26 * 1%));
7719
+ --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -5 * 1%), calc(var(--theme-dark-secondary-color-l) + -10 * 1%));
7720
+ --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 0 * 1%));
7721
+ --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 15 * 1%));
7722
+ --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 23 * 1%));
7693
7723
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7694
7724
  --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);
7695
7725
  color: var(--theme-body-font-color, var(--black-600));
@@ -7714,38 +7744,38 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7714
7744
  --orange-100: hsl(27, 29%, 19%);
7715
7745
  --orange-200: hsl(27, 43%, 31%);
7716
7746
  --orange-300: hsl(27, 43%, 47%);
7717
- --orange-400: hsl(27, 80%, 80%);
7718
- --orange-500: hsl(27, 80%, 88%);
7747
+ --orange-400: hsl(27, 80%, 72%);
7748
+ --orange-500: hsl(27, 80%, 83%);
7719
7749
  --orange-600: hsl(27, 80%, 93%);
7720
7750
  --blue-100: hsl(209, 29%, 19%);
7721
7751
  --blue-200: hsl(210, 29%, 35%);
7722
7752
  --blue-300: hsl(210, 29%, 50%);
7723
- --blue-400: hsl(210, 80%, 80%);
7724
- --blue-500: hsl(210, 80%, 88%);
7753
+ --blue-400: hsl(210, 80%, 75%);
7754
+ --blue-500: hsl(210, 80%, 83%);
7725
7755
  --blue-600: hsl(210, 80%, 93%);
7726
7756
  --green-100: hsl(148, 29%, 19%);
7727
7757
  --green-200: hsl(148, 29%, 27%);
7728
7758
  --green-300: hsl(148, 25%, 40%);
7729
- --green-400: hsl(148, 40%, 75%);
7730
- --green-500: hsl(148, 40%, 85%);
7759
+ --green-400: hsl(148, 40%, 68%);
7760
+ --green-500: hsl(148, 40%, 80%);
7731
7761
  --green-600: hsl(148, 40%, 93%);
7732
7762
  --red-100: hsl(358, 29%, 19%);
7733
7763
  --red-200: hsl(0, 29%, 37%);
7734
7764
  --red-300: hsl(0, 34%, 54%);
7735
- --red-400: hsl(0, 73%, 85%);
7736
- --red-500: hsl(0, 73%, 91%);
7765
+ --red-400: hsl(0, 73%, 80%);
7766
+ --red-500: hsl(0, 73%, 88%);
7737
7767
  --red-600: hsl(0, 73%, 95%);
7738
7768
  --yellow-100: hsl(43, 29%, 17%);
7739
7769
  --yellow-200: hsl(43, 29%, 25%);
7740
7770
  --yellow-300: hsl(43, 29%, 40%);
7741
7771
  --yellow-400: hsl(43, 75%, 75%);
7742
- --yellow-500: hsl(43, 75%, 85%);
7772
+ --yellow-500: hsl(43, 75%, 82%);
7743
7773
  --yellow-600: hsl(43, 75%, 91%);
7744
7774
  --purple-100: hsl(237, 25%, 24%);
7745
7775
  --purple-200: hsl(237, 27%, 38%);
7746
7776
  --purple-300: hsl(237, 32%, 56%);
7747
- --purple-400: hsl(237, 58%, 86%);
7748
- --purple-500: hsl(237, 60%, 91%);
7777
+ --purple-400: hsl(237, 60%, 82%);
7778
+ --purple-500: hsl(237, 60%, 88%);
7749
7779
  --purple-600: hsl(237, 65%, 96%);
7750
7780
  --gold-100: hsl(45, 29%, 24%);
7751
7781
  --gold-200: hsl(45, 47%, 37%);
@@ -7801,19 +7831,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7801
7831
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7802
7832
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7803
7833
  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7804
- --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -12 * 1%), clamp(15%, calc(var(--theme-dark-primary-color-l) + -60 * 1%), 30%));
7805
- --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -10 * 1%), clamp(25%, calc(var(--theme-dark-primary-color-l) + -45 * 1%), 45%));
7806
- --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -7 * 1%), clamp(35%, calc(var(--theme-dark-primary-color-l) + -33 * 1%), 70%));
7807
- --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), clamp(55%, calc(var(--theme-dark-primary-color-l) + 0 * 1%), 85%));
7808
- --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), clamp(70%, calc(var(--theme-dark-primary-color-l) + 10 * 1%), 90%));
7809
- --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), clamp(85%, calc(var(--theme-dark-primary-color-l) + 20 * 1%), 95%));
7834
+ --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -15 * 1%), calc(var(--theme-dark-primary-color-l) + -36 * 1%));
7835
+ --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -9 * 1%), calc(var(--theme-dark-primary-color-l) + -26 * 1%));
7836
+ --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -5 * 1%), calc(var(--theme-dark-primary-color-l) + -10 * 1%));
7837
+ --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 0 * 1%));
7838
+ --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 15 * 1%));
7839
+ --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 23 * 1%));
7810
7840
  --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
7811
- --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -12 * 1%), clamp(15%, calc(var(--theme-dark-secondary-color-l) + -60 * 1%), 30%));
7812
- --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -10 * 1%), clamp(25%, calc(var(--theme-dark-secondary-color-l) + -45 * 1%), 45%));
7813
- --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -7 * 1%), clamp(35%, calc(var(--theme-dark-secondary-color-l) + -33 * 1%), 70%));
7814
- --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), clamp(55%, calc(var(--theme-dark-secondary-color-l) + 0 * 1%), 85%));
7815
- --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), clamp(70%, calc(var(--theme-dark-secondary-color-l) + 10 * 1%), 90%));
7816
- --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%));
7841
+ --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -15 * 1%), calc(var(--theme-dark-secondary-color-l) + -36 * 1%));
7842
+ --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -9 * 1%), calc(var(--theme-dark-secondary-color-l) + -26 * 1%));
7843
+ --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -5 * 1%), calc(var(--theme-dark-secondary-color-l) + -10 * 1%));
7844
+ --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 0 * 1%));
7845
+ --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 15 * 1%));
7846
+ --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 23 * 1%));
7817
7847
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7818
7848
  --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);
7819
7849
  color: var(--theme-body-font-color, var(--black-600));
@@ -7945,25 +7975,25 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7945
7975
  --orange-100: hsl(27, 29%, 19%);
7946
7976
  --orange-200: hsl(27, 29%, 19%);
7947
7977
  --orange-300: hsl(27, 80%, 64%);
7948
- --orange-400: hsl(27, 80%, 80%);
7978
+ --orange-400: hsl(27, 80%, 72%);
7949
7979
  --orange-500: hsl(27, 79%, 89%);
7950
7980
  --orange-600: hsl(27, 80%, 93%);
7951
7981
  --blue-100: hsl(209, 29%, 19%);
7952
7982
  --blue-200: hsl(209, 29%, 19%);
7953
7983
  --blue-300: hsl(210, 80%, 72%);
7954
- --blue-400: hsl(210, 80%, 80%);
7984
+ --blue-400: hsl(210, 80%, 75%);
7955
7985
  --blue-500: hsl(209, 79%, 87%);
7956
7986
  --blue-600: hsl(210, 80%, 93%);
7957
7987
  --green-100: hsl(147, 29%, 19%);
7958
7988
  --green-200: hsl(147, 29%, 19%);
7959
7989
  --green-300: hsl(148, 40%, 62%);
7960
- --green-400: hsl(148, 40%, 75%);
7990
+ --green-400: hsl(148, 40%, 68%);
7961
7991
  --green-500: hsl(148, 39%, 87%);
7962
7992
  --green-600: hsl(148, 40%, 93%);
7963
7993
  --red-100: hsl(358, 29%, 19%);
7964
7994
  --red-200: hsl(358, 29%, 19%);
7965
7995
  --red-300: hsl(0, 75%, 77%);
7966
- --red-400: hsl(0, 73%, 85%);
7996
+ --red-400: hsl(0, 73%, 80%);
7967
7997
  --red-500: hsl(0, 70%, 92%);
7968
7998
  --red-600: hsl(0, 73%, 95%);
7969
7999
  --yellow-100: hsl(43, 29%, 17%);
@@ -7975,7 +8005,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7975
8005
  --purple-100: hsl(237, 25%, 24%);
7976
8006
  --purple-200: hsl(237, 25%, 24%);
7977
8007
  --purple-300: hsl(237, 58%, 86%);
7978
- --purple-400: hsl(237, 58%, 86%);
8008
+ --purple-400: hsl(237, 60%, 82%);
7979
8009
  --purple-500: hsl(237, 65%, 96%);
7980
8010
  --purple-600: hsl(237, 65%, 96%);
7981
8011
  --gold-100: hsl(45, 22%, 25%);
@@ -8052,25 +8082,25 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8052
8082
  --orange-100: hsl(27, 29%, 19%);
8053
8083
  --orange-200: hsl(27, 29%, 19%);
8054
8084
  --orange-300: hsl(27, 80%, 64%);
8055
- --orange-400: hsl(27, 80%, 80%);
8085
+ --orange-400: hsl(27, 80%, 72%);
8056
8086
  --orange-500: hsl(27, 79%, 89%);
8057
8087
  --orange-600: hsl(27, 80%, 93%);
8058
8088
  --blue-100: hsl(209, 29%, 19%);
8059
8089
  --blue-200: hsl(209, 29%, 19%);
8060
8090
  --blue-300: hsl(210, 80%, 72%);
8061
- --blue-400: hsl(210, 80%, 80%);
8091
+ --blue-400: hsl(210, 80%, 75%);
8062
8092
  --blue-500: hsl(209, 79%, 87%);
8063
8093
  --blue-600: hsl(210, 80%, 93%);
8064
8094
  --green-100: hsl(147, 29%, 19%);
8065
8095
  --green-200: hsl(147, 29%, 19%);
8066
8096
  --green-300: hsl(148, 40%, 62%);
8067
- --green-400: hsl(148, 40%, 75%);
8097
+ --green-400: hsl(148, 40%, 68%);
8068
8098
  --green-500: hsl(148, 39%, 87%);
8069
8099
  --green-600: hsl(148, 40%, 93%);
8070
8100
  --red-100: hsl(358, 29%, 19%);
8071
8101
  --red-200: hsl(358, 29%, 19%);
8072
8102
  --red-300: hsl(0, 75%, 77%);
8073
- --red-400: hsl(0, 73%, 85%);
8103
+ --red-400: hsl(0, 73%, 80%);
8074
8104
  --red-500: hsl(0, 70%, 92%);
8075
8105
  --red-600: hsl(0, 73%, 95%);
8076
8106
  --yellow-100: hsl(43, 29%, 17%);
@@ -8082,7 +8112,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8082
8112
  --purple-100: hsl(237, 25%, 24%);
8083
8113
  --purple-200: hsl(237, 25%, 24%);
8084
8114
  --purple-300: hsl(237, 58%, 86%);
8085
- --purple-400: hsl(237, 58%, 86%);
8115
+ --purple-400: hsl(237, 60%, 82%);
8086
8116
  --purple-500: hsl(237, 65%, 96%);
8087
8117
  --purple-600: hsl(237, 65%, 96%);
8088
8118
  --gold-100: hsl(45, 22%, 25%);