@stackoverflow/stacks 2.0.0-rc.8 → 2.0.0

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 +258 -182
  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/anchor/anchor.less +9 -5
  6. package/lib/components/badge/badge.less +10 -10
  7. package/lib/components/checkbox_radio/checkbox_radio.less +14 -8
  8. package/lib/components/code-block/code-block.a11y.test.ts +1 -1
  9. package/lib/components/input_textarea/input_textarea.a11y.test.ts +112 -0
  10. package/lib/components/input_textarea/input_textarea.visual.test.ts +98 -0
  11. package/lib/components/label/label.less +1 -1
  12. package/lib/components/link/link.less +8 -8
  13. package/lib/components/link-preview/link-preview.less +2 -2
  14. package/lib/components/modal/modal.less +1 -0
  15. package/lib/components/navigation/navigation.a11y.test.ts +0 -2
  16. package/lib/components/page-title/page-title.a11y.test.ts +29 -0
  17. package/lib/components/page-title/page-title.visual.test.ts +59 -0
  18. package/lib/components/post-summary/post-summary.less +5 -5
  19. package/lib/components/select/select.less +1 -1
  20. package/lib/components/tag/tag.a11y.test.ts +29 -0
  21. package/lib/components/tag/tag.less +7 -1
  22. package/lib/components/tag/tag.visual.test.ts +46 -0
  23. package/lib/components/toggle-switch/toggle-switch.less +8 -1
  24. package/lib/components/topbar/topbar.less +30 -14
  25. package/lib/components/uploader/uploader.less +1 -1
  26. package/lib/components/user-card/user-card.less +2 -2
  27. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +62 -62
  28. package/lib/exports/__snapshots__/color.less.test.ts.snap +119 -80
  29. package/lib/exports/color-mixins.less +15 -12
  30. package/lib/exports/color-sets.less +24 -24
  31. package/lib/exports/color.less +17 -1
  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 +7 -7
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);
@@ -462,24 +462,28 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
462
462
  }
463
463
  .s-anchors.s-anchors__danger {
464
464
  --_an-a-fc: var(--red-400);
465
- --_an-a-fc-hover: var(--red-400);
465
+ --_an-a-fc-hover: var(--red-500);
466
+ --_an-a-fc-visited: var(--red-600);
466
467
  }
467
468
  .s-anchors.s-anchors__default {
468
469
  --_an-a-fc: var(--theme-link-color, var(--theme-secondary-400));
469
- --_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-400));
470
- --_an-a-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-500));
470
+ --_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
471
+ --_an-a-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
471
472
  }
472
473
  .s-anchors.s-anchors__grayscale {
473
- --_an-a-fc: var(--black-500);
474
+ --_an-a-fc: var(--black-400);
474
475
  --_an-a-fc-hover: var(--black-500);
476
+ --_an-a-fc-visited: var(--black-600);
475
477
  }
476
478
  .s-anchors.s-anchors__inherit {
477
479
  --_an-a-fc: inherit;
478
480
  --_an-a-fc-hover: inherit;
481
+ --_an-a-fc-visited: inherit;
479
482
  }
480
483
  .s-anchors.s-anchors__muted {
481
484
  --_an-a-fc: var(--black-400);
482
- --_an-a-fc-hover: var(--black-400);
485
+ --_an-a-fc-hover: var(--black-500);
486
+ --_an-a-fc-visited: var(--black-600);
483
487
  }
484
488
  .s-anchors.s-anchors__danger a:not(.s-link),
485
489
  .s-anchors.s-anchors__default a:not(.s-link),
@@ -688,15 +692,15 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
688
692
  vertical-align: middle;
689
693
  white-space: nowrap;
690
694
  }
691
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__gold,
692
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__silver,
693
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__bronze,
694
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep,
695
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep-down,
696
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__votes:not(body.theme-highcontrast .s-badge__answered),
697
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__admin,
698
- body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__moderator,
699
- 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 {
700
704
  --_ba-bc: currentColor;
701
705
  }
702
706
  .s-badge.s-badge__xs,
@@ -764,7 +768,7 @@ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
764
768
  --_ba-fc: var(--black-500);
765
769
  }
766
770
  .s-badge.s-badge__admin {
767
- --_ba-bc: var(--theme-primary-300);
771
+ --_ba-bc: var(--theme-primary-200);
768
772
  --_ba-bg: var(--theme-primary-100);
769
773
  --_ba-fc: var(--theme-primary-500);
770
774
  }
@@ -1315,8 +1319,8 @@ body.theme-highcontrast .s-btn-group.s-btn-group--radio .s-btn--radio:checked +
1315
1319
  --_bu-focus-ring: none;
1316
1320
  --_bu-p: 0;
1317
1321
  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
1318
- --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-400));
1319
- --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-500));
1322
+ --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
1323
+ --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
1320
1324
  color: var(--_li-fc);
1321
1325
  cursor: pointer;
1322
1326
  text-decoration: none;
@@ -1386,13 +1390,13 @@ body.theme-highcontrast .s-btn.s-btn__link {
1386
1390
  }
1387
1391
  .s-btn.s-btn__link.s-link__danger {
1388
1392
  --_li-fc: var(--red-400);
1389
- --_li-fc-hover: var(--red-400);
1390
- --_li-fc-visited: var(--red-500);
1393
+ --_li-fc-hover: var(--red-500);
1394
+ --_li-fc-visited: var(--red-600);
1391
1395
  }
