@planningcenter/tapestry 2.4.0-rc.20 → 2.4.0-rc.21

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/components/link/BaseLink.js +1 -1
  2. package/dist/components/link/BaseLink.js.map +1 -1
  3. package/dist/components/page-header/index.js +1 -1
  4. package/dist/components/sidenav/index.js +1 -1
  5. package/dist/index.css +3 -2
  6. package/dist/index.css.map +1 -1
  7. package/dist/reactRender.css +483 -482
  8. package/dist/reactRender.css.map +1 -1
  9. package/dist/reactRenderLegacy.css +483 -482
  10. package/dist/reactRenderLegacy.css.map +1 -1
  11. package/dist/tapestry-wc/dist/components/{p-BeRBdTgg.js → p-BkKB6I4F.js} +2 -2
  12. package/dist/tapestry-wc/dist/components/{p-BeRBdTgg.js.map → p-BkKB6I4F.js.map} +1 -1
  13. package/dist/tapestry-wc/dist/components/{p-DSD_J55f.js → p-C3BOjpQE.js} +3 -3
  14. package/dist/tapestry-wc/dist/components/{p-DSD_J55f.js.map → p-C3BOjpQE.js.map} +1 -1
  15. package/dist/tapestry-wc/dist/components/{p-DykUuEjv.js → p-Czwcvzxq.js} +3 -3
  16. package/dist/tapestry-wc/dist/components/{p-DykUuEjv.js.map → p-Czwcvzxq.js.map} +1 -1
  17. package/dist/tapestry-wc/dist/components/{p-Bm4mzfXP.js → p-DksyBtzT.js} +2 -2
  18. package/dist/tapestry-wc/dist/components/{p-Bm4mzfXP.js.map → p-DksyBtzT.js.map} +1 -1
  19. package/dist/tapestry-wc/dist/components/{p-T-mo2mEc.js → p-DlzxVRhi.js} +3 -3
  20. package/dist/tapestry-wc/dist/components/{p-T-mo2mEc.js.map → p-DlzxVRhi.js.map} +1 -1
  21. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  22. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  23. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  24. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  25. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  26. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  27. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  28. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  29. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  30. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  31. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  32. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  33. package/dist/unstable.css +3 -2
  34. package/dist/unstable.css.map +1 -1
  35. package/package.json +3 -3
package/dist/reactRenderLegacy.css CHANGED
@@ -625,35 +625,82 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
625
625
  }
626
626
  }
627
627
 
