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

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 (16) hide show
  1. package/dist/css/stacks.css +138 -119
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/atomic/typography.less +2 -2
  4. package/lib/components/activity-indicator/activity-indicator.less +1 -1
  5. package/lib/components/checkbox_radio/checkbox_radio.less +14 -8
  6. package/lib/components/label/label.less +1 -1
  7. package/lib/components/toggle-switch/toggle-switch.less +8 -1
  8. package/lib/components/topbar/topbar.less +5 -5
  9. package/lib/components/uploader/uploader.less +1 -1
  10. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +60 -60
  11. package/lib/exports/__snapshots__/color.less.test.ts.snap +68 -68
  12. package/lib/exports/color-mixins.less +15 -12
  13. package/lib/exports/color-sets.less +16 -16
  14. package/lib/exports/mixins.less +36 -9
  15. package/lib/exports/v1/__snapshots__/constants-colors.less.test.ts.snap +28 -28
  16. package/package.json +1 -1
package/dist/css/stacks.css CHANGED
@@ -420,7 +420,7 @@ fieldset {
420
420
  border-radius: 1000px;
421
421
  display: inline-block;
422
422
  font-size: var(--fs-fine);
423
- font-weight: 600;
423
+ font-weight: 700;
424
424
  line-height: 1.1;
425
425
  min-width: var(--su-static12);
426
426
  min-height: var(--su-static12);
@@ -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);
@@ -2518,7 +2526,7 @@ fieldset[disabled] .s-input-message {
2518
2526
  font-size: var(--_la-fs);
2519
2527
  color: var(--fc-medium);
2520
2528
  font-family: inherit;
2521
- font-weight: 600;
2529
+ font-weight: 700;
2522
2530
  padding: 0 var(--su2);
2523
2531
  }
2524
2532
  .s-label[for] {
@@ -5654,11 +5662,22 @@ body.theme-highcontrast a.s-tag:not(.is-selected):active {
5654
5662
  }
5655
5663
  .s-toggle-switch {
5656
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");
5657
5666
  --_ts-bg-ps: left center;
5658
5667
  --_ts-bs-color: transparent;
5659
5668
  --_ts-multiple-bg: unset;
5660
5669
  --_ts-multiple-fc: var(--black-400);
5661
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
+ }
5662
5681
  fieldset[disabled] .s-toggle-switch,
5663
5682
  .s-toggle-switch[disabled],
5664
5683
  fieldset[disabled] .s-toggle-switch label,
@@ -5714,7 +5733,7 @@ input[type="checkbox"].s-toggle-switch {
5714
5733
  background-position: var(--_ts-bg-ps);
5715
5734
  box-shadow: 0 0 0 var(--su-static4) var(--_ts-bs-color);
5716
5735
  appearance: none;
5717
- 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);
5718
5737
  background-size: contain;
5719
5738
  background-repeat: no-repeat;
5720
5739
  border-radius: 1000px;
@@ -5838,7 +5857,7 @@ body.theme-highcontrast .s-topbar {
5838
5857
  transform: rotate(45deg);
5839
5858
  }
5840
5859
  .s-topbar .s-topbar--menu-btn:hover {
5841
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5860
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
5842
5861
  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5843
5862
  }
5844
5863
  .s-topbar .s-navigation .s-navigation--item:focus-visible {
@@ -5848,7 +5867,7 @@ body.theme-highcontrast .s-topbar {
5848
5867
  color: var(--theme-topbar-item-color, var(--black-400));
5849
5868
  }
5850
5869
  .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
5851
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5870
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
5852
5871
  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5853
5872
  }
5854
5873
  .s-topbar .s-popover .s-navigation .s-navigation--item:focus-visible {
@@ -5871,9 +5890,9 @@ body.theme-highcontrast .s-topbar {
5871
5890
  --theme-topbar-search-border-focus: hsl(210, 77%, 46%);
5872
5891
  --theme-topbar-search-shadow-focus: 0 0 0 var(--su-static4) var(--focus-ring);
5873
5892
  --theme-topbar-select-color: hsl(210, 8%, 25%);
5874
- --theme-topbar-select-background: hsl(210, 8%, 95%);
5875
- --theme-topbar-item-color: hsl(210, 8%, 25%);
5876
- --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%);
5877
5896
  --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5878
5897
  --theme-topbar-item-color-current: var(--_black-static);
5879
5898
  --scrollbar: hsla(0, 0%, 0%, 0.2);
@@ -6266,7 +6285,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
6266
6285
  .s-uploader .s-uploader--previews-heading {
6267
6286
  color: var(--black-600);
6268
6287
  font-size: var(--fs-body2);
6269
- font-weight: 600;
6288
+ font-weight: 700;
6270
6289
  padding-bottom: var(--su8);
6271
6290
  }
6272
6291
  .s-uploader .s-uploader--reset {
@@ -6803,13 +6822,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6803
6822
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
6804
6823
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
6805
6824
  --theme-secondary-color-legacy: hsl(var(--theme-secondary-color-legacy-h), var(--theme-secondary-color-legacy-s), var(--theme-secondary-color-legacy-l));
6806
- --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%));
6807
- --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%));
6808
- --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%));
6809
- --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%));
6810
- --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%));
6811
- --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%));
6812
- --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%));
6813
6832
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
6814
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));
6815
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));
@@ -6817,13 +6836,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6817
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));
6818
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));
6819
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));
6820
- --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%));
6821
- --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%));
6822
- --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%));
6823
- --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%));
6824
- --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%));
6825
- --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%));
6826
- --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%));
6827
6846
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
6828
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));
6829
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));
@@ -6954,13 +6973,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6954
6973
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
6955
6974
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
6956
6975
  --theme-secondary-color-legacy: hsl(var(--theme-secondary-color-legacy-h), var(--theme-secondary-color-legacy-s), var(--theme-secondary-color-legacy-l));