1392
1396
  .s-btn.s-btn__link.s-link__grayscale {
1393
- --_li-fc: var(--black-600);
1394
- --_li-fc-hover: var(--black-600);
1395
- --_li-fc-visited: var(--black-500);
1397
+ --_li-fc: var(--black-500);
1398
+ --_li-fc-hover: var(--black-400);
1399
+ --_li-fc-visited: var(--black-600);
1396
1400
  }
1397
1401
  .s-btn.s-btn__link.s-link__inherit {
1398
1402
  --_li-fc: inherit !important;
@@ -1402,7 +1406,7 @@ body.theme-highcontrast .s-btn.s-btn__link {
1402
1406
  .s-btn.s-btn__link.s-link__muted {
1403
1407
  --_li-fc: var(--black-400);
1404
1408
  --_li-fc-hover: var(--black-500);
1405
- --_li-fc-visited: var(--black-500);
1409
+ --_li-fc-visited: var(--black-600);
1406
1410
  }
1407
1411
  fieldset[disabled] .s-btn.s-btn__link {
1408
1412
  box-shadow: none !important;
@@ -1808,6 +1812,24 @@ input.s-radio {
1808
1812
  background-size: contain;
1809
1813
  border-radius: var(--br-sm);
1810
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
+ }
1811
1833
  @media (prefers-color-scheme: dark) {
1812
1834
  body.theme-highcontrast.theme-system .s-checkbox:checked,
1813
1835
  body.theme-highcontrast.theme-system .s-checkbox:indeterminate {
@@ -1832,10 +1854,10 @@ body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
1832
1854
  --_ch-bc-focus: var(--theme-secondary-400);
1833
1855
  }
1834
1856
  .s-checkbox:checked {
1835
- --_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");
1836
1858
  }
1837
1859
  .s-checkbox:indeterminate {
1838
- --_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");
1839
1861
  }
1840
1862
  .s-checkbox:focus {
1841
1863
  border-color: var(--_ch-bc-focus);
@@ -1853,16 +1875,6 @@ body.theme-highcontrast.theme-dark .s-radio:checked {
1853
1875
  --_ch-bc: var(--blue-400);
1854
1876
  outline: var(--su-static1) solid var(--black);
1855
1877
  }
1856
- @media (prefers-color-scheme: dark) {
1857
- body.theme-system .s-radio:checked {
1858
- --_ch-bg: var(--black);
1859
- }
1860
- }
1861
- body.theme-dark .s-radio:checked,
1862
- .theme-dark__forced .s-radio:checked,
1863
- body.theme-system .theme-dark__forced .s-radio:checked {
1864
- --_ch-bg: var(--black);
1865
- }
1866
1878
  .s-radio:checked {
1867
1879
  --_ch-baw: 0.30769231em;
1868
1880
  --_ch-bc: var(--theme-secondary-400);
@@ -2514,7 +2526,7 @@ fieldset[disabled] .s-input-message {
2514
2526
  font-size: var(--_la-fs);
2515
2527
  color: var(--fc-medium);
2516
2528
  font-family: inherit;
2517
- font-weight: 600;
2529
+ font-weight: 700;
2518
2530
  padding: 0 var(--su2);
2519
2531
  }
2520
2532
  .s-label[for] {
@@ -2585,8 +2597,8 @@ body.theme-highcontrast .s-label--status {
2585
2597
  a,
2586
2598
  .s-link {
2587
2599
  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
2588
- --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-400));
2589
- --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-500));
2600
+ --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
2601
+ --_li-fc-visited: var(--theme-link-color-visited, var(--theme-secondary-600));
2590
2602
  color: var(--_li-fc);
2591
2603
  cursor: pointer;
2592
2604
  text-decoration: none;
@@ -2662,14 +2674,14 @@ a.s-link__visited,
2662
2674
  a.s-link__danger,
2663
2675
  .s-link.s-link__danger {
2664
2676
  --_li-fc: var(--red-400);
2665
- --_li-fc-hover: var(--red-400);
2666
- --_li-fc-visited: var(--red-500);
2677
+ --_li-fc-hover: var(--red-500);
2678
+ --_li-fc-visited: var(--red-600);
2667
2679
  }
2668
2680
  a.s-link__grayscale,
2669
2681
  .s-link.s-link__grayscale {
2670
- --_li-fc: var(--black-600);
2671
- --_li-fc-hover: var(--black-600);
2672
- --_li-fc-visited: var(--black-500);
2682
+ --_li-fc: var(--black-500);
2683
+ --_li-fc-hover: var(--black-400);
2684
+ --_li-fc-visited: var(--black-600);
2673
2685
  }
2674
2686
  a.s-link__inherit,
2675
2687
  .s-link.s-link__inherit {
@@ -2681,7 +2693,7 @@ a.s-link__muted,
2681
2693
  .s-link.s-link__muted {
2682
2694
  --_li-fc: var(--black-400);
2683
2695
  --_li-fc-hover: var(--black-500);
2684
- --_li-fc-visited: var(--black-500);
2696
+ --_li-fc-visited: var(--black-600);
2685
2697
  }
2686
2698
  fieldset[disabled] a,
2687
2699
  fieldset[disabled] .s-link {
@@ -2810,7 +2822,7 @@ body.theme-highcontrast .s-link-preview {
2810
2822
  .s-link-preview a.s-link-preview--title:hover,
2811
2823
  .s-link-preview a.s-link-preview--title:active.s-link__visited,
2812
2824
  .s-link-preview a.s-link-preview--title:hover.s-link__visited {
2813
- color: var(--theme-link-color-hover, var(--theme-secondary-400));
2825
+ color: var(--theme-link-color-hover, var(--theme-secondary-500));
2814
2826
  }
2815
2827
  .s-link-preview a.s-link-preview--title:active,
2816
2828
  .s-link-preview a.s-link-preview--title:hover,
@@ -2827,7 +2839,7 @@ body.theme-highcontrast .s-link-preview a.s-link-preview--title.s-link__visited:
2827
2839
  text-decoration: underline;
2828
2840
  }
2829
2841
  .s-link-preview a.s-link-preview--title.s-link__visited:visited {
2830
- color: var(--theme-link-color, var(--theme-secondary-400));
2842
+ color: var(--theme-link-color, var(--theme-secondary-600));
2831
2843
  }
2832
2844
  .s-link-preview .s-link-preview--url {
2833
2845
  max-width: 100%;
@@ -2997,6 +3009,7 @@ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
2997
3009
  font-weight: normal;
2998
3010
  line-height: var(--lh-sm);
2999
3011
  margin-bottom: var(--su16);
3012
+ margin-right: var(--su24);
3000
3013
  }
3001
3014
  .s-navigation {
3002
3015
  --_na-fd: row;
@@ -3543,8 +3556,8 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
3543
3556
  --_ps-o: unset;
3544
3557
  --_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
3545
3558
  --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400))));
3546
- --_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))));
3547
- --_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))));
3548
3561
  --_ps-stats-ai: flex-end;
