@stackoverflow/stacks 2.0.0-rc.9 → 2.0.1

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 (35) hide show
  1. package/dist/css/stacks.css +268 -233
  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/badge/badge.less +10 -10
  6. package/lib/components/checkbox_radio/checkbox_radio.less +14 -8
  7. package/lib/components/code-block/code-block.a11y.test.ts +1 -1
  8. package/lib/components/input-fill/input-fill.a11y.test.ts +22 -0
  9. package/lib/components/input-fill/input-fill.visual.test.ts +22 -0
  10. package/lib/components/input-message/input-message.a11y.test.ts +58 -0
  11. package/lib/components/input-message/input-message.visual.test.ts +59 -0
  12. package/lib/components/input_textarea/input_textarea.a11y.test.ts +112 -0
  13. package/lib/components/input_textarea/input_textarea.visual.test.ts +98 -0
  14. package/lib/components/label/label.less +1 -1
  15. package/lib/components/link-preview/link-preview.less +2 -2
  16. package/lib/components/modal/modal.less +1 -0
  17. package/lib/components/navigation/navigation.a11y.test.ts +0 -2
  18. package/lib/components/page-title/page-title.a11y.test.ts +29 -0
  19. package/lib/components/page-title/page-title.visual.test.ts +59 -0
  20. package/lib/components/post-summary/post-summary.less +5 -5
  21. package/lib/components/tag/tag.a11y.test.ts +29 -0
  22. package/lib/components/tag/tag.less +31 -17
  23. package/lib/components/tag/tag.visual.test.ts +46 -0
  24. package/lib/components/toggle-switch/toggle-switch.less +8 -1
  25. package/lib/components/topbar/topbar.less +30 -14
  26. package/lib/components/uploader/uploader.less +1 -1
  27. package/lib/components/user-card/user-card.less +2 -2
  28. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +62 -62
  29. package/lib/exports/__snapshots__/color.less.test.ts.snap +137 -137
  30. package/lib/exports/color-mixins.less +15 -12
  31. package/lib/exports/color-sets.less +56 -56
  32. package/lib/exports/mixins.less +3 -14
  33. package/lib/exports/v1/__snapshots__/constants-colors.less.test.ts.snap +28 -28
  34. package/lib/test/test-utils.ts +1 -3
  35. package/package.json +9 -9
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);
@@ -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);
@@ -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] {
@@ -2814,7 +2822,7 @@ body.theme-highcontrast .s-link-preview {
2814
2822
  .s-link-preview a.s-link-preview--title:hover,
2815
2823
  .s-link-preview a.s-link-preview--title:active.s-link__visited,
2816
2824
  .s-link-preview a.s-link-preview--title:hover.s-link__visited {
2817
- color: var(--theme-link-color-hover, var(--theme-secondary-400));
2825
+ color: var(--theme-link-color-hover, var(--theme-secondary-500));
2818
2826
  }
2819
2827
  .s-link-preview a.s-link-preview--title:active,
2820
2828
  .s-link-preview a.s-link-preview--title:hover,
@@ -2831,7 +2839,7 @@ body.theme-highcontrast .s-link-preview a.s-link-preview--title.s-link__visited:
2831
2839
  text-decoration: underline;
2832
2840
  }
2833
2841
  .s-link-preview a.s-link-preview--title.s-link__visited:visited {
2834
- color: var(--theme-link-color, var(--theme-secondary-400));
2842
+ color: var(--theme-link-color, var(--theme-secondary-600));
2835
2843
  }
2836
2844
  .s-link-preview .s-link-preview--url {
2837
2845
  max-width: 100%;
@@ -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;
@@ -3547,8 +3556,8 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
3547
3556
  --_ps-o: unset;
3548
3557
  --_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
3549
3558
  --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400))));
3550
- --_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-400))));
3551
- --_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--theme-secondary-500))));
3559
+ --_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500))));
3560
+ --_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--theme-secondary-600))));
3552
3561
  --_ps-stats-ai: flex-end;
3553
3562
  --_ps-stats-fc: var(--_ps-state-fc, var(--fc-light));
3554
3563
  --_ps-stats-fd: column;
@@ -3697,11 +3706,11 @@ 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
- --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-400)));
3704
- --_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--theme-secondary-500)));
3712
+ --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
3713
+ --_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--theme-secondary-600)));
3705
3714
  }
3706
3715
  .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card a {
3707
3716
  color: var(--_ps-content-title-a-fc);
@@ -5434,14 +5443,14 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
5434
5443
  .s-tag {
5435
5444
  --_ta-bc: var(--theme-tag-border-color, transparent);
5436
5445
  --_ta-bc-hover: var(--theme-tag-hover-border-color, transparent);
5437
- --_ta-bc-selected: transparent;
5446
+ --_ta-bc-selected: var(--theme-tag-selected-border-color, transparent);
5438
5447
  --_ta-bg: var(--theme-tag-background-color, var(--theme-secondary-100));
5439
5448
  --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--theme-secondary-200));
5440
- --_ta-bg-selected: var(--theme-secondary-300);
5441
- --_ta-br: var(--br-sm);
5449
+ --_ta-bg-selected: var(--theme-tag-selected-background-color, var(--theme-secondary-300));
5442
5450
  --_ta-fc: var(--theme-tag-color, var(--theme-secondary-500));