6957
- --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%));
6958
- --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%));
6959
- --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%));
6960
- --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%));
6961
- --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%));
6962
- --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%));
6963
- --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%));
6964
6983
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
6965
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));
6966
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));
@@ -6968,13 +6987,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6968
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));
6969
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));
6970
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));
6971
- --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%));
6972
- --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%));
6973
- --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%));
6974
- --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%));
6975
- --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%));
6976
- --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%));
6977
- --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%));
6978
6997
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
6979
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));
6980
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));
@@ -7562,19 +7581,19 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7562
7581
  --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
7563
7582
  --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
7564
7583
  --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
7565
- --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%));
7566
- --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%));
7567
- --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%));
7568
- --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%));
7569
- --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%));
7570
- --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), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * 0.9)) );
7585
+ --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)) * 0.75)) );
7586
+ --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)) * 0.5)) );
7587
+ --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), var(--theme-base-primary-color-l));
7588
+ --theme-primary-custom-500: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (var(--theme-base-primary-color-l) * -0.3)) );
7589
+ --theme-primary-custom-600: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (var(--theme-base-primary-color-l) * -0.6)) );
7571
7590
  --theme-primary-custom: var(--theme-primary-custom-400);
7572
- --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%));
7573
- --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%));
7574
- --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%));
7575
- --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%));
7576
- --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%));
7577
- --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), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * 0.9)) );
7592
+ --theme-secondary-custom-200: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * 0.75)) );
7593
+ --theme-secondary-custom-300: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * 0.5)) );
7594
+ --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l));
7595
+ --theme-secondary-custom-500: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -0.3)) );
7596
+ --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -0.6)) );
7578
7597
  --theme-secondary-custom: var(--theme-secondary-custom-400);
7579
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);
7580
7599
  color: var(--theme-body-font-color, var(--black-600));
@@ -7601,38 +7620,38 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7601
7620
  --orange-100: hsl(27, 29%, 19%);
7602
7621
  --orange-200: hsl(27, 43%, 31%);
7603
7622
  --orange-300: hsl(27, 43%, 47%);
7604
- --orange-400: hsl(27, 80%, 80%);
7605
- --orange-500: hsl(27, 80%, 88%);
7623
+ --orange-400: hsl(27, 80%, 72%);
7624
+ --orange-500: hsl(27, 80%, 83%);
7606
7625
  --orange-600: hsl(27, 80%, 93%);
7607
7626
  --blue-100: hsl(209, 29%, 19%);
7608
7627
  --blue-200: hsl(210, 29%, 35%);
7609
7628
  --blue-300: hsl(210, 29%, 50%);
7610
- --blue-400: hsl(210, 80%, 80%);
7611
- --blue-500: hsl(210, 80%, 88%);
7629
+ --blue-400: hsl(210, 80%, 75%);
7630
+ --blue-500: hsl(210, 80%, 83%);
7612
7631
  --blue-600: hsl(210, 80%, 93%);
7613
7632
  --green-100: hsl(148, 29%, 19%);