3549
3562
  --_ps-stats-fc: var(--_ps-state-fc, var(--fc-light));
3550
3563
  --_ps-stats-fd: column;
@@ -3693,11 +3706,11 @@ body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s
3693
3706
  color: var(--white);
3694
3707
  }
3695
3708
  .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
3696
- --_ps-bg: var(--yellow-200);
3709
+ --_ps-bg: var(--yellow-100);
3697
3710
  --_ps-stats-fc: var(--black-400);
3698
3711
  --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400)));
3699
- --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-400)));
3700
- --_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)));
3701
3714
  }
3702
3715
  .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card a {
3703
3716
  color: var(--_ps-content-title-a-fc);
@@ -4687,7 +4700,7 @@ body.theme-highcontrast .s-prose {
4687
4700
  .s-select {
4688
4701
  --_se-arrow-bc: currentColor transparent;
4689
4702
  --_se-arrow-size: var(--su-static4);
4690
- --_se-select-bc: var(--bc-dark);
4703
+ --_se-select-bc: var(--bc-darker);
4691
4704
  --_se-select-bc-focus: var(--theme-secondary-400);
4692
4705
  --_se-select-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring);
4693
4706
  --_se-select-bg: var(--white);
@@ -5461,6 +5474,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
5461
5474
  }
5462
5475
  body.theme-highcontrast .s-tag {
5463
5476
  --_ta-bc: currentColor;
5477
+ --_ta-bg-selected: var(--theme-secondary-400);
5464
5478
  text-decoration: none;
5465
5479
  }
5466
5480
  .s-tag.is-selected,
@@ -5477,7 +5491,8 @@ body.theme-highcontrast a.s-tag.is-selected,
5477
5491
  body.theme-highcontrast a.s-tag.is-selected:active,
5478
5492
  body.theme-highcontrast a.s-tag.is-selected:hover,
5479
5493
  body.theme-highcontrast a.s-tag.is-selected:focus {
5480
- border-color: currentColor;
5494
+ --_ta-bc-selected: transparent;
5495
+ --_ta-fc-selected: var(--white);
5481
5496
  }
5482
5497
  .s-tag.s-tag__xs {
5483
5498
  --_ta-fs: var(--fs-fine);
@@ -5540,6 +5555,9 @@ body.theme-highcontrast a.s-tag.is-selected:focus {
5540
5555
  --_ta-bg-selected: var(--orange-300);
5541
5556
  --_ta-fc-selected: var(--orange-600);
5542
5557
  }
5558
+ body.theme-highcontrast .s-tag.s-tag__moderator {
5559
+ --_ta-bg-selected: var(--orange-500);
5560
+ }
5543
5561
  .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
5544
5562
  --_ta-bc: transparent;
5545
5563
  --_ta-bg: var(--black-150);
@@ -5649,11 +5667,22 @@ body.theme-highcontrast a.s-tag:not(.is-selected):active {
5649
5667
  }
5650
5668
  .s-toggle-switch {
5651
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");
5652
5671
  --_ts-bg-ps: left center;
5653
5672
  --_ts-bs-color: transparent;
5654
5673
  --_ts-multiple-bg: unset;
5655
5674
  --_ts-multiple-fc: var(--black-400);
5656
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
+ }
5657
5686
  fieldset[disabled] .s-toggle-switch,
5658
5687
  .s-toggle-switch[disabled],
5659
5688
  fieldset[disabled] .s-toggle-switch label,
@@ -5709,7 +5738,7 @@ input[type="checkbox"].s-toggle-switch {
5709
5738
  background-position: var(--_ts-bg-ps);
5710
5739
  box-shadow: 0 0 0 var(--su-static4) var(--_ts-bs-color);
5711
5740
  appearance: none;
5712
- 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);
5713
5742
  background-size: contain;
5714
5743
  background-repeat: no-repeat;
5715
5744
  border-radius: 1000px;
@@ -5752,12 +5781,12 @@ input[type="checkbox"].s-toggle-switch[disabled] {
5752
5781
  align-items: center;
5753
5782
  }
5754
5783
  body.theme-highcontrast .s-topbar {
5755
- --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));
5756
5785
  --theme-topbar-search-background: var(--theme-topbar-background-color, var(--white));
5757
- --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-500));
5758
- --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-500));
5759
- --theme-topbar-search-border-focus: var(--theme-topbar-item-color, var(--black-500));
5760
- --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));
5761
5790
  --theme-topbar-select-background: var(--theme-topbar-background-color, var(--white));