628
- :root[data-color-mode="dark"]{
629
- color-scheme:dark;
630
- --t-text-color-default-headline:hsl(0, 0%, 94%);
631
- --t-text-color-default-primary:hsl(0, 0%, 80%);
632
- --t-text-color-default-secondary:hsl(0, 0%, 54%);
633
- --t-text-color-default-disabled:hsl(0, 0%, 25%);
634
- --t-text-color-default-placeholder:hsl(0, 0%, 38%);
628
+ :root{
629
+ --t-border-radius-sm:2px;
630
+ --t-border-radius-md:4px;
631
+ --t-border-radius-lg:8px;
632
+ --t-border-radius-xl:16px;
633
+ --t-border-radius-round:56px;
634
+ --t-border-radius-default:4px;
635
+ --t-border-width-default:1px;
636
+ --t-border-width-thick:2px;
637
+ --t-spacing-1:8px;
638
+ --t-spacing-2:16px;
639
+ --t-spacing-3:24px;
640
+ --t-spacing-4:32px;
641
+ --t-spacing-5:40px;
642
+ --t-spacing-6:48px;
643
+ --t-spacing-7:56px;
644
+ --t-spacing-fourth:2px;
645
+ --t-spacing-half:4px;
646
+ --t-element-size-3xl:48px;
647
+ --t-element-size-2xl:32px;
648
+ --t-element-size-xl:24px;
649
+ --t-element-size-lg:18px;
650
+ --t-element-size-md:16px;
651
+ --t-element-size-sm:14px;
652
+ --t-element-size-xs:12px;
653
+ --t-font-size-4xl:32px;
654
+ --t-font-size-3xl:28px;
655
+ --t-font-size-2xl:24px;
656
+ --t-font-size-xl:20px;
657
+ --t-font-size-lg:18px;
658
+ --t-font-size-md:16px;
659
+ --t-font-size-sm:14px;
660
+ --t-font-size-xs:12px;
661
+ --t-font-size-2xs:10px;
662
+ --t-font-weight-normal:400;
663
+ --t-font-weight-medium:500;
664
+ --t-font-weight-semibold:600;
665
+ --t-font-weight-bold:700;
666
+ --t-container-size-xl:48px;
667
+ --t-container-size-lg:40px;
668
+ --t-container-size-md:32px;
669
+ --t-container-size-sm:24px;
670
+ --t-container-size-xs:20px;
671
+ --t-avatar-size-20:20px;
672
+ --t-avatar-size-24:24px;
673
+ --t-avatar-size-36:36px;
674
+ --t-avatar-size-48:48px;
675
+ --t-avatar-size-72:72px;
676
+ --t-avatar-size-112:112px;
677
+ --t-text-color-default-headline:hsl(0, 0%, 12%);
678
+ --t-text-color-default-primary:hsl(0, 0%, 24%);
679
+ --t-text-color-default-secondary:hsl(0, 0%, 42%);
680
+ --t-text-color-default-disabled:hsl(0, 0%, 81%);
681
+ --t-text-color-default-placeholder:hsl(0, 0%, 58%);
635
682
  --t-text-color-default-inverted:hsl(0, 0%, 100%);
636
- --t-text-color-interaction-primary:hsl(204, 68%, 55%);
637
- --t-text-color-interaction-hover:hsl(204, 68%, 50%);
638
- --t-text-color-interaction-active:hsl(204, 68%, 45%);
639
- --t-text-color-interaction-visited:hsl(204, 68%, 50%);
640
- --t-text-color-status-neutral:hsl(0, 0%, 80%);
641
- --t-text-color-status-info:hsl(204, 68%, 55%);
642
- --t-text-color-status-success:hsl(97, 57%, 41%);
643
- --t-text-color-status-warning:hsl(42, 84%, 55%);
644
- --t-text-color-status-error:hsl(8, 61%, 61%);
645
- --t-text-color-tag-subtle-gray:hsl(0, 0%, 80%);
646
- --t-text-color-tag-subtle-blue:hsl(223, 46%, 84%);
647
- --t-text-color-tag-subtle-indigo:hsl(233, 78%, 84%);
648
- --t-text-color-tag-subtle-aqua:hsl(208, 77%, 85%);
649
- --t-text-color-tag-subtle-teal:hsl(180, 95%, 74%);
650
- --t-text-color-tag-subtle-green:hsl(99, 93%, 84%);
651
- --t-text-color-tag-subtle-yellow:hsl(29, 100%, 85%);
652
- --t-text-color-tag-subtle-orange:hsl(18, 100%, 85%);
653
- --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
654
- --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
655
- --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
656
- --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
683
+ --t-text-color-interaction-primary:hsl(204, 100%, 40%);
684
+ --t-text-color-interaction-hover:hsl(204, 100%, 35%);
685
+ --t-text-color-interaction-active:hsl(204, 100%, 30%);
686
+ --t-text-color-interaction-visited:hsl(204, 100%, 30%);
687
+ --t-text-color-status-neutral:hsl(0, 0%, 24%);
688
+ --t-text-color-status-info:hsl(204, 100%, 35%);
689
+ --t-text-color-status-success:hsl(97, 57%, 28%);
690
+ --t-text-color-status-warning:hsl(42, 100%, 29%);
691
+ --t-text-color-status-error:hsl(8, 60%, 45%);
692
+ --t-text-color-tag-subtle-gray:hsl(0, 0%, 24%);
693
+ --t-text-color-tag-subtle-blue:hsl(224, 47%, 31%);
694
+ --t-text-color-tag-subtle-indigo:hsl(241, 59%, 28%);
695
+ --t-text-color-tag-subtle-aqua:hsl(209, 77%, 22%);
696
+ --t-text-color-tag-subtle-teal:hsl(180, 95%, 15%);
697
+ --t-text-color-tag-subtle-green:hsl(100, 93%, 17%);
698
+ --t-text-color-tag-subtle-yellow:hsl(29, 100%, 23%);
699
+ --t-text-color-tag-subtle-orange:hsl(18, 100%, 18%);
700
+ --t-text-color-tag-subtle-pink:hsl(327, 88%, 20%);
701
+ --t-text-color-tag-subtle-purple:hsl(268, 71%, 27%);
702
+ --t-text-color-tag-subtle-magenta:hsl(285, 71%, 20%);
703
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 24%);
657
704
  --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
658
705
  --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
659
706
  --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
@@ -664,57 +711,57 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
664
711
  --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
665
712
  --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
666
713
  --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
667
- --t-icon-color-default-primary:hsl(0, 0%, 80%);
668
- --t-icon-color-default-secondary:hsl(0, 0%, 54%);
669
- --t-icon-color-default-dim:hsl(0, 0%, 38%);
670
- --t-icon-color-default-disabled:hsl(0, 0%, 25%);
714
+ --t-icon-color-default-primary:hsl(0, 0%, 24%);
715
+ --t-icon-color-default-secondary:hsl(0, 0%, 42%);
716
+ --t-icon-color-default-dim:hsl(0, 0%, 58%);
717
+ --t-icon-color-default-disabled:hsl(0, 0%, 81%);
671
718
  --t-icon-color-default-inverted:hsl(0, 0%, 100%);
672
- --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
673
- --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
674
- --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
675
- --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
719
+ --t-icon-color-status-neutral-primary:hsl(0, 0%, 42%);
720
+ --t-icon-color-status-neutral-secondary:hsl(0, 0%, 58%);
721
+ --t-icon-color-status-neutral-bold:hsl(0, 0%, 24%);
722
+ --t-icon-color-status-info-primary:hsl(204, 100%, 40%);
676
723
  --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
677
724
  --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
678
725
  --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
679
- --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
680
- --t-fill-color-neutral-100:hsl(0, 0%, 10%);
681
- --t-fill-color-neutral-000:hsl(0, 0%, 98%);
682
- --t-fill-color-neutral-010:hsl(0, 0%, 88%);
683
- --t-fill-color-neutral-020:hsl(0, 0%, 68%);
684
- --t-fill-color-neutral-025:hsl(0, 0%, 58%);
685
- --t-fill-color-neutral-030:hsl(0, 0%, 50%);
686
- --t-fill-color-neutral-040:hsl(0, 0%, 32%);
687
- --t-fill-color-neutral-050:hsl(0, 0%, 24%);
688
- --t-fill-color-neutral-060:hsl(0, 0%, 19%);
689
- --t-fill-color-neutral-070:hsl(0, 0%, 17%);
690
- --t-fill-color-neutral-080:hsl(0, 0%, 15%);
691
- --t-fill-color-neutral-090:hsl(0, 0%, 12%);
692
- --t-fill-color-interaction-default:hsl(204, 100%, 35%);
693
- --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
694
- --t-fill-color-interaction-active:hsl(204, 80%, 45%);
695
- --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
696
- --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
697
- --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
698
- --t-fill-color-control-primary:hsl(204, 100%, 35%);
726
+ --t-icon-color-status-error-primary:hsl(8, 60%, 47%);
727
+ --t-fill-color-neutral-100:hsl(0, 0%, 100%);
728
+ --t-fill-color-neutral-000:hsl(0, 0%, 12%);
729
+ --t-fill-color-neutral-010:hsl(0, 0%, 24%);
730
+ --t-fill-color-neutral-020:hsl(0, 0%, 42%);
731
+ --t-fill-color-neutral-025:hsl(0, 0%, 50%);
732
+ --t-fill-color-neutral-030:hsl(0, 0%, 58%);
733
+ --t-fill-color-neutral-040:hsl(0, 0%, 81%);
734
+ --t-fill-color-neutral-050:hsl(0, 0%, 88%);
735
+ --t-fill-color-neutral-060:hsl(0, 0%, 93%);
736
+ --t-fill-color-neutral-070:hsl(0, 0%, 95%);
737
+ --t-fill-color-neutral-080:hsl(0, 0%, 97%);
738
+ --t-fill-color-neutral-090:hsl(0, 0%, 98%);
739
+ --t-fill-color-interaction-default:hsl(204, 100%, 40%);
740
+ --t-fill-color-interaction-hover:hsl(204, 100%, 35%);
741
+ --t-fill-color-interaction-active:hsl(204, 100%, 30%);
742
+ --t-fill-color-interaction-disabled:hsl(0, 0%, 81%);
743
+ --t-fill-color-control-neutral-off:hsl(0, 0%, 58%);
744
+ --t-fill-color-control-neutral-on:hsl(0, 0%, 24%);
745
+ --t-fill-color-control-primary:hsl(204, 100%, 40%);
699
746
  --t-fill-color-control-secondary:hsl(97, 57%, 40%);
700
747
  --t-fill-color-control-error:hsl(8, 60%, 47%);
701
- --t-fill-color-control-disabled:hsl(0, 0%, 20%);
702
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
703
- --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
704
- --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
705
- --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
706
- --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
707
- --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
748
+ --t-fill-color-control-disabled:hsl(0, 0%, 81%);
749
+ --t-fill-color-status-neutral-solid:hsl(0, 0%, 42%);
750
+ --t-fill-color-status-neutral-ghost:hsl(0, 0%, 93%);
751
+ --t-fill-color-status-neutral-dim:hsl(0, 0%, 97%);
752
+ --t-fill-color-status-info-solid:hsl(204, 100%, 40%);
753
+ --t-fill-color-status-info-ghost:hsl(203, 94%, 94%);
754
+ --t-fill-color-status-info-dim:hsl(204, 100%, 97%);
708
755
  --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
709
- --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
710
- --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
756
+ --t-fill-color-status-success-ghost:hsl(97, 57%, 90%);
757
+ --t-fill-color-status-success-dim:hsl(96, 60%, 95%);
711
758
  --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
712
- --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
713
- --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
759
+ --t-fill-color-status-warning-ghost:hsl(42, 87%, 94%);
760
+ --t-fill-color-status-warning-dim:hsl(42, 87%, 97%);
714
761
  --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
715
- --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
716
- --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
717
- --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
762
+ --t-fill-color-status-error-ghost:hsl(9, 59%, 93%);
763
+ --t-fill-color-status-error-dim:hsl(7, 60%, 97%);
764
+ --t-fill-color-tooltip-primary:hsla(0, 0%, 12%, 0.9);
718
765
  --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
719
766
  --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
720
767
  --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
@@ -798,160 +845,209 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
798
845
  --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
799
846
  --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
800
847
  --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
801
- --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
802
- --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
803
- --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
804
- --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));
805
- --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));
806
- --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));
807
- --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));
808
- --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));
809
- --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
810
- --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));
811
- --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
812
- --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
813
- --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
814
- --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
815
- --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));
816
- --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));
817
- --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));
818
- --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
819
- --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
820
- --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
821
- --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
822
- --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
823
- --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
824
- --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
825
- --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
826
- --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
848
+ --t-fill-color-product-accounts-gradient-brand:linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));
849
+ --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
850
+ --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
851
+ --t-fill-color-product-api-gradient-brand:linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));
852
+ --t-fill-color-product-calendar-gradient-brand:linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));
853
+ --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
854
+ --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));
855
+ --t-fill-color-product-cc-gradient-brand:linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));
856
+ --t-fill-color-product-checkins-gradient-brand:linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));
857
+ --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));
858
+ --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));
859
+ --t-fill-color-product-giving-gradient-brand:linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));
860
+ --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));
861
+ --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));
862
+ --t-fill-color-product-groups-gradient-brand:linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));
863
+ --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
864
+ --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));
865
+ --t-fill-color-product-headcounts-gradient-brand:linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));
866
+ --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
867
+ --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
868
+ --t-fill-color-product-musicstand-gradient-brand:linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));
869
+ --t-fill-color-product-people-gradient-brand:linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));
870
+ --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
871
+ --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
872
+ --t-fill-color-product-publishing-gradient-brand:linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));
873
+ --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));
874
+ --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));
875
+ --t-fill-color-product-registrations-gradient-brand:linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));
876
+ --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));
877
+ --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));
878
+ --t-fill-color-product-services-gradient-brand:linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));
879
+ --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));
880
+ --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, hsl(204, 67%, 92%));
881
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 93%);
882
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 88%);
883
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 88%);
884
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 81%);
885
+ --t-fill-color-tag-blue-010:hsl(220, 100%, 95%);
886
+ --t-fill-color-tag-blue-020:hsl(221, 100%, 88%);
827
887
  --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