5443
5451
  --_ta-fc-hover: var(--theme-tag-hover-color, var(--theme-secondary-600));
5444
- --_ta-fc-selected: var(--theme-secondary-600);
5452
+ --_ta-fc-selected: var(--theme-tag-selected-color, var(--theme-secondary-600));
5453
+ --_ta-br: var(--br-sm);
5445
5454
  --_ta-fs: var(--fs-caption);
5446
5455
  --_ta-lh: 1.84615385;
5447
5456
  --_ta-pl: var(--_ta-px);
@@ -5465,6 +5474,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
5465
5474
  }
5466
5475
  body.theme-highcontrast .s-tag {
5467
5476
  --_ta-bc: currentColor;
5477
+ --_ta-bg-selected: var(--theme-secondary-400);
5468
5478
  text-decoration: none;
5469
5479
  }
5470
5480
  .s-tag.is-selected,
@@ -5481,7 +5491,8 @@ body.theme-highcontrast a.s-tag.is-selected,
5481
5491
  body.theme-highcontrast a.s-tag.is-selected:active,
5482
5492
  body.theme-highcontrast a.s-tag.is-selected:hover,
5483
5493
  body.theme-highcontrast a.s-tag.is-selected:focus {
5484
- border-color: currentColor;
5494
+ --_ta-bc-selected: transparent;
5495
+ --_ta-fc-selected: var(--white);
5485
5496
  }
5486
5497
  .s-tag.s-tag__xs {
5487
5498
  --_ta-fs: var(--fs-fine);
@@ -5534,16 +5545,19 @@ body.theme-highcontrast a.s-tag.is-selected:focus {
5534
5545
  --_ta-before-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
5535
5546
  }
5536
5547
  .s-tag.s-tag__moderator {
5537
- --_ta-bc: transparent;
5548
+ --_ta-bc: var(--orange-200);
5538
5549
  --_ta-bg: var(--orange-100);
5539
5550
  --_ta-fc: var(--orange-500);
5540
- --_ta-bc-hover: transparent;
5551
+ --_ta-bc-hover: var(--orange-300);
5541
5552
  --_ta-bg-hover: var(--orange-200);
5542
5553
  --_ta-fc-hover: var(--orange-600);
5543
- --_ta-bc-selected: transparent;
5554
+ --_ta-bc-selected: var(--orange-400);
5544
5555
  --_ta-bg-selected: var(--orange-300);
5545
5556
  --_ta-fc-selected: var(--orange-600);
5546
5557
  }
5558
+ body.theme-highcontrast .s-tag.s-tag__moderator {
5559
+ --_ta-bg-selected: var(--orange-500);
5560
+ }
5547
5561
  .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
5548
5562
  --_ta-bc: transparent;
5549
5563
  --_ta-bg: var(--black-150);
@@ -5559,15 +5573,15 @@ body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__r
5559
5573
  --_ta-bc: currentColor;
5560
5574
  }
5561
5575
  .s-tag.s-tag__required:not(.s-tag__moderator) {
5562
- --_ta-bc: transparent;
5563
- --_ta-bg: var(--theme-secondary-500);
5564
- --_ta-fc: var(--white);
5565
- --_ta-bc-hover: transparent;
5566
- --_ta-bg-hover: var(--theme-secondary-400);
5567
- --_ta-fc-hover: var(--white);
5568
- --_ta-bc-selected: transparent;
5569
- --_ta-bg-selected: var(--theme-secondary-600);
5570
- --_ta-fc-selected: var(--white);
5576
+ --_ta-bc: var(--theme-tag-required-border-color, transparent);
5577
+ --_ta-bc-hover: var(--theme-tag-required-hover-border-color, transparent);
5578
+ --_ta-bc-selected: var(--theme-tag-required-selected-border-color, transparent);
5579
+ --_ta-bg: var(--theme-tag-required-background-color, var(--theme-secondary-500));
5580
+ --_ta-bg-hover: var(--theme-tag-required-hover-background-color var(--theme-secondary-400));
5581
+ --_ta-bg-selected: var(--theme-tag-required-selected-background-color, var(--theme-secondary-600));
5582
+ --_ta-fc: var(--theme-tag-required-color, var(--white));
5583
+ --_ta-fc-hover: var(--theme-tag-required-hover-color, var(--white));
5584
+ --_ta-fc-selected: var(--theme-tag-required-selected-color, var(--white));
5571
5585
  }
5572
5586
  .s-tag__watched,