5762
5791
  --theme-topbar-item-color: var(--black-600);
5763
5792
  --theme-topbar-item-color-hover: var(--black-600);
@@ -5801,7 +5830,7 @@ body.theme-highcontrast .s-topbar {
5801
5830
  .s-topbar .s-topbar--menu-btn span:after {
5802
5831
  width: var(--su-static16);
5803
5832
  height: var(--su-static2);
5804
- background-color: var(--theme-topbar-item-color, var(--black-500));
5833
+ background-color: var(--theme-topbar-item-color, var(--black-400));
5805
5834
  position: relative;
5806
5835
  }
5807
5836
  .s-topbar .s-topbar--menu-btn span:before,
@@ -5833,19 +5862,29 @@ body.theme-highcontrast .s-topbar {
5833
5862
  transform: rotate(45deg);
5834
5863
  }
5835
5864
  .s-topbar .s-topbar--menu-btn:hover {
5836
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5865
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
5837
5866
  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5838
5867
  }
5839
5868
  .s-topbar .s-navigation .s-navigation--item:focus-visible {
5840
5869
  box-shadow: var(--theme-topbar-search-shadow-focus, 0 0 0 var(--su-static4) var(--focus-ring));
5841
5870
  }
5842
5871
  .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
5843
- color: var(--theme-topbar-item-color, var(--black-500));
5872
+ color: var(--theme-topbar-item-color, var(--black-400));
5844
5873
  }
5845
5874
  .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
5846
- color: var(--theme-topbar-item-color-hover, var(--black-600));
5875
+ color: var(--theme-topbar-item-color-hover, var(--black-400));
5847
5876
  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
5848
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
+ }
5849
5888
  .s-topbar__light {
5850
5889
  --theme-topbar-background-color: var(--_white-static);
5851
5890
  --theme-topbar-bottom-border: 1px solid hsl(210, 8%, 85%);
@@ -5856,9 +5895,9 @@ body.theme-highcontrast .s-topbar {
5856
5895
  --theme-topbar-search-border-focus: hsl(210, 77%, 46%);
5857
5896
  --theme-topbar-search-shadow-focus: 0 0 0 var(--su-static4) var(--focus-ring);
5858
5897
  --theme-topbar-select-color: hsl(210, 8%, 25%);
5859
- --theme-topbar-select-background: hsl(210, 8%, 95%);
5860
- --theme-topbar-item-color: hsl(210, 8%, 25%);
5861
- --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%);
5862
5901
  --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5863
5902
  --theme-topbar-item-color-current: var(--_black-static);
5864
5903
  --scrollbar: hsla(0, 0%, 0%, 0.2);
@@ -5951,7 +5990,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
5951
5990
  border-color: transparent;
5952
5991
  }
5953
5992
  .s-topbar .s-topbar--content .s-topbar--item:not(.s-topbar--item__unset) {
5954
- color: var(--theme-topbar-item-color, var(--black-500));
5993
+ color: var(--theme-topbar-item-color, var(--black-400));
5955
5994
  display: inline-flex;
5956
5995
  align-items: center;
5957
5996
  padding: 0 calc(var(--su12) - var(--su2));
@@ -6001,7 +6040,7 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
6001
6040
  flex-shrink: 0;
6002
6041
  border-color: transparent;
6003
6042
  background-color: transparent;
6004
- color: var(--theme-topbar-item-color, var(--black-500));
6043
+ color: var(--theme-topbar-item-color, var(--black-400));
6005
6044
  }
6006
6045
  .s-topbar--notice:hover,