828
888
  --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
829
- --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
830
- --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
889
+ --t-fill-color-tag-aqua-010:hsl(200, 82%, 89%);
890
+ --t-fill-color-tag-aqua-020:hsl(200, 82%, 82%);
831
891
  --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
832
892
  --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
833
- --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
834
- --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
893
+ --t-fill-color-tag-teal-010:hsl(163, 53%, 83%);
894
+ --t-fill-color-tag-teal-020:hsl(164, 52%, 76%);
835
895
  --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
836
896
  --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
837
- --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
838
- --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
897
+ --t-fill-color-tag-green-010:hsl(98, 59%, 85%);
898
+ --t-fill-color-tag-green-020:hsl(99, 59%, 78%);
839
899
  --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
840
900
  --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
841
- --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
842
- --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
901
+ --t-fill-color-tag-yellow-010:hsl(45, 77%, 85%);
902
+ --t-fill-color-tag-yellow-020:hsl(44, 78%, 77%);
843
903
  --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
844
904
  --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
845
- --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
846
- --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
905
+ --t-fill-color-tag-orange-010:hsl(22, 89%, 89%);
906
+ --t-fill-color-tag-orange-020:hsl(21, 89%, 82%);
847
907
  --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
848
908
  --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
849
- --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
850
- --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
909
+ --t-fill-color-tag-pink-010:hsl(311, 66%, 92%);
910
+ --t-fill-color-tag-pink-020:hsl(310, 64%, 85%);
851
911
  --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
852
912
  --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
853
- --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
854
- --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
913
+ --t-fill-color-tag-purple-010:hsl(259, 74%, 93%);
914
+ --t-fill-color-tag-purple-020:hsl(259, 74%, 85%);
855
915
  --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
856
916
  --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
857
- --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
858
- --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
917
+ --t-fill-color-tag-magenta-010:hsl(294, 37%, 90%);
918
+ --t-fill-color-tag-magenta-020:hsl(291, 40%, 83%);
859
919
  --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
860
920
  --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
861
- --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
862
- --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
921
+ --t-fill-color-tag-indigo-010:hsl(234, 78%, 93%);
922
+ --t-fill-color-tag-indigo-020:hsl(233, 79%, 87%);
863
923
  --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
864
924
  --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
865
- --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
866
- --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
867
- --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
868
- --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
869
- --t-fill-color-button-neutral-outline-dim-default:hsl(0, 0%, 15%);
870
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
871
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
872
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
873
- --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 0%, 0);
874
- --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
875
- --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
876
- --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
925
+ --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 93%);
926
+ --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 88%);
927
+ --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 81%);
928
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 95%);
929
+ --t-fill-color-button-neutral-outline-dim-default:hsla(0, 0%, 100%, 0);
930
+ --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 95%);
931
+ --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 93%);
932
+ --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 98%);
933
+ --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 100%, 0);
934
+ --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
935
+ --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
936
+ --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 100%, 0);
877
937
  --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
878
938
  --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
879
939
  --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
880
- --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
881
- --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
882
- --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
883
- --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
884
- --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
885
- --t-fill-color-button-interaction-outline-dim-default:hsl(204, 32%, 15%);
886
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
887
- --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
888
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
889
- --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 0%, 0);
890
- --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
891
- --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
892
- --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
893
- --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
940
+ --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 0%, 0.05);
941
+ --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 40%);
942
+ --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
943
+ --t-fill-color-button-interaction-solid-active:hsl(204, 100%, 30%);
944
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
945
+ --t-fill-color-button-interaction-outline-dim-default:hsla(0, 0%, 100%, 0);
946
+ --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 100%, 97%);
947
+ --t-fill-color-button-interaction-outline-dim-active:hsl(203, 94%, 94%);
948
+ --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 98%);
949
+ --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 100%, 0);
950
+ --t-fill-color-button-interaction-ghost-hover:hsl(204, 100%, 97%);
951
+ --t-fill-color-button-interaction-ghost-active:hsl(203, 94%, 94%);
952
+ --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 100%, 0);
953
+ --t-fill-color-button-delete-solid-default:hsl(8, 60%, 47%);
894
954
  --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