5573
5587
  .s-tag.s-tag__watched {
@@ -5653,11 +5667,22 @@ body.theme-highcontrast a.s-tag:not(.is-selected):active {
5653
5667
  }
5654
5668
  .s-toggle-switch {
5655
5669
  --_ts-bg: var(--black-350);
5670
+ --_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
5671
  --_ts-bg-ps: left center;
5657
5672
  --_ts-bs-color: transparent;
5658
5673
  --_ts-multiple-bg: unset;
5659
5674
  --_ts-multiple-fc: var(--black-400);
5660
5675
  }
5676
+ @media (prefers-color-scheme: dark) {
5677
+ body.theme-system .s-toggle-switch {
5678
+ --_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");
5679
+ }
5680
+ }
5681
+ body.theme-dark .s-toggle-switch,
5682
+ .theme-dark__forced .s-toggle-switch,
5683
+ body.theme-system .theme-dark__forced .s-toggle-switch {
5684
+ --_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");
5685
+ }
5661
5686
  fieldset[disabled] .s-toggle-switch,
5662
5687
  .s-toggle-switch[disabled],
5663
5688
  fieldset[disabled] .s-toggle-switch label,
@@ -5713,7 +5738,7 @@ input[type="checkbox"].s-toggle-switch {
5713
5738
  background-position: var(--_ts-bg-ps);
5714
5739
  box-shadow: 0 0 0 var(--su-static4) var(--_ts-bs-color);
5715
5740
  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");
5741
+ background-image: var(--_ts-bg-image);
5717
5742
  background-size: contain;
5718
5743
  background-repeat: no-repeat;
5719
5744
  border-radius: 1000px;
@@ -5756,12 +5781,12 @@ input[type="checkbox"].s-toggle-switch[disabled] {
5756
5781
  align-items: center;
5757
5782
  }
5758
5783
  body.theme-highcontrast .s-topbar {
5759
- --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-500));
5784
+ --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-400));
5760
5785
  --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));
5786
+ --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-400));
5787
+ --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-400));
5788
+ --theme-topbar-search-border-focus: var(--theme-topbar-item-color, var(--black-400));
5789
+ --theme-topbar-select-color: var(--theme-topbar-item-color, var(--black-400));
5765
5790
  --theme-topbar-select-background: var(--theme-topbar-background-color, var(--white));
5766
5791
  --theme-topbar-item-color: var(--black-600);
5767
5792
  --theme-topbar-item-color-hover: var(--black-600);
@@ -5805,7 +5830,7 @@ body.theme-highcontrast .s-topbar {
5805
5830
  .s-topbar .s-topbar--menu-btn span:after {
5806
5831
  width: var(--su-static16);
5807
5832
  height: var(--su-static2);
5808
- background-color: var(--theme-topbar-item-color, var(--black-500));
5833
+ background-color: var(--theme-topbar-item-color, var(--black-400));
5809
5834
  position: relative;
5810
5835
  }
5811
5836
  .s-topbar .s-topbar--menu-btn span:before,
@@ -5837,19 +5862,29 @@ body.theme-highcontrast .s-topbar {
5837
5862
  transform: rotate(45deg);
5838
5863
  }
5839
5864
  .s-topbar .s-topbar--menu-btn:hover {
5840
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5865
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
5841
5866
  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5842
5867
  }
5843
5868
  .s-topbar .s-navigation .s-navigation--item:focus-visible {
5844
5869
  box-shadow: var(--theme-topbar-search-shadow-focus, 0 0 0 var(--su-static4) var(--focus-ring));
5845
5870
  }
5846
5871
  .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
5847
- color: var(--theme-topbar-item-color, var(--black-500));
5872
+ color: var(--theme-topbar-item-color, var(--black-400));
5848
5873
  }
5849
5874
  .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
5850
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5875
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
5851
5876
  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5852
5877
  }
5878
+ .s-topbar .s-popover .s-navigation .s-navigation--item:focus-visible {
5879
+ box-shadow: var(0 0 0 var(--su-static4) var(--focus-ring));
5880
+ }
5881
+ .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
5882
+ color: var(--black-500);
5883
+ }
5884
+ .s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
5885
+ color: var(--black-600);
5886
+ background-color: var(--black-200);
5887
+ }
5853
5888
  .s-topbar__light {
5854
5889
  --theme-topbar-background-color: var(--_white-static);
5855
5890
  --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 85%);
@@ -5860,9 +5895,9 @@ body.theme-highcontrast .s-topbar {
5860
5895
  --theme-topbar-search-border-focus: hsl(210, 77%, 46%);
5861
5896
  --theme-topbar-search-shadow-focus: 0 0 0 var(--su-static4) var(--focus-ring);
5862
5897
  --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%);
5898
+ --theme-topbar-select-background: hsl(210, 8%, 90%);
5899
+ --theme-topbar-item-color: hsl(210, 8%, 42%);
5900
+ --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
5866
5901
  --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5867
5902
  --theme-topbar-item-color-current: var(--_black-static);
5868
5903
  --scrollbar: hsla(0, 0%, 0%, 0.2);
@@ -5955,7 +5990,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
5955
5990
  border-color: transparent;
5956
5991
  }
5957
5992
  .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) {
5958
- color: var(--theme-topbar-item-color, var(--black-500));
5993
+ color: var(--theme-topbar-item-color, var(--black-400));
5959
5994
  display: inline-flex;
5960
5995
  align-items: center;
5961
5996
  padding: 0 calc(var(--su12) - var(--su2));
@@ -6005,7 +6040,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
6005
6040
  flex-shrink: 0;
6006
6041
  border-color: transparent;
6007
6042
  background-color: transparent;
6008
- color: var(--theme-topbar-item-color, var(--black-500));
6043
+ color: var(--theme-topbar-item-color, var(--black-400));
6009
6044
  }
6010
6045
  .s-topbar--notice:hover,