6007
6046
  .s-topbar--notice:focus {
@@ -6251,7 +6290,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
6251
6290
  .s-uploader .s-uploader--previews-heading {
6252
6291
  color: var(--black-600);
6253
6292
  font-size: var(--fs-body2);
6254
- font-weight: 600;
6293
+ font-weight: 700;
6255
6294
  padding-bottom: var(--su8);
6256
6295
  }
6257
6296
  .s-uploader .s-uploader--reset {
@@ -6366,8 +6405,8 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
6366
6405
  font-size: var(--fs-caption);
6367
6406
  grid-column: 1 / 3;
6368
6407
  }
6369
- .s-user-card .s-user-card--type a {
6370
- color: inherit;
6408
+ .s-user-card .s-user-card--type a:not(.s-link) {
6409
+ color: inherit !important;
6371
6410
  }
6372
6411
  @font-face {
6373
6412
  font-family: "Segoe UI Adjusted";
@@ -6788,13 +6827,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6788
6827
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
6789
6828
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
6790
6829
  --theme-secondary-color-legacy: hsl(var(--theme-secondary-color-legacy-h), var(--theme-secondary-color-legacy-s), var(--theme-secondary-color-legacy-l));
6791
- --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%));
6792
- --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%));
6793
- --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%));
6794
- --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%));
6795
- --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%));
6796
- --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%));
6797
- --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%));
6798
6837
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
6799
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));
6800
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));
@@ -6802,13 +6841,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6802
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));
6803
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));
6804
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));
6805
- --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%));
6806
- --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%));
6807
- --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%));
6808
- --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%));
6809
- --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%));
6810
- --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%));
6811
- --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%));
6812
6851
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
6813
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));
6814
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));
@@ -6939,13 +6978,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6939
6978
  --theme-secondary-color-legacy-b: var(--theme-dark-secondary-color-legacy-b, var(--theme-base-secondary-color-legacy-b));
6940
6979
  --theme-primary-color-legacy: hsl(var(--theme-primary-color-legacy-h), var(--theme-primary-color-legacy-s), var(--theme-primary-color-legacy-l));
6941
6980
  --theme-secondary-color-legacy: hsl(var(--theme-secondary-color-legacy-h), var(--theme-secondary-color-legacy-s), var(--theme-secondary-color-legacy-l));
6942
- --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%));
6943
- --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%));
6944
- --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%));
6945
- --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%));
6946
- --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%));
6947
- --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%));
6948
- --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%));
6949
6988
  --theme-primary-legacy-350: var(--theme-primary-color-legacy);
6950
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));
6951
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));
@@ -6953,13 +6992,13 @@ body:not(.theme-dark) .theme-dark__forced .themed {
6953
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));
6954
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));
6955
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));
6956
- --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%));
6957
- --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%));
6958
- --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%));
6959
- --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%));
6960
- --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%));
6961
- --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%));
6962
- --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%));
6963
7002
  --theme-secondary-legacy-350: var(--theme-secondary-color-legacy);
6964
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));
6965
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));
@@ -7382,6 +7421,22 @@ body {
7382
7421
  --_o-disabled-static: 0.5;
7383
7422
  --_black-static: hsl(0, 0%, 0%);
7384
7423
  --_white-static: hsl(0, 0%, 100%);
7424
+ }
7425
+ body:not(.theme-dark),
7426
+ body.theme-highcontrast:not(.theme-dark),
7427
+ body:not(.theme-highcontrast):not(.theme-dark),
7428
+ body.theme-dark .theme-light__forced,
7429
+ body.theme-highcontrast.theme-dark .theme-light__forced,
7430
+ body:not(.theme-highcontrast).theme-dark .theme-light__forced,
7431
+ body.theme-system .theme-light__forced,
7432
+ body.theme-highcontrast.theme-system .theme-light__forced,
7433
+ body:not(.theme-highcontrast).theme-system .theme-light__forced,
7434
+ body.theme-dark,
7435
+ body.theme-highcontrast.theme-dark,
7436
+ body:not(.theme-highcontrast).theme-dark,
7437
+ body:not(.theme-dark) .theme-dark__forced,
7438
+ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced,
7439
+ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced {
7385
7440
  --bg-error: var(--red-400);
7386
7441
  --bg-danger: var(--red-400);
7387
7442
  --bg-success: var(--green-400);
@@ -7395,9 +7450,30 @@ body {
7395
7450
  --fc-dark: var(--black-600);
7396
7451
  --fc-error: var(--red-400);
7397
7452
  --fc-danger: var(--red-400);
7398
- --fc-success: var(--green-500);
7453
+ --fc-success: var(--green-400);
7399
7454
  --fc-warning: var(--yellow-500);
7400
7455
  }
7456
+ @media (prefers-color-scheme: dark) {
7457
+ body.theme-system,
7458
+ body.theme-highcontrast.theme-system,
7459
+ body:not(.theme-highcontrast).theme-system {
7460
+ --bg-error: var(--red-400);
7461
+ --bg-danger: var(--red-400);
7462
+ --bg-success: var(--green-400);
7463
+ --bg-warning: var(--yellow-500);
7464
+ --bc-error: var(--red-400);
7465
+ --bc-danger: var(--red-400);
7466
+ --bc-success: var(--green-400);
7467
+ --bc-warning: var(--yellow-500);
7468
+ --fc-light: var(--black-400);
7469
+ --fc-medium: var(--black-500);
7470
+ --fc-dark: var(--black-600);
7471
+ --fc-error: var(--red-400);
7472
+ --fc-danger: var(--red-400);
7473
+ --fc-success: var(--green-400);
7474
+ --fc-warning: var(--yellow-500);
7475
+ }
7476
+ }
7401
7477
  body:not(.theme-highcontrast):not(.theme-dark),
7402
7478
  body:not(.theme-highcontrast).theme-dark .theme-light__forced,
7403
7479
  body:not(.theme-highcontrast).theme-system .theme-light__forced,
@@ -7450,8 +7526,8 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7450
7526
  --yellow-400: hsl(43, 85%, 50%);
7451
7527
  --yellow-500: hsl(43, 85%, 33%);
7452
7528
  --yellow-600: hsl(43, 84%, 18%);
7453
- --purple-100: hsl(237, 80%, 96%);
7454
- --purple-200: hsl(237, 77%, 92%);
7529
+ --purple-100: hsl(237, 83%, 98%);
7530
+ --purple-200: hsl(237, 78%, 93%);
7455
7531
  --purple-300: hsl(237, 60%, 83%);
7456
7532
  --purple-400: hsl(237, 55%, 57%);
7457
7533
  --purple-500: hsl(237, 50%, 45%);
@@ -7510,19 +7586,19 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7510
7586
  --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
7511
7587
  --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
7512
7588
  --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
7513
- --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%));
7514
- --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%));
7515
- --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%));
7516
- --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%));
7517
- --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%));
7518
- --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)));
7519
7595
  --theme-primary-custom: var(--theme-primary-custom-400);