895
- --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
896
- --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
897
- --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
898
- --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
899
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
900
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
901
- --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 0%, 0);
902
- --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
903
- --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
904
- --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
905
- --t-fill-color-button-pill-default:hsl(0, 0%, 18%);
906
- --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
907
- --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
908
- --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
909
- --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
910
- --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
911
- --t-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
912
- --t-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
913
- --t-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
914
- --t-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
915
- --t-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
916
- --t-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
917
- --t-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
918
- --t-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
919
- --t-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
920
- --t-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
921
- --t-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
922
- --t-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
923
- --t-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
924
- --t-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
925
- --t-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
926
- --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
927
- --t-surface-color-card:hsl(0, 0%, 12%);
928
- --t-surface-color-canvas:hsl(0, 0%, 10%);
929
- --t-border-color-default-base:hsl(0, 0%, 21%);
930
- --t-border-color-default-dark:hsl(0, 0%, 25%);
931
- --t-border-color-default-darker:hsl(0, 0%, 33%);
932
- --t-border-color-default-darkest:hsl(0, 0%, 38%);
933
- --t-border-color-default-disabled:hsl(0, 0%, 21%);
934
- --t-border-color-default-dim:hsl(0, 0%, 16%);
935
- --t-border-color-default-white:hsl(0, 0%, 12%);
936
- --t-border-color-status-neutral:hsl(0, 0%, 38%);
937
- --t-border-color-status-info:hsl(204, 100%, 35%);
955
+ --t-fill-color-button-delete-solid-active:hsl(8, 60%, 40%);
956
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 95%);
957
+ --t-fill-color-button-delete-outline-dim-default:hsla(0, 0%, 100%, 0);
958
+ --t-fill-color-button-delete-outline-dim-hover:hsl(7, 60%, 97%);
959
+ --t-fill-color-button-delete-outline-dim-active:hsl(9, 59%, 93%);
960
+ --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 98%);
961
+ --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 100%, 0);
962
+ --t-fill-color-button-delete-ghost-hover:hsl(7, 60%, 97%);
963
+ --t-fill-color-button-delete-ghost-active:hsl(9, 59%, 93%);
964
+ --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 100%, 0);
965
+ --t-fill-color-button-pill-default:hsl(0, 0%, 93%);
966
+ --t-fill-color-button-pill-hover:hsl(0, 0%, 88%);
967
+ --t-fill-color-button-pill-active:hsl(0, 0%, 88%);
968
+ --t-fill-color-button-pill-disabled:hsl(0, 0%, 93%);
969
+ --t-fill-color-transparency-light-010:hsla(0, 0%, 100%, 0.1);
970
+ --t-fill-color-transparency-light-020:hsla(0, 0%, 100%, 0.2);
971
+ --t-fill-color-transparency-light-030:hsla(0, 0%, 100%, 0.3);
972
+ --t-fill-color-transparency-light-040:hsla(0, 0%, 100%, 0.4);
973
+ --t-fill-color-transparency-light-050:hsla(0, 0%, 100%, 0.5);
974
+ --t-fill-color-transparency-light-060:hsla(0, 0%, 100%, 0.6);
975
+ --t-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
976
+ --t-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
977
+ --t-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
978
+ --t-fill-color-transparency-dark-010:hsla(0, 0%, 0%, 0.1);
979
+ --t-fill-color-transparency-dark-020:hsla(0, 0%, 0%, 0.2);
980
+ --t-fill-color-transparency-dark-030:hsla(0, 0%, 0%, 0.3);
981
+ --t-fill-color-transparency-dark-040:hsla(0, 0%, 0%, 0.4);
982
+ --t-fill-color-transparency-dark-050:hsla(0, 0%, 0%, 0.5);
983
+ --t-fill-color-transparency-dark-060:hsla(0, 0%, 0%, 0.6);
984
+ --t-fill-color-transparency-dark-070:hsla(0, 0%, 0%, 0.7);
985
+ --t-fill-color-transparency-dark-080:hsla(0, 0%, 0%, 0.8);
986
+ --t-fill-color-transparency-dark-090:hsla(0, 0%, 0%, 0.9);
987
+ --t-surface-color-card:hsl(0, 0%, 100%);
988
+ --t-surface-color-canvas:hsl(0, 0%, 100%);
989
+ --t-border-color-default-base:hsl(0, 0%, 88%);
990
+ --t-border-color-default-dark:hsl(0, 0%, 81%);
991
+ --t-border-color-default-darker:hsl(0, 0%, 68%);
992
+ --t-border-color-default-darkest:hsl(0, 0%, 58%);
993
+ --t-border-color-default-disabled:hsl(0, 0%, 88%);
994
+ --t-border-color-default-dim:hsl(0, 0%, 95%);
995
+ --t-border-color-default-white:hsl(0, 0%, 100%);
996
+ --t-border-color-status-neutral:hsl(0, 0%, 58%);
997
+ --t-border-color-status-info:hsl(204, 100%, 40%);
938
998
  --t-border-color-status-success:hsl(97, 57%, 40%);
939
999
  --t-border-color-status-warning:hsl(42, 84%, 63%);
940
1000
  --t-border-color-status-error:hsl(8, 60%, 47%);
941
- --t-border-color-button-neutral:hsl(0, 0%, 19%);
942
- --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
943
- --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
944
- --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
945
- --t-border-color-control-neutral:hsl(0, 0%, 33%);
946
- --t-border-color-control-info:hsl(204, 100%, 35%);
1001
+ --t-border-color-button-neutral:hsl(0, 0%, 88%);
1002
+ --t-border-color-button-info:hsl(204, 100%, 40%);
1003
+ --t-border-color-button-create:hsl(96, 57%, 33%);
1004
+ --t-border-color-button-delete:hsl(8, 60%, 47%);
1005
+ --t-border-color-control-neutral:hsl(0, 0%, 68%);
1006
+ --t-border-color-control-info:hsl(204, 100%, 40%);
947
1007
  --t-border-color-control-success:hsl(97, 57%, 40%);
948
1008
  --t-border-color-control-warning:hsl(42, 84%, 63%);
949
1009
  --t-border-color-control-error:hsl(8, 60%, 47%);
950
- --t-border-color-control-disabled:hsl(0, 0%, 21%);
1010
+ --t-border-color-control-disabled:hsl(0, 0%, 88%);
1011
+ --t-form-background-color:var(--t-fill-color-neutral-100);
1012
+ --t-form-background-color-disabled:var(--t-fill-color-neutral-070);
1013
+ --t-form-background-color-error:var(--t-fill-color-neutral-100);
1014
+ --t-form-background-color-readonly:var(--t-fill-color-neutral-070);
1015
+ --t-form-border-color:var(--t-border-color-default-base);
1016
+ --t-form-border-color-disabled:var(--t-border-color-default-base);
1017
+ --t-form-border-color-error:var(--t-border-color-status-error);
1018
+ --t-form-border-color-focus:var(--t-fill-color-interaction-default);
1019
+ --t-form-border-color-hover:var(--t-border-color-default-dark);
1020
+ --t-form-border-color-readonly:hsla(0, 0%, 100%, 0);
1021
+ --t-form-border-radius:var(--t-border-radius-md);
1022
+ --t-form-border-width:var(--t-border-width-default);
1023
+ --t-form-font-color:var(--t-text-color-default-primary);
1024
+ --t-form-font-color-disabled:var(--t-text-color-default-disabled);
1025
+ --t-form-font-color-error:var(--t-text-color-status-error);
1026
+ --t-form-font-color-readonly:var(--t-text-color-default-primary);
1027
+ --t-form-picker-icon-color:var(--t-icon-color-default-primary);
1028
+ --t-form-placeholder-color:var(--t-text-color-default-placeholder);
1029
+ --t-border-size-default:var(--t-border-width-default);
1030
+ --t-border-size-thick:var(--t-border-width-thick);
1031
+ --t-font-weight-semi-bold:var(--t-font-weight-semibold);
1032
+ --t-icon-color-status-neutral-dark:hsl(0, 0%, 24%);
1033
+ --t-icon-color-status-info-secondary:hsl(204, 100%, 40%);
1034
+ --t-fill-color-alert-info:hsl(204, 94%, 49%);
1035
+ --t-fill-color-alert-success:hsl(122, 60%, 41%);
1036
+ --t-fill-color-alert-warning:hsl(43, 96%, 58%);
1037
+ --t-fill-color-alert-error:hsl(4, 77%, 59%);
1038
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
1039
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
1040
+ --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
1041
+ --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
1042
+ --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
1043
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
1044
+ --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
1045
+ --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
1046
+ --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
1047
+ --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
951
1048
  }
952
1049
 