6011
6046
  .s-topbar--notice:focus {
@@ -6255,7 +6290,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
6255
6290
  .s-uploader .s-uploader--previews-heading {
6256
6291
  color: var(--black-600);
6257
6292
  font-size: var(--fs-body2);
6258
- font-weight: 600;
6293
+ font-weight: 700;
6259
6294
  padding-bottom: var(--su8);
6260
6295
  }
6261
6296
  .s-uploader .s-uploader--reset {
@@ -6370,8 +6405,8 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
6370
6405
  font-size: var(--fs-caption);
6371
6406
  grid-column: 1 / 3;
6372
6407
  }
6373
- .s-user-card .s-user-card--type a {
6374
- color: inherit;
6408
+ .s-user-card .s-user-card--type a:not(.s-link) {
6409
+ color: inherit !important;
6375
6410
  }
6376
6411
  @font-face {
6377
6412
  font-family: "Segoe UI Adjusted";
@@ -6792,13 +6827,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6792
6827
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
6793
6828
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
6794
6829
  --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%));
6830
+ --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%));
6831
+ --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%));
6832
+ --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%));
6833
+ --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%));
6834
+ --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%));
6835
+ --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%));
6836
+ --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
6837
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
6803
6838
  --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
6839
  --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 +6841,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6806
6841
  --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
6842
  --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
6843
  --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%));
6844
+ --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%));
6845
+ --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%));
6846
+ --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%));
6847
+ --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%));
6848
+ --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%));
6849
+ --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%));
6850
+ --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
6851
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
6817
6852
  --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
6853
  --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 +6978,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6943
6978
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
6944
6979
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
6945
6980
  --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%));
6981
+ --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%));
6982
+ --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%));
6983
+ --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%));
6984
+ --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%));
6985
+ --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%));
6986
+ --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%));
6987
+ --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
6988
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
6954
6989
  --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
6990
  --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 +6992,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6957
6992
  --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
6993
  --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
6994
  --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%));
6995
+ --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%));
6996
+ --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%));
6997
+ --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%));
6998
+ --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%));
6999
+ --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%));
7000
+ --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%));
7001
+ --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
7002
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
6968
7003
  --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
7004
  --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));
@@ -7491,8 +7526,8 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7491
7526
  --yellow-400: hsl(43, 85%, 50%);
7492
7527
  --yellow-500: hsl(43, 85%, 33%);
7493
7528
  --yellow-600: hsl(43, 84%, 18%);
7494
- --purple-100: hsl(237, 80%, 96%);
7495
- --purple-200: hsl(237, 77%, 92%);
7529
+ --purple-100: hsl(237, 83%, 98%);
7530
+ --purple-200: hsl(237, 78%, 93%);
7496
7531
  --purple-300: hsl(237, 60%, 83%);
7497
7532
  --purple-400: hsl(237, 55%, 57%);
7498
7533
  --purple-500: hsl(237, 50%, 45%);
@@ -7551,19 +7586,19 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7551
7586
  --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
7552
7587
  --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
7553
7588
  --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%));
7589
+ --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .9)));
7590
+ --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .75)));
7591
+ --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .5)));
7592
+ --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), var(--theme-base-primary-color-l));
7593
+ --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) * -.3)));
7594
+ --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) * -.6)));
7560
7595
  --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%));
7596
+ --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)) * .9)));
7597
+ --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)) * .75)));
7598
+ --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)) * .5)));
7599
+ --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l));
7600
+ --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) * -.3)));
7601
+ --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) * -.6)));
7567
7602
  --theme-secondary-custom: var(--theme-secondary-custom-400);
7568
7603
  --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
7604
  color: var(--theme-body-font-color, var(--black-600));
@@ -7590,38 +7625,38 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7590
7625
  --orange-100: hsl(27, 29%, 19%);
7591
7626
  --orange-200: hsl(27, 43%, 31%);
7592
7627
  --orange-300: hsl(27, 43%, 47%);
7593
- --orange-400: hsl(27, 80%, 80%);
7594
- --orange-500: hsl(27, 80%, 88%);
7628
+ --orange-400: hsl(27, 80%, 72%);
7629
+ --orange-500: hsl(27, 80%, 83%);
7595
7630
  --orange-600: hsl(27, 80%, 93%);
7596
7631
  --blue-100: hsl(209, 29%, 19%);
7597
7632
  --blue-200: hsl(210, 29%, 35%);
7598
7633
  --blue-300: hsl(210, 29%, 50%);
7599
- --blue-400: hsl(210, 80%, 80%);
7600
- --blue-500: hsl(210, 80%, 88%);
7634
+ --blue-400: hsl(210, 80%, 75%);
7635
+ --blue-500: hsl(210, 80%, 83%);
7601
7636
  --blue-600: hsl(210, 80%, 93%);
7602
7637
  --green-100: hsl(148, 29%, 19%);
7603
7638
  --green-200: hsl(148, 29%, 27%);
7604
7639
  --green-300: hsl(148, 25%, 40%);
7605
- --green-400: hsl(148, 40%, 75%);
7606
- --green-500: hsl(148, 40%, 85%);
7640
+ --green-400: hsl(148, 40%, 68%);
7641
+ --green-500: hsl(148, 40%, 80%);
7607
7642
  --green-600: hsl(148, 40%, 93%);
7608
7643
  --red-100: hsl(358, 29%, 19%);
7609
7644
  --red-200: hsl(0, 29%, 37%);
7610
7645
  --red-300: hsl(0, 34%, 54%);