7520
- --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%));
7521
- --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%));
7522
- --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%));
7523
- --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%));
7524
- --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%));
7525
- --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)));
7526
7602
  --theme-secondary-custom: var(--theme-secondary-custom-400);
7527
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);
7528
7604
  color: var(--theme-body-font-color, var(--black-600));
@@ -7549,38 +7625,38 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7549
7625
  --orange-100: hsl(27, 29%, 19%);
7550
7626
  --orange-200: hsl(27, 43%, 31%);
7551
7627
  --orange-300: hsl(27, 43%, 47%);
7552
- --orange-400: hsl(27, 80%, 80%);
7553
- --orange-500: hsl(27, 80%, 88%);
7628
+ --orange-400: hsl(27, 80%, 72%);
7629
+ --orange-500: hsl(27, 80%, 83%);
7554
7630
  --orange-600: hsl(27, 80%, 93%);
7555
7631
  --blue-100: hsl(209, 29%, 19%);
7556
7632
  --blue-200: hsl(210, 29%, 35%);
7557
7633
  --blue-300: hsl(210, 29%, 50%);
7558
- --blue-400: hsl(210, 80%, 80%);
7559
- --blue-500: hsl(210, 80%, 88%);
7634
+ --blue-400: hsl(210, 80%, 75%);
7635
+ --blue-500: hsl(210, 80%, 83%);
7560
7636
  --blue-600: hsl(210, 80%, 93%);
7561
7637
  --green-100: hsl(148, 29%, 19%);
7562
7638
  --green-200: hsl(148, 29%, 27%);
7563
7639
  --green-300: hsl(148, 25%, 40%);
7564
- --green-400: hsl(148, 40%, 75%);
7565
- --green-500: hsl(148, 40%, 85%);
7640
+ --green-400: hsl(148, 40%, 68%);
7641
+ --green-500: hsl(148, 40%, 80%);
7566
7642
  --green-600: hsl(148, 40%, 93%);
7567
7643
  --red-100: hsl(358, 29%, 19%);
7568
7644
  --red-200: hsl(0, 29%, 37%);
7569
7645
  --red-300: hsl(0, 34%, 54%);
7570
- --red-400: hsl(0, 73%, 85%);
7571
- --red-500: hsl(0, 73%, 91%);
7646
+ --red-400: hsl(0, 73%, 80%);
7647
+ --red-500: hsl(0, 73%, 88%);
7572
7648
  --red-600: hsl(0, 73%, 95%);
7573
7649
  --yellow-100: hsl(43, 29%, 17%);
7574
7650
  --yellow-200: hsl(43, 29%, 25%);
7575
7651
  --yellow-300: hsl(43, 29%, 40%);
7576
7652
  --yellow-400: hsl(43, 75%, 75%);
7577
- --yellow-500: hsl(43, 75%, 85%);
7653
+ --yellow-500: hsl(43, 75%, 82%);
7578
7654
  --yellow-600: hsl(43, 75%, 91%);
7579
- --purple-100: hsl(237, 25%, 24%);
7580
- --purple-200: hsl(237, 27%, 38%);
7655
+ --purple-100: hsl(238, 24%, 23%);
7656
+ --purple-200: hsl(238, 27%, 34%);
7581
7657
  --purple-300: hsl(237, 32%, 56%);
7582
- --purple-400: hsl(237, 58%, 86%);
7583
- --purple-500: hsl(237, 60%, 91%);
7658
+ --purple-400: hsl(237, 60%, 82%);
7659
+ --purple-500: hsl(237, 60%, 88%);
7584
7660
  --purple-600: hsl(237, 65%, 96%);
7585
7661
  --gold-100: hsl(45, 29%, 24%);
7586
7662
  --gold-200: hsl(45, 47%, 37%);
@@ -7636,19 +7712,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7636
7712
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7637
7713
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7638
7714
  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7639
- --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%));
7640
- --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%));
7641
- --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%));
7642
- --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%));
7643
- --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%));
7644
- --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)));
7645
7721
  --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
7646
- --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%));
7647
- --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%));
7648
- --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%));
7649
- --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%));
7650
- --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%));
7651
- --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)));
7652
7728
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7653
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);
7654
7730
  color: var(--theme-body-font-color, var(--black-600));
@@ -7673,38 +7749,38 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7673
7749
  --orange-100: hsl(27, 29%, 19%);
7674
7750
  --orange-200: hsl(27, 43%, 31%);
7675
7751
  --orange-300: hsl(27, 43%, 47%);