7614
7633
  --green-200: hsl(148, 29%, 27%);
7615
7634
  --green-300: hsl(148, 25%, 40%);
7616
- --green-400: hsl(148, 40%, 75%);
7617
- --green-500: hsl(148, 40%, 85%);
7635
+ --green-400: hsl(148, 40%, 68%);
7636
+ --green-500: hsl(148, 40%, 80%);
7618
7637
  --green-600: hsl(148, 40%, 93%);
7619
7638
  --red-100: hsl(358, 29%, 19%);
7620
7639
  --red-200: hsl(0, 29%, 37%);
7621
7640
  --red-300: hsl(0, 34%, 54%);
7622
- --red-400: hsl(0, 73%, 85%);
7623
- --red-500: hsl(0, 73%, 91%);
7641
+ --red-400: hsl(0, 73%, 80%);
7642
+ --red-500: hsl(0, 73%, 88%);
7624
7643
  --red-600: hsl(0, 73%, 95%);
7625
7644
  --yellow-100: hsl(43, 29%, 17%);
7626
7645
  --yellow-200: hsl(43, 29%, 25%);
7627
7646
  --yellow-300: hsl(43, 29%, 40%);
7628
7647
  --yellow-400: hsl(43, 75%, 75%);
7629
- --yellow-500: hsl(43, 75%, 85%);
7648
+ --yellow-500: hsl(43, 75%, 82%);
7630
7649
  --yellow-600: hsl(43, 75%, 91%);
7631
7650
  --purple-100: hsl(237, 25%, 24%);
7632
7651
  --purple-200: hsl(237, 27%, 38%);
7633
7652
  --purple-300: hsl(237, 32%, 56%);
7634
- --purple-400: hsl(237, 58%, 86%);
7635
- --purple-500: hsl(237, 60%, 91%);
7653
+ --purple-400: hsl(237, 60%, 82%);
7654
+ --purple-500: hsl(237, 60%, 88%);
7636
7655
  --purple-600: hsl(237, 65%, 96%);
7637
7656
  --gold-100: hsl(45, 29%, 24%);
7638
7657
  --gold-200: hsl(45, 47%, 37%);
@@ -7688,19 +7707,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7688
7707
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7689
7708
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7690
7709
  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7691
- --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%));
7692
- --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%));
7693
- --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%));
7694
- --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%));
7695
- --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%));
7696
- --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) + (var(--theme-dark-primary-color-s) * -0.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -0.7)) );
7711
+ --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) * -0.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -0.5)) );
7712
+ --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) * -0.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -0.2)) );
7713
+ --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
7714
+ --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * 0.5)) );
7715
+ --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * 0.8)) );
7697
7716
  --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
7698
- --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%));
7699
- --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%));
7700
- --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%));
7701
- --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%));
7702
- --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%));
7703
- --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) + (var(--theme-dark-secondary-color-s) * -0.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -0.7)) );
7718
+ --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -0.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -0.5)) );
7719
+ --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -0.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -0.2)) );
7720
+ --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
7721
+ --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * 0.5)) );
7722
+ --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * 0.8)) );
7704
7723
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7705
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);
7706
7725
  color: var(--theme-body-font-color, var(--black-600));
@@ -7725,38 +7744,38 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7725
7744
  --orange-100: hsl(27, 29%, 19%);
7726
7745
  --orange-200: hsl(27, 43%, 31%);
7727
7746
  --orange-300: hsl(27, 43%, 47%);
7728
- --orange-400: hsl(27, 80%, 80%);
7729
- --orange-500: hsl(27, 80%, 88%);
7747
+ --orange-400: hsl(27, 80%, 72%);
7748
+ --orange-500: hsl(27, 80%, 83%);
7730
7749
  --orange-600: hsl(27, 80%, 93%);
7731
7750
  --blue-100: hsl(209, 29%, 19%);
7732
7751
  --blue-200: hsl(210, 29%, 35%);
7733
7752
  --blue-300: hsl(210, 29%, 50%);
7734
- --blue-400: hsl(210, 80%, 80%);
7735
- --blue-500: hsl(210, 80%, 88%);
7753
+ --blue-400: hsl(210, 80%, 75%);
7754
+ --blue-500: hsl(210, 80%, 83%);
7736
7755
  --blue-600: hsl(210, 80%, 93%);
7737
7756
  --green-100: hsl(148, 29%, 19%);
7738
7757
  --green-200: hsl(148, 29%, 27%);
7739
7758
  --green-300: hsl(148, 25%, 40%);