7611
- --red-400: hsl(0, 73%, 85%);
7612
- --red-500: hsl(0, 73%, 91%);
7646
+ --red-400: hsl(0, 73%, 80%);
7647
+ --red-500: hsl(0, 73%, 88%);
7613
7648
  --red-600: hsl(0, 73%, 95%);
7614
7649
  --yellow-100: hsl(43, 29%, 17%);
7615
7650
  --yellow-200: hsl(43, 29%, 25%);
7616
7651
  --yellow-300: hsl(43, 29%, 40%);
7617
7652
  --yellow-400: hsl(43, 75%, 75%);
7618
- --yellow-500: hsl(43, 75%, 85%);
7653
+ --yellow-500: hsl(43, 75%, 82%);
7619
7654
  --yellow-600: hsl(43, 75%, 91%);
7620
- --purple-100: hsl(237, 25%, 24%);
7621
- --purple-200: hsl(237, 27%, 38%);
7655
+ --purple-100: hsl(237, 24%, 23%);
7656
+ --purple-200: hsl(237, 27%, 34%);
7622
7657
  --purple-300: hsl(237, 32%, 56%);
7623
- --purple-400: hsl(237, 58%, 86%);
7624
- --purple-500: hsl(237, 60%, 91%);
7658
+ --purple-400: hsl(237, 60%, 82%);
7659
+ --purple-500: hsl(237, 60%, 88%);
7625
7660
  --purple-600: hsl(237, 65%, 96%);
7626
7661
  --gold-100: hsl(45, 29%, 24%);
7627
7662
  --gold-200: hsl(45, 47%, 37%);
@@ -7677,19 +7712,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7677
7712
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7678
7713
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7679
7714
  --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%));
7715
+ --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
7716
+ --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
7717
+ --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
7718
+ --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
7719
+ --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)) * .5)));
7720
+ --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)) * .8)));
7686
7721
  --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%));
7722
+ --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) * -.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.7)));
7723
+ --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) * -.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.5)));
7724
+ --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) * -.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.2)));
7725
+ --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
7726
+ --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)) * .5)));
7727
+ --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)) * .8)));
7693
7728
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7694
7729
  --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
7730
  color: var(--theme-body-font-color, var(--black-600));
@@ -7714,38 +7749,38 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7714
7749
  --orange-100: hsl(27, 29%, 19%);
7715
7750
  --orange-200: hsl(27, 43%, 31%);
7716
7751
  --orange-300: hsl(27, 43%, 47%);
7717
- --orange-400: hsl(27, 80%, 80%);
7718
- --orange-500: hsl(27, 80%, 88%);
7752
+ --orange-400: hsl(27, 80%, 72%);
7753
+ --orange-500: hsl(27, 80%, 83%);
7719
7754
  --orange-600: hsl(27, 80%, 93%);
7720
7755
  --blue-100: hsl(209, 29%, 19%);
7721
7756
  --blue-200: hsl(210, 29%, 35%);
7722
7757
  --blue-300: hsl(210, 29%, 50%);
7723
- --blue-400: hsl(210, 80%, 80%);
7724
- --blue-500: hsl(210, 80%, 88%);
7758
+ --blue-400: hsl(210, 80%, 75%);
7759
+ --blue-500: hsl(210, 80%, 83%);
7725
7760
  --blue-600: hsl(210, 80%, 93%);
7726
7761
  --green-100: hsl(148, 29%, 19%);
7727
7762
  --green-200: hsl(148, 29%, 27%);
7728
7763
  --green-300: hsl(148, 25%, 40%);
7729
- --green-400: hsl(148, 40%, 75%);
7730
- --green-500: hsl(148, 40%, 85%);
7764
+ --green-400: hsl(148, 40%, 68%);
7765
+ --green-500: hsl(148, 40%, 80%);
7731
7766
  --green-600: hsl(148, 40%, 93%);
7732
7767
  --red-100: hsl(358, 29%, 19%);
7733
7768
  --red-200: hsl(0, 29%, 37%);
7734
7769
  --red-300: hsl(0, 34%, 54%);
7735
- --red-400: hsl(0, 73%, 85%);
7736
- --red-500: hsl(0, 73%, 91%);
7770
+ --red-400: hsl(0, 73%, 80%);
7771
+ --red-500: hsl(0, 73%, 88%);
7737
7772
  --red-600: hsl(0, 73%, 95%);
7738
7773
  --yellow-100: hsl(43, 29%, 17%);
7739
7774
  --yellow-200: hsl(43, 29%, 25%);
7740
7775
  --yellow-300: hsl(43, 29%, 40%);
7741
7776
  --yellow-400: hsl(43, 75%, 75%);
7742
- --yellow-500: hsl(43, 75%, 85%);
7777
+ --yellow-500: hsl(43, 75%, 82%);
7743
7778
  --yellow-600: hsl(43, 75%, 91%);
7744
- --purple-100: hsl(237, 25%, 24%);
7745
- --purple-200: hsl(237, 27%, 38%);
7779
+ --purple-100: hsl(237, 24%, 23%);
7780
+ --purple-200: hsl(237, 27%, 34%);
7746
7781
  --purple-300: hsl(237, 32%, 56%);