7676
- --orange-400: hsl(27, 80%, 80%);
7677
- --orange-500: hsl(27, 80%, 88%);
7752
+ --orange-400: hsl(27, 80%, 72%);
7753
+ --orange-500: hsl(27, 80%, 83%);
7678
7754
  --orange-600: hsl(27, 80%, 93%);
7679
7755
  --blue-100: hsl(209, 29%, 19%);
7680
7756
  --blue-200: hsl(210, 29%, 35%);
7681
7757
  --blue-300: hsl(210, 29%, 50%);
7682
- --blue-400: hsl(210, 80%, 80%);
7683
- --blue-500: hsl(210, 80%, 88%);
7758
+ --blue-400: hsl(210, 80%, 75%);
7759
+ --blue-500: hsl(210, 80%, 83%);
7684
7760
  --blue-600: hsl(210, 80%, 93%);
7685
7761
  --green-100: hsl(148, 29%, 19%);
7686
7762
  --green-200: hsl(148, 29%, 27%);
7687
7763
  --green-300: hsl(148, 25%, 40%);
7688
- --green-400: hsl(148, 40%, 75%);
7689
- --green-500: hsl(148, 40%, 85%);
7764
+ --green-400: hsl(148, 40%, 68%);
7765
+ --green-500: hsl(148, 40%, 80%);
7690
7766
  --green-600: hsl(148, 40%, 93%);
7691
7767
  --red-100: hsl(358, 29%, 19%);
7692
7768
  --red-200: hsl(0, 29%, 37%);
7693
7769
  --red-300: hsl(0, 34%, 54%);
7694
- --red-400: hsl(0, 73%, 85%);
7695
- --red-500: hsl(0, 73%, 91%);
7770
+ --red-400: hsl(0, 73%, 80%);
7771
+ --red-500: hsl(0, 73%, 88%);
7696
7772
  --red-600: hsl(0, 73%, 95%);
7697
7773
  --yellow-100: hsl(43, 29%, 17%);
7698
7774
  --yellow-200: hsl(43, 29%, 25%);
7699
7775
  --yellow-300: hsl(43, 29%, 40%);
7700
7776
  --yellow-400: hsl(43, 75%, 75%);
7701
- --yellow-500: hsl(43, 75%, 85%);
7777
+ --yellow-500: hsl(43, 75%, 82%);
7702
7778
  --yellow-600: hsl(43, 75%, 91%);
7703
- --purple-100: hsl(237, 25%, 24%);
7704
- --purple-200: hsl(237, 27%, 38%);
7779
+ --purple-100: hsl(238, 24%, 23%);
7780
+ --purple-200: hsl(238, 27%, 34%);
7705
7781
  --purple-300: hsl(237, 32%, 56%);
7706
- --purple-400: hsl(237, 58%, 86%);
7707
- --purple-500: hsl(237, 60%, 91%);
7782
+ --purple-400: hsl(237, 60%, 82%);
7783
+ --purple-500: hsl(237, 60%, 88%);
7708
7784
  --purple-600: hsl(237, 65%, 96%);
7709
7785
  --gold-100: hsl(45, 29%, 24%);
7710
7786
  --gold-200: hsl(45, 47%, 37%);
@@ -7760,19 +7836,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7760
7836
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7761
7837
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7762
7838
  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7763
- --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%));
7764
- --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%));
7765
- --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%));
7766
- --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%));
7767
- --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%));
7768
- --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)));
7769
7845
  --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
7770
- --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%));
7771
- --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%));
7772
- --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%));
7773
- --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%));
7774
- --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%));
7775
- --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)));
7776
7852
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7777
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);
7778
7854
  color: var(--theme-body-font-color, var(--black-600));