953
- @media (prefers-color-scheme: dark){
954
- :root[data-color-mode="system"]{
1050
+ :root[data-color-mode="dark"]{
955
1051
  color-scheme:dark;
956
1052
  --t-text-color-default-headline:hsl(0, 0%, 94%);
957
1053
  --t-text-color-default-primary:hsl(0, 0%, 80%);
@@ -1275,84 +1371,37 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
1275
1371
  --t-border-color-control-error:hsl(8, 60%, 47%);
1276
1372
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
1277
1373
  }
1278
- }
1279
1374
 
1280
- :root{
1281
- --t-border-radius-sm:2px;
1282
- --t-border-radius-md:4px;
1283
- --t-border-radius-lg:8px;
1284
- --t-border-radius-xl:16px;
1285
- --t-border-radius-round:56px;
1286
- --t-border-radius-default:4px;
1287
- --t-border-width-default:1px;
1288
- --t-border-width-thick:2px;
1289
- --t-spacing-1:8px;
1290
- --t-spacing-2:16px;
1291
- --t-spacing-3:24px;
1292
- --t-spacing-4:32px;
1293
- --t-spacing-5:40px;
1294
- --t-spacing-6:48px;
1295
- --t-spacing-7:56px;
1296
- --t-spacing-fourth:2px;
1297
- --t-spacing-half:4px;
1298
- --t-element-size-3xl:48px;
1299
- --t-element-size-2xl:32px;
1300
- --t-element-size-xl:24px;
1301
- --t-element-size-lg:18px;
1302
- --t-element-size-md:16px;
1303
- --t-element-size-sm:14px;
1304
- --t-element-size-xs:12px;
1305
- --t-font-size-4xl:32px;
1306
- --t-font-size-3xl:28px;
1307
- --t-font-size-2xl:24px;
1308
- --t-font-size-xl:20px;
1309
- --t-font-size-lg:18px;
1310
- --t-font-size-md:16px;
1311
- --t-font-size-sm:14px;
1312
- --t-font-size-xs:12px;
1313
- --t-font-size-2xs:10px;
1314
- --t-font-weight-normal:400;
1315
- --t-font-weight-medium:500;
1316
- --t-font-weight-semibold:600;
1317
- --t-font-weight-bold:700;
1318
- --t-container-size-xl:48px;
1319
- --t-container-size-lg:40px;
1320
- --t-container-size-md:32px;
1321
- --t-container-size-sm:24px;
1322
- --t-container-size-xs:20px;
1323
- --t-avatar-size-20:20px;
1324
- --t-avatar-size-24:24px;
1325
- --t-avatar-size-36:36px;
1326
- --t-avatar-size-48:48px;
1327
- --t-avatar-size-72:72px;
1328
- --t-avatar-size-112:112px;
1329
- --t-text-color-default-headline:hsl(0, 0%, 12%);
1330
- --t-text-color-default-primary:hsl(0, 0%, 24%);
1331
- --t-text-color-default-secondary:hsl(0, 0%, 42%);
1332
- --t-text-color-default-disabled:hsl(0, 0%, 81%);
1333
- --t-text-color-default-placeholder:hsl(0, 0%, 58%);
1375
+ @media (prefers-color-scheme: dark){
1376
+ :root[data-color-mode="system"]{
1377
+ color-scheme:dark;
1378
+ --t-text-color-default-headline:hsl(0, 0%, 94%);
1379
+ --t-text-color-default-primary:hsl(0, 0%, 80%);
1380
+ --t-text-color-default-secondary:hsl(0, 0%, 54%);
1381
+ --t-text-color-default-disabled:hsl(0, 0%, 25%);
1382
+ --t-text-color-default-placeholder:hsl(0, 0%, 38%);
1334
1383
  --t-text-color-default-inverted:hsl(0, 0%, 100%);
1335
- --t-text-color-interaction-primary:hsl(204, 100%, 40%);
1336
- --t-text-color-interaction-hover:hsl(204, 100%, 35%);
1337
- --t-text-color-interaction-active:hsl(204, 100%, 30%);
1338
- --t-text-color-interaction-visited:hsl(204, 100%, 30%);
1339
- --t-text-color-status-neutral:hsl(0, 0%, 24%);
1340
- --t-text-color-status-info:hsl(204, 100%, 35%);
1341
- --t-text-color-status-success:hsl(97, 57%, 28%);
1342
- --t-text-color-status-warning:hsl(42, 100%, 29%);
1343
- --t-text-color-status-error:hsl(8, 60%, 45%);
1344
- --t-text-color-tag-subtle-gray:hsl(0, 0%, 24%);
1345
- --t-text-color-tag-subtle-blue:hsl(224, 47%, 31%);
1346
- --t-text-color-tag-subtle-indigo:hsl(241, 59%, 28%);
1347
- --t-text-color-tag-subtle-aqua:hsl(209, 77%, 22%);
1348
- --t-text-color-tag-subtle-teal:hsl(180, 95%, 15%);
1349
- --t-text-color-tag-subtle-green:hsl(100, 93%, 17%);
1350
- --t-text-color-tag-subtle-yellow:hsl(29, 100%, 23%);
1351
- --t-text-color-tag-subtle-orange:hsl(18, 100%, 18%);
1352
- --t-text-color-tag-subtle-pink:hsl(327, 88%, 20%);
1353
- --t-text-color-tag-subtle-purple:hsl(268, 71%, 27%);
1354
- --t-text-color-tag-subtle-magenta:hsl(285, 71%, 20%);
1355
- --t-text-color-tag-bold-gray:hsl(0, 0%, 24%);
1384
+ --t-text-color-interaction-primary:hsl(204, 68%, 55%);
1385
+ --t-text-color-interaction-hover:hsl(204, 68%, 50%);
1386
+ --t-text-color-interaction-active:hsl(204, 68%, 45%);
1387
+ --t-text-color-interaction-visited:hsl(204, 68%, 50%);
1388
+ --t-text-color-status-neutral:hsl(0, 0%, 80%);
1389
+ --t-text-color-status-info:hsl(204, 68%, 55%);
1390
+ --t-text-color-status-success:hsl(97, 57%, 41%);
1391
+ --t-text-color-status-warning:hsl(42, 84%, 55%);
1392
+ --t-text-color-status-error:hsl(8, 61%, 61%);
1393
+ --t-text-color-tag-subtle-gray:hsl(0, 0%, 80%);
1394
+ --t-text-color-tag-subtle-blue:hsl(223, 46%, 84%);
1395
+ --t-text-color-tag-subtle-indigo:hsl(233, 78%, 84%);
1396
+ --t-text-color-tag-subtle-aqua:hsl(208, 77%, 85%);
1397
+ --t-text-color-tag-subtle-teal:hsl(180, 95%, 74%);
1398
+ --t-text-color-tag-subtle-green:hsl(99, 93%, 84%);
1399
+ --t-text-color-tag-subtle-yellow:hsl(29, 100%, 85%);
1400
+ --t-text-color-tag-subtle-orange:hsl(18, 100%, 85%);
1401
+ --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
1402
+ --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
1403
+ --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
1404
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
1356
1405
  --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
1357
1406
  --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
1358
1407
  --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
@@ -1363,57 +1412,57 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
1363
1412
  --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
1364
1413
  --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
1365
1414
  --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
1366
- --t-icon-color-default-primary:hsl(0, 0%, 24%);
1367
- --t-icon-color-default-secondary:hsl(0, 0%, 42%);
1368
- --t-icon-color-default-dim:hsl(0, 0%, 58%);
1369
- --t-icon-color-default-disabled:hsl(0, 0%, 81%);
1415
+ --t-icon-color-default-primary:hsl(0, 0%, 80%);
1416
+ --t-icon-color-default-secondary:hsl(0, 0%, 54%);
1417
+ --t-icon-color-default-dim:hsl(0, 0%, 38%);
1418
+ --t-icon-color-default-disabled:hsl(0, 0%, 25%);
1370
1419
  --t-icon-color-default-inverted:hsl(0, 0%, 100%);
1371
- --t-icon-color-status-neutral-primary:hsl(0, 0%, 42%);
1372
- --t-icon-color-status-neutral-secondary:hsl(0, 0%, 58%);
1373
- --t-icon-color-status-neutral-bold:hsl(0, 0%, 24%);
1374
- --t-icon-color-status-info-primary:hsl(204, 100%, 40%);
1420
+ --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
1421
+ --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
1422
+ --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
1423
+ --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
1375
1424
  --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
1376
1425
  --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
1377
1426
  --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
1378
- --t-icon-color-status-error-primary:hsl(8, 60%, 47%);
1379
- --t-fill-color-neutral-100:hsl(0, 0%, 100%);
1380
- --t-fill-color-neutral-000:hsl(0, 0%, 12%);
1381
- --t-fill-color-neutral-010:hsl(0, 0%, 24%);
1382
- --t-fill-color-neutral-020:hsl(0, 0%, 42%);
1383
- --t-fill-color-neutral-025:hsl(0, 0%, 50%);
1384
- --t-fill-color-neutral-030:hsl(0, 0%, 58%);
1385
- --t-fill-color-neutral-040:hsl(0, 0%, 81%);
1386
- --t-fill-color-neutral-050:hsl(0, 0%, 88%);
1387
- --t-fill-color-neutral-060:hsl(0, 0%, 93%);
1388
- --t-fill-color-neutral-070:hsl(0, 0%, 95%);
1389
- --t-fill-color-neutral-080:hsl(0, 0%, 97%);
1390
- --t-fill-color-neutral-090:hsl(0, 0%, 98%);
1391
- --t-fill-color-interaction-default:hsl(204, 100%, 40%);
1392
- --t-fill-color-interaction-hover:hsl(204, 100%, 35%);
1393
- --t-fill-color-interaction-active:hsl(204, 100%, 30%);
1394
- --t-fill-color-interaction-disabled:hsl(0, 0%, 81%);
1395
- --t-fill-color-control-neutral-off:hsl(0, 0%, 58%);
1396
- --t-fill-color-control-neutral-on:hsl(0, 0%, 24%);
1397
- --t-fill-color-control-primary:hsl(204, 100%, 40%);
1427
+ --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
1428
+ --t-fill-color-neutral-100:hsl(0, 0%, 10%);
1429
+ --t-fill-color-neutral-000:hsl(0, 0%, 98%);
1430
+ --t-fill-color-neutral-010:hsl(0, 0%, 88%);
1431
+ --t-fill-color-neutral-020:hsl(0, 0%, 68%);
1432
+ --t-fill-color-neutral-025:hsl(0, 0%, 58%);
1433
+ --t-fill-color-neutral-030:hsl(0, 0%, 50%);
1434
+ --t-fill-color-neutral-040:hsl(0, 0%, 32%);
1435
+ --t-fill-color-neutral-050:hsl(0, 0%, 24%);
1436
+ --t-fill-color-neutral-060:hsl(0, 0%, 19%);
1437
+ --t-fill-color-neutral-070:hsl(0, 0%, 17%);
1438
+ --t-fill-color-neutral-080:hsl(0, 0%, 15%);
1439
+ --t-fill-color-neutral-090:hsl(0, 0%, 12%);
1440
+ --t-fill-color-interaction-default:hsl(204, 100%, 35%);
1441
+ --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
1442
+ --t-fill-color-interaction-active:hsl(204, 80%, 45%);
1443
+ --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
1444
+ --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
1445
+ --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
1446
+ --t-fill-color-control-primary:hsl(204, 100%, 35%);
1398
1447
  --t-fill-color-control-secondary:hsl(97, 57%, 40%);
1399
1448
  --t-fill-color-control-error:hsl(8, 60%, 47%);
1400
- --t-fill-color-control-disabled:hsl(0, 0%, 81%);
1401
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 42%);
1402
- --t-fill-color-status-neutral-ghost:hsl(0, 0%, 93%);
1403
- --t-fill-color-status-neutral-dim:hsl(0, 0%, 97%);
1404
- --t-fill-color-status-info-solid:hsl(204, 100%, 40%);
1405
- --t-fill-color-status-info-ghost:hsl(203, 94%, 94%);
1406
- --t-fill-color-status-info-dim:hsl(204, 100%, 97%);
1449
+ --t-fill-color-control-disabled:hsl(0, 0%, 20%);
1450
+ --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
1451
+ --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
1452
+ --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
1453
+ --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
1454
+ --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
1455
+ --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
1407
1456
  --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
1408
- --t-fill-color-status-success-ghost:hsl(97, 57%, 90%);
1409
- --t-fill-color-status-success-dim:hsl(96, 60%, 95%);
1457
+ --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
1458
+ --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
1410
1459
  --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
1411
- --t-fill-color-status-warning-ghost:hsl(42, 87%, 94%);
1412
- --t-fill-color-status-warning-dim:hsl(42, 87%, 97%);
1460
+ --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
1461
+ --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
1413
1462
  --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
1414
- --t-fill-color-status-error-ghost:hsl(9, 59%, 93%);
1415
- --t-fill-color-status-error-dim:hsl(7, 60%, 97%);
1416
- --t-fill-color-tooltip-primary:hsla(0, 0%, 12%, 0.9);
1463
+ --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
1464
+ --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
1465
+ --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
1417
1466
  --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
1418
1467
  --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
1419
1468
  --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
@@ -1497,206 +1546,157 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
1497
1546
  --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
1498
1547
  --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
1499
1548
  --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
1500
- --t-fill-color-product-accounts-gradient-brand:linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));
1501
- --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
1502
- --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
1503
- --t-fill-color-product-api-gradient-brand:linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));
1504
- --t-fill-color-product-calendar-gradient-brand:linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));
1505
- --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
1506
- --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));
1507
- --t-fill-color-product-cc-gradient-brand:linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));
1508
- --t-fill-color-product-checkins-gradient-brand:linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));
1509
- --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));
1510
- --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));
1511
- --t-fill-color-product-giving-gradient-brand:linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));
1512
- --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));
1513
- --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));
1514
- --t-fill-color-product-groups-gradient-brand:linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));
1515
- --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
1516
- --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));
1517
- --t-fill-color-product-headcounts-gradient-brand:linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));
1518
- --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
1519
- --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
1520
- --t-fill-color-product-musicstand-gradient-brand:linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));
1521
- --t-fill-color-product-people-gradient-brand:linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));
1522
- --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
1523
- --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
1524
- --t-fill-color-product-publishing-gradient-brand:linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));
1525
- --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));
1526
- --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));
1527
- --t-fill-color-product-registrations-gradient-brand:linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));
1528
- --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));
1529
- --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));
1530
- --t-fill-color-product-services-gradient-brand:linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));
1531
- --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));
1532
- --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, hsl(204, 67%, 92%));
1533
- --t-fill-color-tag-gray-010:hsl(0, 0%, 93%);
1534
- --t-fill-color-tag-gray-020:hsl(0, 0%, 88%);
1535
- --t-fill-color-tag-gray-030:hsl(0, 0%, 88%);
1536
- --t-fill-color-tag-gray-040:hsl(0, 0%, 81%);
1537
- --t-fill-color-tag-blue-010:hsl(220, 100%, 95%);
1538
- --t-fill-color-tag-blue-020:hsl(221, 100%, 88%);
1549
+ --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
1550
+ --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
1551
+ --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
1552
+ --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));
1553
+ --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));
1554
+ --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));
1555
+ --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));
1556
+ --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));
1557
+ --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
1558
+ --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));
1559
+ --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
1560
+ --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
1561
+ --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
1562
+ --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
1563
+ --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));
1564
+ --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));
1565
+ --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));
1566
+ --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
1567
+ --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
1568
+ --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
1569
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
1570
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
1571
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
1572
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
1573
+ --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
1574
+ --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
1539
1575
  --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