7740
- --green-400: hsl(148, 40%, 75%);
7741
- --green-500: hsl(148, 40%, 85%);
7759
+ --green-400: hsl(148, 40%, 68%);
7760
+ --green-500: hsl(148, 40%, 80%);
7742
7761
  --green-600: hsl(148, 40%, 93%);
7743
7762
  --red-100: hsl(358, 29%, 19%);
7744
7763
  --red-200: hsl(0, 29%, 37%);
7745
7764
  --red-300: hsl(0, 34%, 54%);
7746
- --red-400: hsl(0, 73%, 85%);
7747
- --red-500: hsl(0, 73%, 91%);
7765
+ --red-400: hsl(0, 73%, 80%);
7766
+ --red-500: hsl(0, 73%, 88%);
7748
7767
  --red-600: hsl(0, 73%, 95%);
7749
7768
  --yellow-100: hsl(43, 29%, 17%);
7750
7769
  --yellow-200: hsl(43, 29%, 25%);
7751
7770
  --yellow-300: hsl(43, 29%, 40%);
7752
7771
  --yellow-400: hsl(43, 75%, 75%);
7753
- --yellow-500: hsl(43, 75%, 85%);
7772
+ --yellow-500: hsl(43, 75%, 82%);
7754
7773
  --yellow-600: hsl(43, 75%, 91%);
7755
7774
  --purple-100: hsl(237, 25%, 24%);
7756
7775
  --purple-200: hsl(237, 27%, 38%);
7757
7776
  --purple-300: hsl(237, 32%, 56%);
7758
- --purple-400: hsl(237, 58%, 86%);
7759
- --purple-500: hsl(237, 60%, 91%);
7777
+ --purple-400: hsl(237, 60%, 82%);
7778
+ --purple-500: hsl(237, 60%, 88%);
7760
7779
  --purple-600: hsl(237, 65%, 96%);
7761
7780
  --gold-100: hsl(45, 29%, 24%);
7762
7781
  --gold-200: hsl(45, 47%, 37%);
@@ -7812,19 +7831,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7812
7831
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7813
7832
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7814
7833
  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7815
- --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%));
7816
- --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%));
7817
- --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%));
7818
- --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%));
7819
- --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%));
7820
- --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) + (var(--theme-dark-primary-color-s) * -0.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -0.7)) );
7835
+ --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) * -0.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -0.5)) );
7836
+ --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) * -0.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -0.2)) );
7837
+ --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
7838
+ --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * 0.5)) );
7839
+ --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * 0.8)) );
7821
7840
  --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
7822
- --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%));
7823
- --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%));
7824
- --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%));
7825
- --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%));
7826
- --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%));
7827
- --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) + (var(--theme-dark-secondary-color-s) * -0.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -0.7)) );
7842
+ --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -0.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -0.5)) );
7843
+ --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -0.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -0.2)) );
7844
+ --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
7845
+ --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * 0.5)) );
7846
+ --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * 0.8)) );
7828
7847
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7829
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);
7830
7849
  color: var(--theme-body-font-color, var(--black-600));
@@ -7956,25 +7975,25 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7956
7975
  --orange-100: hsl(27, 29%, 19%);
7957
7976
  --orange-200: hsl(27, 29%, 19%);
7958
7977
  --orange-300: hsl(27, 80%, 64%);
7959
- --orange-400: hsl(27, 80%, 80%);
7978
+ --orange-400: hsl(27, 80%, 72%);
7960
7979
  --orange-500: hsl(27, 79%, 89%);
7961
7980
  --orange-600: hsl(27, 80%, 93%);
7962
7981
  --blue-100: hsl(209, 29%, 19%);
7963
7982
  --blue-200: hsl(209, 29%, 19%);
7964
7983
  --blue-300: hsl(210, 80%, 72%);
7965
- --blue-400: hsl(210, 80%, 80%);
7984
+ --blue-400: hsl(210, 80%, 75%);
7966
7985
  --blue-500: hsl(209, 79%, 87%);
7967
7986
  --blue-600: hsl(210, 80%, 93%);
7968
7987
  --green-100: hsl(147, 29%, 19%);
7969
7988
  --green-200: hsl(147, 29%, 19%);
7970
7989
  --green-300: hsl(148, 40%, 62%);
7971
- --green-400: hsl(148, 40%, 75%);
7990
+ --green-400: hsl(148, 40%, 68%);
7972
7991
  --green-500: hsl(148, 39%, 87%);