@@ -7824,7 +7900,7 @@ body.theme-highcontrast.theme-system .theme-light__forced {
7824
7900
  --yellow-400: hsl(43, 85%, 50%);
7825
7901
  --yellow-500: hsl(48, 85%, 18%);
7826
7902
  --yellow-600: hsl(48, 85%, 18%);
7827
- --purple-100: hsl(237, 80%, 96%);
7903
+ --purple-100: hsl(237, 83%, 98%);
7828
7904
  --purple-200: hsl(237, 80%, 96%);
7829
7905
  --purple-300: hsl(237, 55%, 57%);
7830
7906
  --purple-400: hsl(237, 55%, 57%);
@@ -7904,25 +7980,25 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7904
7980
  --orange-100: hsl(27, 29%, 19%);
7905
7981
  --orange-200: hsl(27, 29%, 19%);
7906
7982
  --orange-300: hsl(27, 80%, 64%);
7907
- --orange-400: hsl(27, 80%, 80%);
7983
+ --orange-400: hsl(27, 80%, 72%);
7908
7984
  --orange-500: hsl(27, 79%, 89%);
7909
7985
  --orange-600: hsl(27, 80%, 93%);
7910
7986
  --blue-100: hsl(209, 29%, 19%);
7911
7987
  --blue-200: hsl(209, 29%, 19%);
7912
7988
  --blue-300: hsl(210, 80%, 72%);
7913
- --blue-400: hsl(210, 80%, 80%);
7989
+ --blue-400: hsl(210, 80%, 75%);
7914
7990
  --blue-500: hsl(209, 79%, 87%);
7915
7991
  --blue-600: hsl(210, 80%, 93%);
7916
7992
  --green-100: hsl(147, 29%, 19%);
7917
7993
  --green-200: hsl(147, 29%, 19%);
7918
7994
  --green-300: hsl(148, 40%, 62%);
7919
- --green-400: hsl(148, 40%, 75%);
7995
+ --green-400: hsl(148, 40%, 68%);
7920
7996
  --green-500: hsl(148, 39%, 87%);
7921
7997
  --green-600: hsl(148, 40%, 93%);
7922
7998
  --red-100: hsl(358, 29%, 19%);
7923
7999
  --red-200: hsl(358, 29%, 19%);
7924
8000
  --red-300: hsl(0, 75%, 77%);
7925
- --red-400: hsl(0, 73%, 85%);
8001
+ --red-400: hsl(0, 73%, 80%);
7926
8002
  --red-500: hsl(0, 70%, 92%);
7927
8003
  --red-600: hsl(0, 73%, 95%);
7928
8004
  --yellow-100: hsl(43, 29%, 17%);
@@ -7931,10 +8007,10 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7931
8007
  --yellow-400: hsl(43, 75%, 75%);
7932
8008
  --yellow-500: hsl(48, 74%, 91%);
7933
8009
  --yellow-600: hsl(43, 75%, 91%);
7934
- --purple-100: hsl(237, 25%, 24%);
7935
- --purple-200: hsl(237, 25%, 24%);
8010
+ --purple-100: hsl(237, 24%, 23%);
8011
+ --purple-200: hsl(237, 24%, 23%);
7936
8012
  --purple-300: hsl(237, 58%, 86%);
7937
- --purple-400: hsl(237, 58%, 86%);
8013
+ --purple-400: hsl(237, 60%, 82%);
7938
8014
  --purple-500: hsl(237, 65%, 96%);
7939
8015
  --purple-600: hsl(237, 65%, 96%);
7940
8016
  --gold-100: hsl(45, 22%, 25%);
@@ -8011,25 +8087,25 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8011
8087
  --orange-100: hsl(27, 29%, 19%);
8012
8088
  --orange-200: hsl(27, 29%, 19%);
8013
8089
  --orange-300: hsl(27, 80%, 64%);
8014
- --orange-400: hsl(27, 80%, 80%);
8090
+ --orange-400: hsl(27, 80%, 72%);
8015
8091
  --orange-500: hsl(27, 79%, 89%);
8016
8092
  --orange-600: hsl(27, 80%, 93%);
8017
8093
  --blue-100: hsl(209, 29%, 19%);
8018
8094
  --blue-200: hsl(209, 29%, 19%);
8019
8095
  --blue-300: hsl(210, 80%, 72%);
8020
- --blue-400: hsl(210, 80%, 80%);
8096
+ --blue-400: hsl(210, 80%, 75%);
8021
8097
  --blue-500: hsl(209, 79%, 87%);
8022
8098
  --blue-600: hsl(210, 80%, 93%);
8023
8099
  --green-100: hsl(147, 29%, 19%);
8024
8100
  --green-200: hsl(147, 29%, 19%);
8025
8101
  --green-300: hsl(148, 40%, 62%);
8026
- --green-400: hsl(148, 40%, 75%);
8102
+ --green-400: hsl(148, 40%, 68%);
8027
8103
  --green-500: hsl(148, 39%, 87%);
8028
8104
  --green-600: hsl(148, 40%, 93%);
8029
8105
  --red-100: hsl(358, 29%, 19%);
8030
8106
  --red-200: hsl(358, 29%, 19%);
8031
8107
  --red-300: hsl(0, 75%, 77%);
8032
- --red-400: hsl(0, 73%, 85%);
8108
+ --red-400: hsl(0, 73%, 80%);
8033
8109
  --red-500: hsl(0, 70%, 92%);
8034
8110
  --red-600: hsl(0, 73%, 95%);
8035
8111
  --yellow-100: hsl(43, 29%, 17%);
@@ -8038,10 +8114,10 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8038
8114
  --yellow-400: hsl(43, 75%, 75%);
8039
8115
  --yellow-500: hsl(48, 74%, 91%);
8040
8116
  --yellow-600: hsl(43, 75%, 91%);
8041
- --purple-100: hsl(237, 25%, 24%);
8042
- --purple-200: hsl(237, 25%, 24%);
8117
+ --purple-100: hsl(237, 24%, 23%);
8118
+ --purple-200: hsl(237, 24%, 23%);
8043
8119
  --purple-300: hsl(237, 58%, 86%);
8044
- --purple-400: hsl(237, 58%, 86%);
8120
+ --purple-400: hsl(237, 60%, 82%);
8045
8121
  --purple-500: hsl(237, 65%, 96%);
8046
8122
  --purple-600: hsl(237, 65%, 96%);
8047
8123
  --gold-100: hsl(45, 22%, 25%);
@@ -19816,7 +19892,7 @@ p {
19816
19892
  }
19817
19893
  }
19818
19894
  .fs-category {
19819
- font-weight: 600;
19895
+ font-weight: 700;
19820
19896
  text-transform: uppercase;
19821
19897
  }
19822
19898
  .fs-category.has-border {
@@ -19861,7 +19937,7 @@ p {
19861
19937
  font-weight: 400 !important;
19862
19938
  }
19863
19939
  .fw-bold {
19864
- font-weight: 600 !important;
19940
+ font-weight: 700 !important;
19865
19941
  }
19866
19942
  .fs-normal {
19867
19943
  font-style: normal !important;