1540
1576
  --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
1541
- --t-fill-color-tag-aqua-010:hsl(200, 82%, 89%);
1542
- --t-fill-color-tag-aqua-020:hsl(200, 82%, 82%);
1577
+ --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
1578
+ --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
1543
1579
  --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
1544
1580
  --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
1545
- --t-fill-color-tag-teal-010:hsl(163, 53%, 83%);
1546
- --t-fill-color-tag-teal-020:hsl(164, 52%, 76%);
1581
+ --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
1582
+ --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
1547
1583
  --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
1548
1584
  --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
1549
- --t-fill-color-tag-green-010:hsl(98, 59%, 85%);
1550
- --t-fill-color-tag-green-020:hsl(99, 59%, 78%);
1585
+ --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
1586
+ --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
1551
1587
  --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
1552
1588
  --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
1553
- --t-fill-color-tag-yellow-010:hsl(45, 77%, 85%);
1554
- --t-fill-color-tag-yellow-020:hsl(44, 78%, 77%);
1589
+ --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
1590
+ --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
1555
1591
  --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
1556
1592
  --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
1557
- --t-fill-color-tag-orange-010:hsl(22, 89%, 89%);
1558
- --t-fill-color-tag-orange-020:hsl(21, 89%, 82%);
1593
+ --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
1594
+ --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
1559
1595
  --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