7973
7992
  --green-600: hsl(148, 40%, 93%);
7974
7993
  --red-100: hsl(358, 29%, 19%);
7975
7994
  --red-200: hsl(358, 29%, 19%);
7976
7995
  --red-300: hsl(0, 75%, 77%);
7977
- --red-400: hsl(0, 73%, 85%);
7996
+ --red-400: hsl(0, 73%, 80%);
7978
7997
  --red-500: hsl(0, 70%, 92%);
7979
7998
  --red-600: hsl(0, 73%, 95%);
7980
7999
  --yellow-100: hsl(43, 29%, 17%);
@@ -7986,7 +8005,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7986
8005
  --purple-100: hsl(237, 25%, 24%);
7987
8006
  --purple-200: hsl(237, 25%, 24%);
7988
8007
  --purple-300: hsl(237, 58%, 86%);
7989
- --purple-400: hsl(237, 58%, 86%);
8008
+ --purple-400: hsl(237, 60%, 82%);
7990
8009
  --purple-500: hsl(237, 65%, 96%);
7991
8010
  --purple-600: hsl(237, 65%, 96%);
7992
8011
  --gold-100: hsl(45, 22%, 25%);
@@ -8063,25 +8082,25 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8063
8082
  --orange-100: hsl(27, 29%, 19%);
8064
8083
  --orange-200: hsl(27, 29%, 19%);
8065
8084
  --orange-300: hsl(27, 80%, 64%);
8066
- --orange-400: hsl(27, 80%, 80%);
8085
+ --orange-400: hsl(27, 80%, 72%);
8067
8086
  --orange-500: hsl(27, 79%, 89%);
8068
8087
  --orange-600: hsl(27, 80%, 93%);
8069
8088
  --blue-100: hsl(209, 29%, 19%);
8070
8089
  --blue-200: hsl(209, 29%, 19%);
8071
8090
  --blue-300: hsl(210, 80%, 72%);
8072
- --blue-400: hsl(210, 80%, 80%);
8091
+ --blue-400: hsl(210, 80%, 75%);
8073
8092
  --blue-500: hsl(209, 79%, 87%);
8074
8093
  --blue-600: hsl(210, 80%, 93%);
8075
8094
  --green-100: hsl(147, 29%, 19%);
8076
8095
  --green-200: hsl(147, 29%, 19%);
8077
8096
  --green-300: hsl(148, 40%, 62%);
8078
- --green-400: hsl(148, 40%, 75%);
8097
+ --green-400: hsl(148, 40%, 68%);
8079
8098
  --green-500: hsl(148, 39%, 87%);
8080
8099
  --green-600: hsl(148, 40%, 93%);
8081
8100
  --red-100: hsl(358, 29%, 19%);
8082
8101
  --red-200: hsl(358, 29%, 19%);
8083
8102
  --red-300: hsl(0, 75%, 77%);
8084
- --red-400: hsl(0, 73%, 85%);
8103
+ --red-400: hsl(0, 73%, 80%);
8085
8104
  --red-500: hsl(0, 70%, 92%);
8086
8105
  --red-600: hsl(0, 73%, 95%);
8087
8106
  --yellow-100: hsl(43, 29%, 17%);
@@ -8093,7 +8112,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8093
8112
  --purple-100: hsl(237, 25%, 24%);
8094
8113
  --purple-200: hsl(237, 25%, 24%);
8095
8114
  --purple-300: hsl(237, 58%, 86%);
8096
- --purple-400: hsl(237, 58%, 86%);
8115
+ --purple-400: hsl(237, 60%, 82%);
8097
8116
  --purple-500: hsl(237, 65%, 96%);
8098
8117
  --purple-600: hsl(237, 65%, 96%);
8099
8118
  --gold-100: hsl(45, 22%, 25%);
@@ -19868,7 +19887,7 @@ p {
19868
19887
  }
19869
19888
  }
19870
19889
  .fs-category {
19871
- font-weight: 600;
19890
+ font-weight: 700;
19872
19891
  text-transform: uppercase;
19873
19892
  }
19874
19893
  .fs-category.has-border {
@@ -19913,7 +19932,7 @@ p {
19913
19932
  font-weight: 400 !important;
19914
19933
  }
19915
19934
  .fw-bold {
19916
- font-weight: 600 !important;
19935
+ font-weight: 700 !important;
19917
19936
  }
19918
19937
  .fs-normal {
19919
19938
  font-style: normal !important;