7747
- --purple-400: hsl(237, 58%, 86%);
7748
- --purple-500: hsl(237, 60%, 91%);
7782
+ --purple-400: hsl(237, 60%, 82%);
7783
+ --purple-500: hsl(237, 60%, 88%);
7749
7784
  --purple-600: hsl(237, 65%, 96%);
7750
7785
  --gold-100: hsl(45, 29%, 24%);
7751
7786
  --gold-200: hsl(45, 47%, 37%);
@@ -7801,19 +7836,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7801
7836
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7802
7837
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7803
7838
  --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%));
7839
+ --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
7840
+ --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
7841
+ --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
7842
+ --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
7843
+ --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)) * .5)));
7844
+ --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)) * .8)));
7810
7845
  --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%));
7846
+ --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) * -.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.7)));
7847
+ --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) * -.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.5)));
7848
+ --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) * -.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.2)));
7849
+ --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
7850
+ --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)) * .5)));
7851
+ --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)) * .8)));
7817
7852
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7818
7853
  --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
7854
  color: var(--theme-body-font-color, var(--black-600));
@@ -7835,8 +7870,8 @@ body.theme-highcontrast.theme-system .theme-light__forced {
7835
7870
  --black-500: hsl(210, 8%, 25%);
7836
7871
  --black-600: hsl(210, 8%, 5%);
7837
7872
  --black: hsl(0, 0%, 0%);
7838
- --orange-100: hsl(22, 85%, 97%);
7839
- --orange-200: hsl(22, 85%, 97%);
7873
+ --orange-100: hsl(23, 87%, 97%);
7874
+ --orange-200: hsl(23, 87%, 97%);
7840
7875
  --orange-300: hsl(27, 90%, 55%);
7841
7876
  --orange-400: hsl(27, 90%, 55%);
7842
7877
  --orange-500: hsl(27, 80%, 28%);
@@ -7851,10 +7886,10 @@ body.theme-highcontrast.theme-system .theme-light__forced {
7851
7886
  --green-200: hsl(147, 36%, 95%);
7852
7887
  --green-300: hsl(148, 70%, 31%);
7853
7888
  --green-400: hsl(148, 75%, 22%);
7854
- --green-500: hsl(147, 74%, 15%);
7855
- --green-600: hsl(147, 74%, 15%);
7856
- --red-100: hsl(0, 79%, 96%);
7857
- --red-200: hsl(0, 79%, 96%);
7889
+ --green-500: hsl(146, 74%, 15%);
7890
+ --green-600: hsl(146, 74%, 15%);
7891
+ --red-100: hsl(0, 80%, 96%);
7892
+ --red-200: hsl(0, 80%, 96%);
7858
7893
  --red-300: hsl(0, 60%, 49%);
7859
7894
  --red-400: hsl(0, 65%, 37%);
7860
7895
  --red-500: hsl(0, 66%, 24%);
@@ -7865,8 +7900,8 @@ body.theme-highcontrast.theme-system .theme-light__forced {
7865
7900
  --yellow-400: hsl(43, 85%, 50%);
7866
7901
  --yellow-500: hsl(48, 85%, 18%);
7867
7902
  --yellow-600: hsl(48, 85%, 18%);
7868
- --purple-100: hsl(237, 80%, 96%);
7869
- --purple-200: hsl(237, 80%, 96%);
7903
+ --purple-100: hsl(237, 83%, 98%);
7904
+ --purple-200: hsl(237, 83%, 98%);
7870
7905
  --purple-300: hsl(237, 55%, 57%);
7871
7906
  --purple-400: hsl(237, 55%, 57%);
7872
7907
  --purple-500: hsl(237, 50%, 32%);
@@ -7878,7 +7913,7 @@ body.theme-highcontrast.theme-system .theme-light__forced {
7878
7913
  --silver-100: hsl(0, 0%, 95%);
7879
7914
  --silver-200: hsl(0, 0%, 95%);
7880
7915
  --silver-300: hsl(210, 5%, 68%);
7881
- --silver-400: hsl(216, 2%, 40%);
7916
+ --silver-400: hsl(210, 2%, 40%);
7882
7917
  --bronze-100: hsl(28, 40%, 92%);
7883
7918
  --bronze-200: hsl(28, 40%, 92%);
7884
7919
  --bronze-300: hsl(28, 43%, 65%);
@@ -7942,52 +7977,52 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7942
7977
  --black-500: hsl(210, 8%, 90%);
7943
7978
  --black-600: hsl(210, 11%, 98%);
7944
7979
  --black: hsl(0, 0%, 100%);
7945
- --orange-100: hsl(27, 29%, 19%);
7946
- --orange-200: hsl(27, 29%, 19%);
7947
- --orange-300: hsl(27, 80%, 64%);
7948
- --orange-400: hsl(27, 80%, 80%);
7949
- --orange-500: hsl(27, 79%, 89%);
7950
- --orange-600: hsl(27, 80%, 93%);
7951
- --blue-100: hsl(209, 29%, 19%);
7952
- --blue-200: hsl(209, 29%, 19%);
7980
+ --orange-100: hsl(27, 30%, 19%);
7981
+ --orange-200: hsl(27, 30%, 19%);
7982
+ --orange-300: hsl(27, 80%, 72%);
7983
+ --orange-400: hsl(27, 80%, 72%);
7984
+ --orange-500: hsl(28, 78%, 93%);
7985
+ --orange-600: hsl(28, 78%, 93%);
7986
+ --blue-100: hsl(209, 30%, 19%);
7987
+ --blue-200: hsl(209, 30%, 19%);
7953
7988
  --blue-300: hsl(210, 80%, 72%);
7954
- --blue-400: hsl(210, 80%, 80%);
7955
- --blue-500: hsl(209, 79%, 87%);
7956
- --blue-600: hsl(210, 80%, 93%);
7957
- --green-100: hsl(147, 29%, 19%);
7958
- --green-200: hsl(147, 29%, 19%);
7989
+ --blue-400: hsl(210, 80%, 75%);
7990
+ --blue-500: hsl(210, 78%, 93%);
7991
+ --blue-600: hsl(210, 78%, 93%);
7992
+ --green-100: hsl(147, 30%, 19%);
7993
+ --green-200: hsl(147, 30%, 19%);
7959
7994
  --green-300: hsl(148, 40%, 62%);
7960
- --green-400: hsl(148, 40%, 75%);
7961
- --green-500: hsl(148, 39%, 87%);
7962
- --green-600: hsl(148, 40%, 93%);
7963
- --red-100: hsl(358, 29%, 19%);
7964
- --red-200: hsl(358, 29%, 19%);
7995
+ --green-400: hsl(148, 40%, 68%);
7996
+ --green-500: hsl(150, 39%, 93%);
7997
+ --green-600: hsl(150, 39%, 93%);
7998
+ --red-100: hsl(358, 30%, 19%);
7999
+ --red-200: hsl(358, 30%, 19%);
7965
8000
  --red-300: hsl(0, 75%, 77%);
7966
- --red-400: hsl(0, 73%, 85%);
7967
- --red-500: hsl(0, 70%, 92%);
7968
- --red-600: hsl(0, 73%, 95%);
8001
+ --red-400: hsl(0, 73%, 80%);
8002
+ --red-500: hsl(0, 76%, 95%);
8003
+ --red-600: hsl(0, 76%, 95%);
7969
8004
  --yellow-100: hsl(43, 29%, 17%);
7970
8005
  --yellow-200: hsl(43, 29%, 17%);
7971
- --yellow-300: hsl(43, 59%, 64%);
8006
+ --yellow-300: hsl(43, 75%, 75%);
7972
8007
  --yellow-400: hsl(43, 75%, 75%);
7973
8008
  --yellow-500: hsl(48, 74%, 91%);
7974
- --yellow-600: hsl(43, 75%, 91%);
7975
- --purple-100: hsl(237, 25%, 24%);
7976
- --purple-200: hsl(237, 25%, 24%);
7977
- --purple-300: hsl(237, 58%, 86%);
7978
- --purple-400: hsl(237, 58%, 86%);
7979
- --purple-500: hsl(237, 65%, 96%);
7980
- --purple-600: hsl(237, 65%, 96%);
8009
+ --yellow-600: hsl(44, 74%, 91%);
8010
+ --purple-100: hsl(237, 24%, 23%);
8011
+ --purple-200: hsl(237, 24%, 23%);
8012
+ --purple-300: hsl(237, 60%, 82%);
8013
+ --purple-400: hsl(237, 60%, 82%);
8014
+ --purple-500: hsl(237, 62%, 96%);
8015
+ --purple-600: hsl(237, 62%, 96%);
7981
8016
  --gold-100: hsl(45, 22%, 25%);
7982
8017
  --gold-200: hsl(45, 22%, 25%);
7983
8018
  --gold-300: hsl(45, 92%, 62%);
7984
8019
  --gold-400: hsl(46, 93%, 78%);
7985
8020
  --silver-100: hsl(220, 2%, 26%);
7986
8021
  --silver-200: hsl(220, 2%, 26%);
7987
- --silver-300: hsl(216, 4%, 69%);
8022
+ --silver-300: hsl(220, 4%, 69%);
7988
8023
  --silver-400: hsl(214, 8%, 83%);
7989
- --bronze-100: hsl(28, 13%, 27%);
7990
- --bronze-200: hsl(28, 13%, 27%);
8024
+ --bronze-100: hsl(27, 13%, 27%);
8025
+ --bronze-200: hsl(27, 13%, 27%);
7991
8026
  --bronze-300: hsl(28, 58%, 67%);
7992
8027
  --bronze-400: hsl(28, 59%, 83%);
7993
8028
  --bc-lightest: var(--black-400);
@@ -8049,52 +8084,52 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8049
8084
  --black-500: hsl(210, 8%, 90%);
8050
8085
  --black-600: hsl(210, 11%, 98%);
8051
8086
  --black: hsl(0, 0%, 100%);
8052
- --orange-100: hsl(27, 29%, 19%);
8053
- --orange-200: hsl(27, 29%, 19%);
8054
- --orange-300: hsl(27, 80%, 64%);
8055
- --orange-400: hsl(27, 80%, 80%);
8056
- --orange-500: hsl(27, 79%, 89%);
8057
- --orange-600: hsl(27, 80%, 93%);
8058
- --blue-100: hsl(209, 29%, 19%);
8059
- --blue-200: hsl(209, 29%, 19%);
8087
+ --orange-100: hsl(27, 30%, 19%);
8088
+ --orange-200: hsl(27, 30%, 19%);
8089
+ --orange-300: hsl(27, 80%, 72%);
8090
+ --orange-400: hsl(27, 80%, 72%);
8091
+ --orange-500: hsl(28, 78%, 93%);
8092
+ --orange-600: hsl(28, 78%, 93%);
8093
+ --blue-100: hsl(209, 30%, 19%);
8094
+ --blue-200: hsl(209, 30%, 19%);
8060
8095
  --blue-300: hsl(210, 80%, 72%);
8061
- --blue-400: hsl(210, 80%, 80%);
8062
- --blue-500: hsl(209, 79%, 87%);
8063
- --blue-600: hsl(210, 80%, 93%);
8064
- --green-100: hsl(147, 29%, 19%);
8065
- --green-200: hsl(147, 29%, 19%);
8096
+ --blue-400: hsl(210, 80%, 75%);
8097
+ --blue-500: hsl(210, 78%, 93%);
8098
+ --blue-600: hsl(210, 78%, 93%);
8099
+ --green-100: hsl(147, 30%, 19%);
8100
+ --green-200: hsl(147, 30%, 19%);
8066
8101
  --green-300: hsl(148, 40%, 62%);
8067
- --green-400: hsl(148, 40%, 75%);
8068
- --green-500: hsl(148, 39%, 87%);
8069
- --green-600: hsl(148, 40%, 93%);
8070
- --red-100: hsl(358, 29%, 19%);
8071
- --red-200: hsl(358, 29%, 19%);
8102
+ --green-400: hsl(148, 40%, 68%);
8103
+ --green-500: hsl(150, 39%, 93%);
8104
+ --green-600: hsl(150, 39%, 93%);
8105
+ --red-100: hsl(358, 30%, 19%);
8106
+ --red-200: hsl(358, 30%, 19%);
8072
8107
  --red-300: hsl(0, 75%, 77%);
8073
- --red-400: hsl(0, 73%, 85%);
8074
- --red-500: hsl(0, 70%, 92%);
8075
- --red-600: hsl(0, 73%, 95%);
8108
+ --red-400: hsl(0, 73%, 80%);
8109
+ --red-500: hsl(0, 76%, 95%);
8110
+ --red-600: hsl(0, 76%, 95%);
8076
8111
  --yellow-100: hsl(43, 29%, 17%);
8077
8112
  --yellow-200: hsl(43, 29%, 17%);
8078
- --yellow-300: hsl(43, 59%, 64%);
8113
+ --yellow-300: hsl(43, 75%, 75%);
8079
8114
  --yellow-400: hsl(43, 75%, 75%);
8080
8115
  --yellow-500: hsl(48, 74%, 91%);
8081
- --yellow-600: hsl(43, 75%, 91%);
8082
- --purple-100: hsl(237, 25%, 24%);
8083
- --purple-200: hsl(237, 25%, 24%);
8084
- --purple-300: hsl(237, 58%, 86%);
8085
- --purple-400: hsl(237, 58%, 86%);
8086
- --purple-500: hsl(237, 65%, 96%);
8087
- --purple-600: hsl(237, 65%, 96%);
8116
+ --yellow-600: hsl(44, 74%, 91%);
8117
+ --purple-100: hsl(237, 24%, 23%);
8118
+ --purple-200: hsl(237, 24%, 23%);
8119
+ --purple-300: hsl(237, 60%, 82%);
8120
+ --purple-400: hsl(237, 60%, 82%);
8121
+ --purple-500: hsl(237, 62%, 96%);
8122
+ --purple-600: hsl(237, 62%, 96%);
8088
8123
  --gold-100: hsl(45, 22%, 25%);
8089
8124
  --gold-200: hsl(45, 22%, 25%);
8090
8125
  --gold-300: hsl(45, 92%, 62%);
8091
8126
  --gold-400: hsl(46, 93%, 78%);
8092
8127
  --silver-100: hsl(220, 2%, 26%);
8093
8128
  --silver-200: hsl(220, 2%, 26%);
8094
- --silver-300: hsl(216, 4%, 69%);
8129
+ --silver-300: hsl(220, 4%, 69%);
8095
8130
  --silver-400: hsl(214, 8%, 83%);
8096
- --bronze-100: hsl(28, 13%, 27%);
8097
- --bronze-200: hsl(28, 13%, 27%);
8131
+ --bronze-100: hsl(27, 13%, 27%);
8132
+ --bronze-200: hsl(27, 13%, 27%);
8098
8133
  --bronze-300: hsl(28, 58%, 67%);
8099
8134
  --bronze-400: hsl(28, 59%, 83%);
8100
8135
  --bc-lightest: var(--black-400);
@@ -19857,7 +19892,7 @@ p {
19857
19892
  }
19858
19893
  }
19859
19894
  .fs-category {
19860
- font-weight: 600;
19895
+ font-weight: 700;
19861
19896
  text-transform: uppercase;
19862
19897
  }
19863
19898
  .fs-category.has-border {
@@ -19902,7 +19937,7 @@ p {
19902
19937
  font-weight: 400 !important;
19903
19938
  }
19904
19939
  .fw-bold {
19905
- font-weight: 600 !important;
19940
+ font-weight: 700 !important;
19906
19941
  }
19907
19942
  .fs-normal {
19908
19943
  font-style: normal !important;