1560
1596
  --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
1561
- --t-fill-color-tag-pink-010:hsl(311, 66%, 92%);
1562
- --t-fill-color-tag-pink-020:hsl(310, 64%, 85%);
1597
+ --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
1598
+ --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
1563
1599
  --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
1564
1600
  --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
1565
- --t-fill-color-tag-purple-010:hsl(259, 74%, 93%);
1566
- --t-fill-color-tag-purple-020:hsl(259, 74%, 85%);
1601
+ --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
1602
+ --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
1567
1603
  --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
1568
1604
  --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
1569
- --t-fill-color-tag-magenta-010:hsl(294, 37%, 90%);
1570
- --t-fill-color-tag-magenta-020:hsl(291, 40%, 83%);
1605
+ --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
1606
+ --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
1571
1607
  --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
1572
1608
  --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
1573
- --t-fill-color-tag-indigo-010:hsl(234, 78%, 93%);
1574
- --t-fill-color-tag-indigo-020:hsl(233, 79%, 87%);
1609
+ --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
1610
+ --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
1575
1611
  --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
1576
1612
  --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
1577
- --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 93%);
1578
- --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 88%);
1579
- --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 81%);
1580
- --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 95%);
1581
- --t-fill-color-button-neutral-outline-dim-default:hsla(0, 0%, 100%, 0);
1582
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 95%);
1583
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 93%);
1584
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 98%);
1585
- --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 100%, 0);
1586
- --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
1587
- --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
1588
- --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 100%, 0);
1613
+ --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
1614
+ --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
1615
+ --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
1616
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
1617
+ --t-fill-color-button-neutral-outline-dim-default:hsl(0, 0%, 15%);
1618
+ --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
1619
+ --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
1620
+ --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
1621
+ --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 0%, 0);
1622
+ --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
1623
+ --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
1624
+ --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
1589
1625
  --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
1590
1626
  --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
1591
1627
  --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
1592
- --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 0%, 0.05);
1593
- --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 40%);
1594
- --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
1595
- --t-fill-color-button-interaction-solid-active:hsl(204, 100%, 30%);
1596
- --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
1597
- --t-fill-color-button-interaction-outline-dim-default:hsla(0, 0%, 100%, 0);
1598
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 100%, 97%);
1599
- --t-fill-color-button-interaction-outline-dim-active:hsl(203, 94%, 94%);
1600
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 98%);
1601
- --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 100%, 0);
1602
- --t-fill-color-button-interaction-ghost-hover:hsl(204, 100%, 97%);
1603
- --t-fill-color-button-interaction-ghost-active:hsl(203, 94%, 94%);
1604
- --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 100%, 0);
1605
- --t-fill-color-button-delete-solid-default:hsl(8, 60%, 47%);
1628
+ --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
1629
+ --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
1630
+ --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
1631
+ --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
1632
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
1633
+ --t-fill-color-button-interaction-outline-dim-default:hsl(204, 32%, 15%);
1634
+ --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
1635
+ --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
1636
+ --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
1637
+ --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 0%, 0);
1638
+ --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
1639
+ --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
1640
+ --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
1641
+ --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
1606
1642
  --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
1607
- --t-fill-color-button-delete-solid-active:hsl(8, 60%, 40%);
1608
- --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 95%);
1609
- --t-fill-color-button-delete-outline-dim-default:hsla(0, 0%, 100%, 0);
1610
- --t-fill-color-button-delete-outline-dim-hover:hsl(7, 60%, 97%);
1611
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 59%, 93%);
1612
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 98%);
1613
- --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 100%, 0);
1614
- --t-fill-color-button-delete-ghost-hover:hsl(7, 60%, 97%);
1615
- --t-fill-color-button-delete-ghost-active:hsl(9, 59%, 93%);
1616
- --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 100%, 0);
1617
- --t-fill-color-button-pill-default:hsl(0, 0%, 93%);
1618
- --t-fill-color-button-pill-hover:hsl(0, 0%, 88%);
1619
- --t-fill-color-button-pill-active:hsl(0, 0%, 88%);
1620
- --t-fill-color-button-pill-disabled:hsl(0, 0%, 93%);
1621
- --t-fill-color-transparency-light-010:hsla(0, 0%, 100%, 0.1);
1622
- --t-fill-color-transparency-light-020:hsla(0, 0%, 100%, 0.2);
1623
- --t-fill-color-transparency-light-030:hsla(0, 0%, 100%, 0.3);
1624
- --t-fill-color-transparency-light-040:hsla(0, 0%, 100%, 0.4);
1625
- --t-fill-color-transparency-light-050:hsla(0, 0%, 100%, 0.5);
1626
- --t-fill-color-transparency-light-060:hsla(0, 0%, 100%, 0.6);
1627
- --t-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
1628
- --t-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
1629
- --t-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
1630
- --t-fill-color-transparency-dark-010:hsla(0, 0%, 0%, 0.1);
1631
- --t-fill-color-transparency-dark-020:hsla(0, 0%, 0%, 0.2);
1632
- --t-fill-color-transparency-dark-030:hsla(0, 0%, 0%, 0.3);
1633
- --t-fill-color-transparency-dark-040:hsla(0, 0%, 0%, 0.4);
1634
- --t-fill-color-transparency-dark-050:hsla(0, 0%, 0%, 0.5);
1635
- --t-fill-color-transparency-dark-060:hsla(0, 0%, 0%, 0.6);
1636
- --t-fill-color-transparency-dark-070:hsla(0, 0%, 0%, 0.7);
1637
- --t-fill-color-transparency-dark-080:hsla(0, 0%, 0%, 0.8);
1638
- --t-fill-color-transparency-dark-090:hsla(0, 0%, 0%, 0.9);
1639
- --t-surface-color-card:hsl(0, 0%, 100%);
1640
- --t-surface-color-canvas:hsl(0, 0%, 100%);
1641
- --t-border-color-default-base:hsl(0, 0%, 88%);
1642
- --t-border-color-default-dark:hsl(0, 0%, 81%);
1643
- --t-border-color-default-darker:hsl(0, 0%, 68%);
1644
- --t-border-color-default-darkest:hsl(0, 0%, 58%);
1645
- --t-border-color-default-disabled:hsl(0, 0%, 88%);
1646
- --t-border-color-default-dim:hsl(0, 0%, 95%);
1647
- --t-border-color-default-white:hsl(0, 0%, 100%);
1648
- --t-border-color-status-neutral:hsl(0, 0%, 58%);
1649
- --t-border-color-status-info:hsl(204, 100%, 40%);
1643
+ --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
1644
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
1645
+ --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
1646
+ --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
1647
+ --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
1648
+ --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
1649
+ --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 0%, 0);
1650
+ --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
1651
+ --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
1652
+ --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
1653
+ --t-fill-color-button-pill-default:hsl(0, 0%, 18%);
1654
+ --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
1655
+ --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
1656
+ --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
1657
+ --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
1658
+ --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
1659
+ --t-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
1660
+ --t-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
1661
+ --t-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
1662
+ --t-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
1663
+ --t-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
1664
+ --t-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
1665
+ --t-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
1666
+ --t-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
1667
+ --t-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
1668
+ --t-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
1669
+ --t-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
1670
+ --t-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
1671
+ --t-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
1672
+ --t-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
1673
+ --t-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
1674
+ --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
1675
+ --t-surface-color-card:hsl(0, 0%, 12%);
1676
+ --t-surface-color-canvas:hsl(0, 0%, 10%);
1677
+ --t-border-color-default-base:hsl(0, 0%, 21%);
1678
+ --t-border-color-default-dark:hsl(0, 0%, 25%);
1679
+ --t-border-color-default-darker:hsl(0, 0%, 33%);
1680
+ --t-border-color-default-darkest:hsl(0, 0%, 38%);
1681
+ --t-border-color-default-disabled:hsl(0, 0%, 21%);
1682
+ --t-border-color-default-dim:hsl(0, 0%, 16%);
1683
+ --t-border-color-default-white:hsl(0, 0%, 12%);
1684
+ --t-border-color-status-neutral:hsl(0, 0%, 38%);
1685
+ --t-border-color-status-info:hsl(204, 100%, 35%);
1650
1686
  --t-border-color-status-success:hsl(97, 57%, 40%);
1651
1687
  --t-border-color-status-warning:hsl(42, 84%, 63%);
1652
1688
  --t-border-color-status-error:hsl(8, 60%, 47%);
1653
- --t-border-color-button-neutral:hsl(0, 0%, 88%);
1654
- --t-border-color-button-info:hsl(204, 100%, 40%);
1655
- --t-border-color-button-create:hsl(96, 57%, 33%);
1656
- --t-border-color-button-delete:hsl(8, 60%, 47%);
1657
- --t-border-color-control-neutral:hsl(0, 0%, 68%);
1658
- --t-border-color-control-info:hsl(204, 100%, 40%);
1689
+ --t-border-color-button-neutral:hsl(0, 0%, 19%);
1690
+ --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
1691
+ --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
1692
+ --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
1693
+ --t-border-color-control-neutral:hsl(0, 0%, 33%);
1694
+ --t-border-color-control-info:hsl(204, 100%, 35%);
1659
1695
  --t-border-color-control-success:hsl(97, 57%, 40%);
1660
1696
  --t-border-color-control-warning:hsl(42, 84%, 63%);
1661
1697
  --t-border-color-control-error:hsl(8, 60%, 47%);
1662
- --t-border-color-control-disabled:hsl(0, 0%, 88%);
1663
- --t-form-background-color:var(--t-fill-color-neutral-100);
1664
- --t-form-background-color-disabled:var(--t-fill-color-neutral-070);
1665
- --t-form-background-color-error:var(--t-fill-color-neutral-100);
1666
- --t-form-background-color-readonly:var(--t-fill-color-neutral-070);
1667
- --t-form-border-color:var(--t-border-color-default-base);
1668
- --t-form-border-color-disabled:var(--t-border-color-default-base);
1669
- --t-form-border-color-error:var(--t-border-color-status-error);
1670
- --t-form-border-color-focus:var(--t-fill-color-interaction-default);
1671
- --t-form-border-color-hover:var(--t-border-color-default-dark);
1672
- --t-form-border-color-readonly:hsla(0, 0%, 100%, 0);
1673
- --t-form-border-radius:var(--t-border-radius-md);
1674
- --t-form-border-width:var(--t-border-width-default);
1675
- --t-form-font-color:var(--t-text-color-default-primary);
1676
- --t-form-font-color-disabled:var(--t-text-color-default-disabled);
1677
- --t-form-font-color-error:var(--t-text-color-status-error);
1678
- --t-form-font-color-readonly:var(--t-text-color-default-primary);
1679
- --t-form-picker-icon-color:var(--t-icon-color-default-primary);
1680
- --t-form-placeholder-color:var(--t-text-color-default-placeholder);
1681
- --t-border-size-default:var(--t-border-width-default);
1682
- --t-border-size-thick:var(--t-border-width-thick);
1683
- --t-font-weight-semi-bold:var(--t-font-weight-semibold);
1684
- --t-icon-color-status-neutral-dark:hsl(0, 0%, 24%);
1685
- --t-icon-color-status-info-secondary:hsl(204, 100%, 40%);
1686
- --t-fill-color-alert-info:hsl(204, 94%, 49%);
1687
- --t-fill-color-alert-success:hsl(122, 60%, 41%);
1688
- --t-fill-color-alert-warning:hsl(43, 96%, 58%);
1689
- --t-fill-color-alert-error:hsl(4, 77%, 59%);
1690
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
1691
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
1692
- --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
1693
- --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
1694
- --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
1695
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
1696
- --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
1697
- --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
1698
- --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
1699
- --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
1698
+ --t-border-color-control-disabled:hsl(0, 0%, 21%);
1699
+ }
1700
1700
  }
1701
1701
 
1702
1702
  .symbol{
@@ -1977,7 +1977,8 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
1977
1977
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-status-error-ghost);
1978
1978
  }
1979
1979
 
1980
- .tds-btn--inline-text{
1980
+ .tds-btn--inline-text,
1981
+ a[class="tds-btn"]{
1981
1982
  --tds-btn-color:var(--t-text-color-interaction-primary);
1982
1983
  --tds-btn-color-hover:var(--t-text-color-interaction-hover);
1983
1984
  --tds-btn-color-active:var(--t-text-color-interaction-active);
@@ -1998,7 +1999,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"]{
1998
1999
  vertical-align:inherit;
1999
2000
  }
2000
2001
 
2001
- .tds-btn--inline-text:hover,.tds-btn--inline-text:focus-visible{
2002
+ :is(.tds-btn--inline-text,a[class="tds-btn"]):hover,:is(.tds-btn--inline-text,a[class="tds-btn"]):focus-visible{
2002
2003
  --tds-btn-text-decoration:none;
2003
2004
  }
2004
2005