@justeattakeaway/pie-css 0.22.0 → 0.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +583 -782
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -150,6 +150,9 @@
150
150
  --dt-color-container-light: var(--dt-color-white);
151
151
  --dt-color-container-inverse: var(--dt-color-truffle-90);
152
152
  --dt-color-container-inverse-alternative: var(--dt-color-truffle-90);
153
+ --dt-color-container-base: rgb(255,255,255,0.72);
154
+ --dt-color-container-neutral: rgb(240,236,230,0.72);
155
+ --dt-color-container-prominent: rgb(255,255,255,0.4);
153
156
  --dt-color-border-default: var(--dt-color-truffle-20);
154
157
  --dt-color-border-subtle: var(--dt-color-truffle-10);
155
158
  --dt-color-border-strong: var(--dt-color-truffle-30);
@@ -390,6 +393,14 @@
390
393
  --dt-font-heading-xxl-weight: var(--dt-font-weight-extrabold);
391
394
  --dt-font-heading-xxl-line-height--wide: var(--dt-font-size-48-line-height);
392
395
  --dt-font-heading-xxl-line-height--narrow: var(--dt-font-size-32-line-height);
396
+ /* Heading-xs-italic font theme */
397
+ --dt-font-heading-xs-italic-size--wide: var(--dt-font-size-16);
398
+ --dt-font-heading-xs-italic-size--narrow: var(--dt-font-size-14);
399
+ --dt-font-heading-xs-italic-family: var(--dt-font-family-alternative);
400
+ --dt-font-heading-xs-italic-weight: var(--dt-font-weight-extrabold);
401
+ --dt-font-heading-xs-italic-font-style: var(--dt-font-style-italic);
402
+ --dt-font-heading-xs-italic-line-height--wide: var(--dt-font-size-16-line-height);
403
+ --dt-font-heading-xs-italic-line-height--narrow: var(--dt-font-size-14-line-height);
393
404
  /* Heading-s-italic font theme */
394
405
  --dt-font-heading-s-italic-size--wide: var(--dt-font-size-20);
395
406
  --dt-font-heading-s-italic-size--narrow: var(--dt-font-size-16);
@@ -588,6 +599,14 @@
588
599
  --dt-spacing-h: var(--dt-spacing-56);
589
600
  --dt-spacing-i: var(--dt-spacing-64);
590
601
  --dt-spacing-j: var(--dt-spacing-80);
602
+ /* Global tokens - Blur */
603
+ --dt-blur-uniform-18: 9px;
604
+ --dt-blur-uniform-25: 12.5px;
605
+ --dt-blur-uniform-48: 24px;
606
+ /* Alias tokens - Blur */
607
+ --dt-blur-base: var(--dt-blur-uniform-48);
608
+ --dt-blur-neutral: var(--dt-blur-uniform-18);
609
+ --dt-blur-prominent: var(--dt-blur-uniform-25);
591
610
  /* Global tokens - Breakpoint */
592
611
  --dt-breakpoint-size-1024: 1024px;
593
612
  --dt-breakpoint-size-1280: 1280px;
@@ -651,131 +670,182 @@
651
670
  --dt-gradient-ai-container-default: linear-gradient(140deg, var(--dt-color-cupcake-10) 40%, var(--dt-color-aubergine-5) 100%);
652
671
  --dt-gradient-ai-border-default: linear-gradient(140deg, var(--dt-color-cupcake-40) 40%, var(--dt-color-aubergine-30) 100%);
653
672
  }
654
- /* Highcontrast color theme */
655
- html[data-highcontrast-enabled] {
656
- --dt-color-background-default: var(--dt-color-white);
657
- --dt-color-background-subtle: var(--dt-color-white);
658
- --dt-color-background-dark: var(--dt-color-black);
659
- --dt-color-container-default: var(--dt-color-white);
660
- --dt-color-container-subtle: var(--dt-color-white);
661
- --dt-color-container-strong: var(--dt-color-white);
662
- --dt-color-container-dark: var(--dt-color-black);
673
+ /* Dark color theme */
674
+ html[data-color-mode="dark"] {
675
+ --dt-color-background-default: var(--dt-color-truffle-100);
676
+ --dt-color-background-subtle: var(--dt-color-truffle-80);
677
+ --dt-color-background-dark: var(--dt-color-truffle-5);
678
+ --dt-color-container-default: var(--dt-color-truffle-90);
679
+ --dt-color-container-subtle: var(--dt-color-truffle-80);
680
+ --dt-color-container-strong: var(--dt-color-truffle-70);
681
+ --dt-color-container-dark: var(--dt-color-truffle-90);
663
682
  --dt-color-container-light: var(--dt-color-white);
664
- --dt-color-container-inverse: var(--dt-color-black);
665
- --dt-color-container-inverse-alternative: var(--dt-color-black);
666
- --dt-color-border-default: var(--dt-color-black);
667
- --dt-color-border-subtle: var(--dt-color-black);
668
- --dt-color-border-strong: var(--dt-color-black);
669
- --dt-color-border-inverse: var(--dt-color-white);
670
- --dt-color-border-selected: var(--dt-color-black);
671
- --dt-color-border-selected-brand: var(--dt-color-orange-dark-hc);
672
- --dt-color-border-form: var(--dt-color-black);
683
+ --dt-color-container-inverse: var(--dt-color-white);
684
+ --dt-color-container-inverse-alternative: var(--dt-color-truffle-70);
685
+ --dt-color-container-base: rgb(43,42,40,0.62);
686
+ --dt-color-container-neutral: rgb(89,86,79,0.72);
687
+ --dt-color-container-prominent: rgb(43,42,40,0.42);
688
+ --dt-color-border-default: var(--dt-color-truffle-70);
689
+ --dt-color-border-subtle: var(--dt-color-truffle-75);
690
+ --dt-color-border-strong: var(--dt-color-truffle-65);
691
+ --dt-color-border-inverse: var(--dt-color-truffle-20);
692
+ --dt-color-border-selected: var(--dt-color-truffle-30);
693
+ --dt-color-border-selected-brand: var(--dt-color-orange);
694
+ --dt-color-border-form: var(--dt-color-truffle-55);
695
+ --dt-color-border-neutral: var(--dt-color-truffle-80);
673
696
  --dt-color-border-decorative-brand: var(--dt-color-orange-30);
674
- --dt-color-divider-default: var(--dt-color-black);
675
- --dt-color-divider-inverse: var(--dt-color-white);
676
- --dt-color-interactive-brand: var(--dt-color-orange-dark-hc);
677
- --dt-color-interactive-primary: var(--dt-color-black);
678
- --dt-color-interactive-secondary: var(--dt-color-white);
679
- --dt-color-interactive-inverse: var(--dt-color-white);
697
+ --dt-color-divider-default: rgb(255,255,255,0.20);
698
+ --dt-color-divider-inverse: rgb(0,0,0,0.08);
699
+ --dt-color-interactive-brand: var(--dt-color-orange);
700
+ --dt-color-interactive-primary: var(--dt-color-white);
701
+ --dt-color-interactive-secondary: var(--dt-color-truffle-75);
702
+ --dt-color-interactive-inverse: var(--dt-color-truffle-90);
680
703
  --dt-color-interactive-light: var(--dt-color-white);
681
- --dt-color-interactive-form: var(--dt-color-black);
704
+ --dt-color-interactive-form: var(--dt-color-truffle-55);
682
705
  --dt-color-interactive-error: var(--dt-color-red-50);
683
706
  --dt-color-overlay: rgb(0,0,0,0.55);
684
707
  --dt-color-transparent: rgb(255,255,255,0);
685
- --dt-color-support-error: var(--dt-color-red-dark-hc);
686
- --dt-color-support-warning: var(--dt-color-yellow-dark-hc);
687
- --dt-color-support-positive: var(--dt-color-green-dark-hc);
688
- --dt-color-support-info: var(--dt-color-blue-dark-hc);
689
- --dt-color-support-neutral: var(--dt-color-white);
690
- --dt-color-support-error-02: var(--dt-color-white);
691
- --dt-color-support-error-tonal: var(--dt-color-white);
692
- --dt-color-support-warning-02: var(--dt-color-white);
693
- --dt-color-support-warning-tonal: var(--dt-color-white);
694
- --dt-color-support-positive-02: var(--dt-color-white);
695
- --dt-color-support-positive-tonal: var(--dt-color-white);
696
- --dt-color-support-info-02: var(--dt-color-white);
697
- --dt-color-support-info-tonal: var(--dt-color-white);
698
- --dt-color-support-info-inverse: var(--dt-color-blue-light-hc);
699
- --dt-color-support-positive-inverse: var(--dt-color-green-light-hc);
700
- --dt-color-support-neutral-persistent: var(--dt-color-white);
701
- --dt-color-support-error-inverse: var(--dt-color-red-light-hc);
702
- --dt-color-support-warning-inverse: var(--dt-color-yellow);
708
+ --dt-color-support-error: var(--dt-color-red-50);
709
+ --dt-color-support-warning: var(--dt-color-yellow-40);
710
+ --dt-color-support-positive: var(--dt-color-green-30);
711
+ --dt-color-support-info: var(--dt-color-blue-30);
712
+ --dt-color-support-neutral: var(--dt-color-truffle-100);
713
+ --dt-color-support-error-02: var(--dt-color-red-90);
714
+ --dt-color-support-error-tonal: var(--dt-color-red-100);
715
+ --dt-color-support-warning-02: var(--dt-color-yellow-80);
716
+ --dt-color-support-warning-tonal: var(--dt-color-yellow-90);
717
+ --dt-color-support-positive-02: var(--dt-color-green-80);
718
+ --dt-color-support-positive-tonal: var(--dt-color-green-90);
719
+ --dt-color-support-info-02: var(--dt-color-blue-80);
720
+ --dt-color-support-info-tonal: var(--dt-color-blue-90);
721
+ --dt-color-support-info-inverse: var(--dt-color-blue);
722
+ --dt-color-support-positive-inverse: var(--dt-color-green);
723
+ --dt-color-support-neutral-persistent: var(--dt-color-truffle-20);
724
+ --dt-color-support-error-inverse: var(--dt-color-red);
725
+ --dt-color-support-warning-inverse: var(--dt-color-yellow-75);
703
726
  --dt-color-support-brand-01: var(--dt-color-orange-30);
704
- --dt-color-support-brand-02: var(--dt-color-white);
705
- --dt-color-support-brand-03: var(--dt-color-white);
706
- --dt-color-support-brand-03-subtle: var(--dt-color-cupcake-10);
707
- --dt-color-support-brand-04: var(--dt-color-white);
708
- --dt-color-support-brand-04-subtle: var(--dt-color-berry-10);
709
- --dt-color-support-brand-05: var(--dt-color-white);
710
- --dt-color-support-brand-05-subtle: var(--dt-color-yellow-10);
711
- --dt-color-support-brand-06: var(--dt-color-white);
712
- --dt-color-support-brand-06-subtle: var(--dt-color-aubergine-10);
713
- --dt-color-support-brand-07: var(--dt-color-white);
714
- --dt-color-support-brand-07-subtle: var(--dt-color-tomato-5);
715
- --dt-color-support-brand-08: var(--dt-color-white);
716
- --dt-color-support-brand-08-subtle: var(--dt-color-latte-10);
717
- --dt-color-braze-container-01: var(--dt-color-orange-10);
718
- --dt-color-braze-container-03: var(--dt-color-cupcake-10);
719
- --dt-color-braze-container-04: var(--dt-color-berry-10);
720
- --dt-color-braze-container-05: var(--dt-color-turmeric-10);
721
- --dt-color-braze-container-08: var(--dt-color-latte-10);
722
- --dt-color-content-default: var(--dt-color-black);
723
- --dt-color-content-subdued: var(--dt-color-black);
724
- --dt-color-content-interactive-brand: var(--dt-color-orange-dark-hc);
725
- --dt-color-content-interactive-light: var(--dt-color-white);
726
- --dt-color-content-interactive-primary: var(--dt-color-white);
727
- --dt-color-content-interactive-secondary: var(--dt-color-black);
728
- --dt-color-content-interactive-tertiary: var(--dt-color-black);
729
- --dt-color-content-interactive-subdued: var(--dt-color-black);
730
- --dt-color-content-interactive-inverse: var(--dt-color-black);
731
- --dt-color-content-interactive-dark: var(--dt-color-black);
732
- --dt-color-content-interactive-error: var(--dt-color-red-dark-hc);
733
- --dt-color-content-light: var(--dt-color-white);
734
- --dt-color-content-dark: var(--dt-color-black);
735
- --dt-color-content-inverse: var(--dt-color-white);
736
- --dt-color-content-link: var(--dt-color-black);
737
- --dt-color-content-link-distinct: var(--dt-color-blue);
727
+ --dt-color-support-brand-02: var(--dt-color-orange-75);
728
+ --dt-color-support-brand-tonal: var(--dt-color-orange-90);
729
+ --dt-color-support-brand-03: var(--dt-color-cupcake-30);
730
+ --dt-color-support-brand-03-subtle: var(--dt-color-cupcake-80);
731
+ --dt-color-support-brand-03-tonal: var(--dt-color-cupcake-90);
732
+ --dt-color-support-brand-04: var(--dt-color-berry-40);
733
+ --dt-color-support-brand-04-subtle: var(--dt-color-berry-80);
734
+ --dt-color-support-brand-04-tonal: var(--dt-color-berry-90);
735
+ --dt-color-support-brand-05: var(--dt-color-turmeric-40);
736
+ --dt-color-support-brand-05-subtle: var(--dt-color-turmeric-80);
737
+ --dt-color-support-brand-05-tonal: var(--dt-color-turmeric-90);
738
+ --dt-color-support-brand-06: var(--dt-color-aubergine-70);
739
+ --dt-color-support-brand-06-subtle: var(--dt-color-aubergine-75);
740
+ --dt-color-support-brand-06-tonal: var(--dt-color-aubergine-80);
741
+ --dt-color-support-brand-07: var(--dt-color-tomato-50);
742
+ --dt-color-support-brand-07-subtle: var(--dt-color-tomato-90);
743
+ --dt-color-support-brand-08: var(--dt-color-latte-30);
744
+ --dt-color-support-brand-08-subtle: var(--dt-color-latte-80);
745
+ --dt-color-support-brand-08-tonal: var(--dt-color-latte-90);
746
+ --dt-color-braze-container-01: var(--dt-color-orange-75);
747
+ --dt-color-braze-container-03: var(--dt-color-cupcake-70);
748
+ --dt-color-braze-container-04: var(--dt-color-berry-70);
749
+ --dt-color-braze-container-05: var(--dt-color-turmeric-70);
750
+ --dt-color-braze-container-08: var(--dt-color-latte-70);
751
+ --dt-color-content-default: rgb(255,255,255,0.9);
752
+ --dt-color-content-subdued: rgb(255,255,255,0.86);
753
+ --dt-color-content-interactive-brand: var(--dt-color-orange-30);
754
+ --dt-color-content-interactive-light: rgb(255,255,255,0.9);
755
+ --dt-color-content-interactive-primary: rgb(0,0,0,0.76);
756
+ --dt-color-content-interactive-secondary: rgb(255,255,255,0.9);
757
+ --dt-color-content-interactive-tertiary: var(--dt-color-white);
758
+ --dt-color-content-interactive-subdued: rgb(255,255,255,0.8);
759
+ --dt-color-content-interactive-inverse: rgb(255,255,255,0.9);
760
+ --dt-color-content-interactive-dark: rgb(0,0,0,0.76);
761
+ --dt-color-content-interactive-error: var(--dt-color-red-10);
762
+ --dt-color-content-light: rgb(255,255,255,0.9);
763
+ --dt-color-content-dark: rgb(0,0,0,0.76);
764
+ --dt-color-content-inverse: rgb(0,0,0,0.76);
765
+ --dt-color-content-link: var(--dt-color-white);
766
+ --dt-color-content-link-distinct: var(--dt-color-blue-10);
738
767
  --dt-color-content-link-light: var(--dt-color-white);
739
- --dt-color-content-link-inverse: var(--dt-color-white);
740
- --dt-color-content-link-visited: var(--dt-color-system-purple);
741
- --dt-color-content-link-visited-inverse: var(--dt-color-system-purple-10);
742
- --dt-color-content-error: var(--dt-color-red-dark-hc);
743
- --dt-color-content-placeholder: var(--dt-color-charcoal-57);
744
- --dt-color-content-positive: var(--dt-color-green-dark-hc);
745
- --dt-color-content-disabled: var(--dt-color-charcoal-50);
746
- --dt-color-content-brand: var(--dt-color-orange-dark-hc);
747
- --dt-color-hover-01-bg: #000;
748
- --dt-color-hover-01: 4%;
768
+ --dt-color-content-link-inverse: var(--dt-color-charcoal-80);
769
+ --dt-color-content-link-visited: var(--dt-color-system-purple-10);
770
+ --dt-color-content-link-visited-inverse: var(--dt-color-system-purple);
771
+ --dt-color-content-error: var(--dt-color-red-10);
772
+ --dt-color-content-placeholder: rgb(255,255,255,0.55);
773
+ --dt-color-content-positive: var(--dt-color-green-10);
774
+ --dt-color-content-disabled: rgb(255,255,255,0.30);
775
+ --dt-color-content-brand: var(--dt-color-orange-30);
776
+ --dt-color-content-default-solid: var(--dt-color-white);
777
+ --dt-color-content-subdued-solid: var(--dt-color-charcoal-30);
778
+ --dt-color-content-light-solid: var(--dt-color-white);
779
+ --dt-color-content-inverse-solid: var(--dt-color-charcoal-70);
780
+ --dt-color-content-dark-solid: var(--dt-color-charcoal-80);
781
+ --dt-color-content-disabled-solid: var(--dt-color-charcoal-50);
782
+ --dt-color-content-placeholder-solid: var(--dt-color-charcoal-50);
783
+ --dt-color-content-brand-solid: var(--dt-color-orange-30);
784
+ --dt-color-content-error-solid: var(--dt-color-red-10);
785
+ --dt-color-content-positive-solid: var(--dt-color-green-10);
786
+ --dt-color-content-interactive-light-solid: var(--dt-color-white);
787
+ --dt-color-content-interactive-primary-solid: var(--dt-color-charcoal-80);
788
+ --dt-color-content-interactive-secondary-solid: var(--dt-color-white);
789
+ --dt-color-content-interactive-inverse-solid: var(--dt-color-white);
790
+ --dt-color-content-interactive-dark-solid: var(--dt-color-charcoal-80);
791
+ --dt-color-content-interactive-brand-solid: var(--dt-color-orange-30);
792
+ --dt-color-content-interactive-error-solid: var(--dt-color-red-10);
793
+ --dt-color-hover-01-bg: #fff;
794
+ --dt-color-hover-01: 8%;
749
795
  --dt-color-hover-01-dark-bg: #000;
750
796
  --dt-color-hover-01-dark: 4%;
751
- --dt-color-hover-02-bg: #fff;
752
- --dt-color-hover-02: 8%;
797
+ --dt-color-hover-02-bg: #000;
798
+ --dt-color-hover-02: 4%;
753
799
  --dt-color-hover-02-light-bg: #fff;
754
800
  --dt-color-hover-02-light: 8%;
755
- --dt-color-active-01-bg: #000;
756
- --dt-color-active-01: 12%;
801
+ --dt-color-active-01-bg: #fff;
802
+ --dt-color-active-01: 20%;
757
803
  --dt-color-active-01-dark-bg: #000;
758
804
  --dt-color-active-01-dark: 12%;
759
- --dt-color-active-02-bg: #fff;
760
- --dt-color-active-02: 20%;
805
+ --dt-color-active-02-bg: #000;
806
+ --dt-color-active-02: 12%;
761
807
  --dt-color-active-02-light-bg: #fff;
762
808
  --dt-color-active-02-light: 20%;
763
- --dt-color-resting-bg: #fff;
809
+ --dt-color-resting-bg: #000;
764
810
  --dt-color-resting: 0%;
765
- --dt-color-focus-inner: var(--dt-color-white);
811
+ --dt-color-focus-inner: var(--dt-color-black);
766
812
  --dt-color-focus-outer: var(--dt-color-blue-30);
767
- --dt-color-disabled-01: var(--dt-color-truffle-20);
768
- --dt-color-disabled-01-inverse: var(--dt-color-truffle-80);
769
- --dt-color-skeleton-01: var(--dt-color-truffle-10);
770
- --dt-color-skeleton-02: var(--dt-color-truffle-20);
771
- --dt-color-skeleton-03: var(--dt-color-white);
772
- --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-5);
773
- --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-5);
774
- --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-10);
813
+ --dt-color-disabled-01: var(--dt-color-truffle-80);
814
+ --dt-color-disabled-01-inverse: var(--dt-color-truffle-20);
815
+ --dt-color-skeleton-01: var(--dt-color-truffle-80);
816
+ --dt-color-skeleton-02: var(--dt-color-truffle-75);
817
+ --dt-color-skeleton-03: var(--dt-color-truffle-90);
818
+ --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-75);
819
+ --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-70);
820
+ --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-80);
821
+ --dt-color-thirdparty-apple-container-primary: var(--dt-color-white);
822
+ --dt-color-thirdparty-apple-content-primary: var(--dt-color-black);
823
+ --dt-color-thirdparty-apple-container-secondary: var(--dt-color-black);
824
+ --dt-color-thirdparty-apple-content-secondary: var(--dt-color-white);
825
+ --dt-color-thirdparty-android-background-dashboard: var(--dt-color-black);
826
+ --dt-color-thirdparty-facebook-container-primary: var(--dt-color-thirdparty-facebook-blue);
827
+ --dt-color-thirdparty-facebook-content-primary: var(--dt-color-white);
828
+ --dt-color-thirdparty-facebook-container-secondary: var(--dt-color-black);
829
+ --dt-color-thirdparty-facebook-content-secondary: var(--dt-color-white);
830
+ --dt-color-thirdparty-google-container-primary: var(--dt-color-thirdparty-google-grey-100);
831
+ --dt-color-thirdparty-google-content-primary: var(--dt-color-thirdparty-google-grey-30);
832
+ --dt-color-thirdparty-google-content-primary-subdued: var(--dt-color-thirdparty-google-grey-30);
833
+ --dt-color-thirdparty-google-border-primary: var(--dt-color-thirdparty-google-grey-30);
834
+ --dt-color-thirdparty-google-container-secondary: var(--dt-color-white);
835
+ --dt-color-thirdparty-google-content-secondary: var(--dt-color-thirdparty-google-grey-100);
836
+ --dt-color-thirdparty-google-content-secondary-subdued: var(--dt-color-thirdparty-google-grey-70);
837
+ --dt-color-thirdparty-google-border-secondary: var(--dt-color-thirdparty-google-grey-60);
838
+ --dt-color-thirdparty-microsoft-container-primary: var(--dt-color-thirdparty-microsoft-grey-80);
839
+ --dt-color-thirdparty-microsoft-content-primary: var(--dt-color-white);
840
+ --dt-color-thirdparty-microsoft-border-primary-bg: #000;
841
+ --dt-color-thirdparty-microsoft-border-primary: 0%;
842
+ --dt-color-thirdparty-microsoft-container-secondary: var(--dt-color-white);
843
+ --dt-color-thirdparty-microsoft-content-secondary: var(--dt-color-thirdparty-microsoft-grey-70);
844
+ --dt-color-thirdparty-microsoft-border-secondary: var(--dt-color-thirdparty-microsoft-grey-60);
845
+ --dt-color-thirdparty-coop-container-primary: var(--dt-color-thirdparty-coop-blue-90);
775
846
  }
776
- /* Dark color theme */
777
847
  @media (prefers-color-scheme: dark) {
778
- html[data-darkmode-enabled] {
848
+ html[data-darkmode-system]:not([data-color-mode]) {
779
849
  --dt-color-background-default: var(--dt-color-truffle-100);
780
850
  --dt-color-background-subtle: var(--dt-color-truffle-80);
781
851
  --dt-color-background-dark: var(--dt-color-truffle-5);
@@ -786,6 +856,9 @@ html[data-highcontrast-enabled] {
786
856
  --dt-color-container-light: var(--dt-color-white);
787
857
  --dt-color-container-inverse: var(--dt-color-white);
788
858
  --dt-color-container-inverse-alternative: var(--dt-color-truffle-70);
859
+ --dt-color-container-base: rgb(43,42,40,0.62);
860
+ --dt-color-container-neutral: rgb(89,86,79,0.72);
861
+ --dt-color-container-prominent: rgb(43,42,40,0.42);
789
862
  --dt-color-border-default: var(--dt-color-truffle-70);
790
863
  --dt-color-border-subtle: var(--dt-color-truffle-75);
791
864
  --dt-color-border-strong: var(--dt-color-truffle-65);
@@ -946,126 +1019,29 @@ html[data-highcontrast-enabled] {
946
1019
  --dt-color-thirdparty-coop-container-primary: var(--dt-color-thirdparty-coop-blue-90);
947
1020
  }
948
1021
  }
949
- /* Highcontrast-dark color theme */
950
- @media (prefers-color-scheme: dark) {
951
- html[data-darkmode-enabled][data-highcontrast-enabled] {
952
- --dt-color-background-default: var(--dt-color-black);
953
- --dt-color-background-subtle: var(--dt-color-black);
954
- --dt-color-background-dark: var(--dt-color-black);
955
- --dt-color-container-default: var(--dt-color-black);
956
- --dt-color-container-subtle: var(--dt-color-black);
957
- --dt-color-container-strong: var(--dt-color-black);
958
- --dt-color-container-dark: var(--dt-color-black);
959
- --dt-color-container-light: var(--dt-color-white);
960
- --dt-color-container-inverse: var(--dt-color-white);
961
- --dt-color-container-inverse-alternative: var(--dt-color-black);
962
- --dt-color-border-default: var(--dt-color-white);
963
- --dt-color-border-subtle: var(--dt-color-white);
964
- --dt-color-border-strong: var(--dt-color-white);
965
- --dt-color-border-inverse: var(--dt-color-black);
966
- --dt-color-border-selected: var(--dt-color-white);
967
- --dt-color-border-selected-brand: var(--dt-color-orange-30);
968
- --dt-color-border-form: var(--dt-color-white);
969
- --dt-color-border-decorative-brand: var(--dt-color-orange-30);
970
- --dt-color-divider-default: var(--dt-color-white);
971
- --dt-color-divider-inverse: var(--dt-color-black);
972
- --dt-color-interactive-brand: var(--dt-color-orange-30);
973
- --dt-color-interactive-primary: var(--dt-color-white);
974
- --dt-color-interactive-secondary: var(--dt-color-black);
975
- --dt-color-interactive-inverse: var(--dt-color-black);
976
- --dt-color-interactive-light: var(--dt-color-white);
977
- --dt-color-interactive-form: var(--dt-color-white);
978
- --dt-color-interactive-error: var(--dt-color-red-40);
979
- --dt-color-overlay: rgb(0,0,0,0.55);
980
- --dt-color-transparent: rgb(255,255,255,0);
981
- --dt-color-support-error: var(--dt-color-red-light-hc);
982
- --dt-color-support-warning: var(--dt-color-yellow);
983
- --dt-color-support-positive: var(--dt-color-green-light-hc);
984
- --dt-color-support-info: var(--dt-color-blue-light-hc);
985
- --dt-color-support-neutral: var(--dt-color-black);
986
- --dt-color-support-error-02: var(--dt-color-black);
987
- --dt-color-support-error-tonal: var(--dt-color-black);
988
- --dt-color-support-warning-02: var(--dt-color-black);
989
- --dt-color-support-warning-tonal: var(--dt-color-black);
990
- --dt-color-support-positive-02: var(--dt-color-black);
991
- --dt-color-support-positive-tonal: var(--dt-color-black);
992
- --dt-color-support-info-02: var(--dt-color-black);
993
- --dt-color-support-info-tonal: var(--dt-color-black);
994
- --dt-color-support-info-inverse: var(--dt-color-blue-dark-hc);
995
- --dt-color-support-positive-inverse: var(--dt-color-green-dark-hc);
996
- --dt-color-support-neutral-persistent: var(--dt-color-black);
997
- --dt-color-support-error-inverse: var(--dt-color-red-dark-hc);
998
- --dt-color-support-warning-inverse: var(--dt-color-yellow-75);
999
- --dt-color-support-brand-01: var(--dt-color-orange-30);
1000
- --dt-color-support-brand-02: var(--dt-color-black);
1001
- --dt-color-support-brand-03: var(--dt-color-black);
1002
- --dt-color-support-brand-03-subtle: var(--dt-color-cupcake-90);
1003
- --dt-color-support-brand-04: var(--dt-color-black);
1004
- --dt-color-support-brand-04-subtle: var(--dt-color-berry-90);
1005
- --dt-color-support-brand-05: var(--dt-color-black);
1006
- --dt-color-support-brand-05-subtle: var(--dt-color-turmeric-80);
1007
- --dt-color-support-brand-06: var(--dt-color-black);
1008
- --dt-color-support-brand-06-subtle: var(--dt-color-aubergine-80);
1009
- --dt-color-support-brand-07: var(--dt-color-black);
1010
- --dt-color-support-brand-07-subtle: var(--dt-color-tomato-90);
1011
- --dt-color-content-default: var(--dt-color-white);
1012
- --dt-color-content-subdued: var(--dt-color-white);
1013
- --dt-color-content-interactive-brand: var(--dt-color-orange-30);
1014
- --dt-color-content-interactive-light: var(--dt-color-white);
1015
- --dt-color-content-interactive-primary: var(--dt-color-black);
1016
- --dt-color-content-interactive-secondary: var(--dt-color-white);
1017
- --dt-color-content-interactive-tertiary: var(--dt-color-white);
1018
- --dt-color-content-interactive-subdued: var(--dt-color-white);
1019
- --dt-color-content-interactive-inverse: var(--dt-color-white);
1020
- --dt-color-content-interactive-dark: var(--dt-color-black);
1021
- --dt-color-content-interactive-error: var(--dt-color-red-light-hc);
1022
- --dt-color-content-light: var(--dt-color-white);
1023
- --dt-color-content-dark: var(--dt-color-black);
1024
- --dt-color-content-inverse: var(--dt-color-black);
1025
- --dt-color-content-link: var(--dt-color-white);
1026
- --dt-color-content-link-distinct: var(--dt-color-blue-light-hc);
1027
- --dt-color-content-link-light: var(--dt-color-white);
1028
- --dt-color-content-link-inverse: var(--dt-color-black);
1029
- --dt-color-content-link-visited: var(--dt-color-system-purple-10);
1030
- --dt-color-content-link-visited-inverse: var(--dt-color-system-purple);
1031
- --dt-color-content-error: var(--dt-color-red-light-hc);
1032
- --dt-color-content-placeholder: var(--dt-color-charcoal-50);
1033
- --dt-color-content-positive: var(--dt-color-green-light-hc);
1034
- --dt-color-content-disabled: var(--dt-color-charcoal-50);
1035
- --dt-color-content-brand: var(--dt-color-orange-30);
1036
- --dt-color-hover-01-bg: #fff;
1037
- --dt-color-hover-01: 8%;
1038
- --dt-color-hover-01-dark-bg: #000;
1039
- --dt-color-hover-01-dark: 4%;
1040
- --dt-color-hover-02-bg: #000;
1041
- --dt-color-hover-02: 4%;
1042
- --dt-color-hover-02-light-bg: #fff;
1043
- --dt-color-hover-02-light: 8%;
1044
- --dt-color-active-01-bg: #fff;
1045
- --dt-color-active-01: 20%;
1046
- --dt-color-active-01-dark-bg: #000;
1047
- --dt-color-active-01-dark: 12%;
1048
- --dt-color-active-02-bg: #000;
1049
- --dt-color-active-02: 12%;
1050
- --dt-color-active-02-light-bg: #fff;
1051
- --dt-color-active-02-light: 20%;
1052
- --dt-color-resting-bg: #000;
1053
- --dt-color-resting: 0%;
1054
- --dt-color-focus-inner: var(--dt-color-black);
1055
- --dt-color-focus-outer: var(--dt-color-blue-30);
1056
- --dt-color-disabled-01: var(--dt-color-truffle-80);
1057
- --dt-color-disabled-01-inverse: var(--dt-color-truffle-20);
1058
- --dt-color-skeleton-01: var(--dt-color-truffle-80);
1059
- --dt-color-skeleton-02: var(--dt-color-truffle-100);
1060
- --dt-color-skeleton-03: var(--dt-color-truffle-90);
1061
- --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-75);
1062
- --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-70);
1063
- --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-80);
1064
- }
1065
- }
1066
1022
  /* Dark elevation theme */
1023
+ html[data-color-mode="dark"] {
1024
+ --dt-elevation-below-10: var(--dt-elevation-box-shadow-d);
1025
+ --dt-elevation-below-20: var(--dt-elevation-box-shadow-e);
1026
+ --dt-elevation-above-20: var(--dt-elevation-box-shadow-f);
1027
+ --dt-elevation-inverse-below-10: var(--dt-elevation-box-shadow-a);
1028
+ --dt-elevation-inverse-below-20: var(--dt-elevation-box-shadow-b);
1029
+ --dt-elevation-inverse-above-20: var(--dt-elevation-box-shadow-c);
1030
+ --dt-elevation-01: var(--dt-elevation-box-shadow-06);
1031
+ --dt-elevation-02: var(--dt-elevation-box-shadow-07);
1032
+ --dt-elevation-03: var(--dt-elevation-box-shadow-08);
1033
+ --dt-elevation-04: var(--dt-elevation-box-shadow-09);
1034
+ --dt-elevation-05: var(--dt-elevation-box-shadow-10);
1035
+ --dt-elevation-card: var(--dt-elevation-box-shadow-12);
1036
+ --dt-elevation-inverse-01: var(--dt-elevation-box-shadow-01);
1037
+ --dt-elevation-inverse-02: var(--dt-elevation-box-shadow-02);
1038
+ --dt-elevation-inverse-03: var(--dt-elevation-box-shadow-03);
1039
+ --dt-elevation-inverse-04: var(--dt-elevation-box-shadow-04);
1040
+ --dt-elevation-inverse-05: var(--dt-elevation-box-shadow-05);
1041
+ --dt-elevation-inverse-card: var(--dt-elevation-box-shadow-11);
1042
+ }
1067
1043
  @media (prefers-color-scheme: dark) {
1068
- html[data-darkmode-enabled] {
1044
+ html[data-darkmode-system]:not([data-color-mode]) {
1069
1045
  --dt-elevation-below-10: var(--dt-elevation-box-shadow-d);
1070
1046
  --dt-elevation-below-20: var(--dt-elevation-box-shadow-e);
1071
1047
  --dt-elevation-above-20: var(--dt-elevation-box-shadow-f);
@@ -1087,8 +1063,17 @@ html[data-highcontrast-enabled] {
1087
1063
  }
1088
1064
  }
1089
1065
  /* Dark gradient theme */
1066
+ html[data-color-mode="dark"] {
1067
+ --dt-gradient-jetplus-brand-01: linear-gradient(140deg, var(--dt-color-orange-25) 0%, var(--dt-color-orange-30) 40%, var(--dt-color-tomato-50) 100%);
1068
+ --dt-gradient-jetplus-brand-02: linear-gradient(140deg, var(--dt-color-orange-70) 0%, var(--dt-color-orange-75) 40%, var(--dt-color-tomato-90) 100%);
1069
+ --dt-gradient-jetplus-brand-03: linear-gradient(140deg, var(--dt-color-orange-75) 0%, var(--dt-color-orange-90) 40%, var(--dt-color-tomato-100) 100%);
1070
+ --dt-gradient-jetplus-support-01: linear-gradient(180deg, var(--dt-color-truffle-70) 0%, var(--dt-color-truffle-100) 40%, var(--dt-color-truffle-100) 100%);
1071
+ --dt-gradient-jetplus-support-02: linear-gradient(180deg, var(--dt-color-orange-75) 0%, var(--dt-color-transparent) 40%, var(--dt-color-transparent) 100%);
1072
+ --dt-gradient-ai-container-default: linear-gradient(140deg, var(--dt-color-cupcake-80) 40%, var(--dt-color-aubergine-70) 100%);
1073
+ --dt-gradient-ai-border-default: linear-gradient(140deg, var(--dt-color-cupcake-40) 40%, var(--dt-color-aubergine-30) 100%);
1074
+ }
1090
1075
  @media (prefers-color-scheme: dark) {
1091
- html[data-darkmode-enabled] {
1076
+ html[data-darkmode-system]:not([data-color-mode]) {
1092
1077
  --dt-gradient-jetplus-brand-01: linear-gradient(140deg, var(--dt-color-orange-25) 0%, var(--dt-color-orange-30) 40%, var(--dt-color-tomato-50) 100%);
1093
1078
  --dt-gradient-jetplus-brand-02: linear-gradient(140deg, var(--dt-color-orange-70) 0%, var(--dt-color-orange-75) 40%, var(--dt-color-tomato-90) 100%);
1094
1079
  --dt-gradient-jetplus-brand-03: linear-gradient(140deg, var(--dt-color-orange-75) 0%, var(--dt-color-orange-90) 40%, var(--dt-color-tomato-100) 100%);
@@ -1907,307 +1892,403 @@ html[data-highcontrast-enabled] {
1907
1892
  --dt-color-thirdparty-coop-container-primary-s: var(--dt-color-thirdparty-coop-blue-05-s);
1908
1893
  --dt-color-thirdparty-coop-container-primary-l: var(--dt-color-thirdparty-coop-blue-05-l);
1909
1894
  }
1910
- html[data-highcontrast-enabled] {
1911
- --dt-color-background-default-h: var(--dt-color-white-h);
1912
- --dt-color-background-default-s: var(--dt-color-white-s);
1913
- --dt-color-background-default-l: var(--dt-color-white-l);
1914
- --dt-color-background-subtle-h: var(--dt-color-white-h);
1915
- --dt-color-background-subtle-s: var(--dt-color-white-s);
1916
- --dt-color-background-subtle-l: var(--dt-color-white-l);
1917
- --dt-color-background-dark-h: var(--dt-color-black-h);
1918
- --dt-color-background-dark-s: var(--dt-color-black-s);
1919
- --dt-color-background-dark-l: var(--dt-color-black-l);
1920
- --dt-color-container-default-h: var(--dt-color-white-h);
1921
- --dt-color-container-default-s: var(--dt-color-white-s);
1922
- --dt-color-container-default-l: var(--dt-color-white-l);
1923
- --dt-color-container-subtle-h: var(--dt-color-white-h);
1924
- --dt-color-container-subtle-s: var(--dt-color-white-s);
1925
- --dt-color-container-subtle-l: var(--dt-color-white-l);
1926
- --dt-color-container-strong-h: var(--dt-color-white-h);
1927
- --dt-color-container-strong-s: var(--dt-color-white-s);
1928
- --dt-color-container-strong-l: var(--dt-color-white-l);
1929
- --dt-color-container-dark-h: var(--dt-color-black-h);
1930
- --dt-color-container-dark-s: var(--dt-color-black-s);
1931
- --dt-color-container-dark-l: var(--dt-color-black-l);
1895
+ html[data-color-mode="dark"] {
1896
+ --dt-color-background-default-h: var(--dt-color-truffle-100-h);
1897
+ --dt-color-background-default-s: var(--dt-color-truffle-100-s);
1898
+ --dt-color-background-default-l: var(--dt-color-truffle-100-l);
1899
+ --dt-color-background-subtle-h: var(--dt-color-truffle-80-h);
1900
+ --dt-color-background-subtle-s: var(--dt-color-truffle-80-s);
1901
+ --dt-color-background-subtle-l: var(--dt-color-truffle-80-l);
1902
+ --dt-color-background-dark-h: var(--dt-color-truffle-5-h);
1903
+ --dt-color-background-dark-s: var(--dt-color-truffle-5-s);
1904
+ --dt-color-background-dark-l: var(--dt-color-truffle-5-l);
1905
+ --dt-color-container-default-h: var(--dt-color-truffle-90-h);
1906
+ --dt-color-container-default-s: var(--dt-color-truffle-90-s);
1907
+ --dt-color-container-default-l: var(--dt-color-truffle-90-l);
1908
+ --dt-color-container-subtle-h: var(--dt-color-truffle-80-h);
1909
+ --dt-color-container-subtle-s: var(--dt-color-truffle-80-s);
1910
+ --dt-color-container-subtle-l: var(--dt-color-truffle-80-l);
1911
+ --dt-color-container-strong-h: var(--dt-color-truffle-70-h);
1912
+ --dt-color-container-strong-s: var(--dt-color-truffle-70-s);
1913
+ --dt-color-container-strong-l: var(--dt-color-truffle-70-l);
1914
+ --dt-color-container-dark-h: var(--dt-color-truffle-90-h);
1915
+ --dt-color-container-dark-s: var(--dt-color-truffle-90-s);
1916
+ --dt-color-container-dark-l: var(--dt-color-truffle-90-l);
1932
1917
  --dt-color-container-light-h: var(--dt-color-white-h);
1933
1918
  --dt-color-container-light-s: var(--dt-color-white-s);
1934
1919
  --dt-color-container-light-l: var(--dt-color-white-l);
1935
- --dt-color-container-inverse-h: var(--dt-color-black-h);
1936
- --dt-color-container-inverse-s: var(--dt-color-black-s);
1937
- --dt-color-container-inverse-l: var(--dt-color-black-l);
1938
- --dt-color-container-inverse-alternative-h: var(--dt-color-black-h);
1939
- --dt-color-container-inverse-alternative-s: var(--dt-color-black-s);
1940
- --dt-color-container-inverse-alternative-l: var(--dt-color-black-l);
1941
- --dt-color-border-default-h: var(--dt-color-black-h);
1942
- --dt-color-border-default-s: var(--dt-color-black-s);
1943
- --dt-color-border-default-l: var(--dt-color-black-l);
1944
- --dt-color-border-subtle-h: var(--dt-color-black-h);
1945
- --dt-color-border-subtle-s: var(--dt-color-black-s);
1946
- --dt-color-border-subtle-l: var(--dt-color-black-l);
1947
- --dt-color-border-strong-h: var(--dt-color-black-h);
1948
- --dt-color-border-strong-s: var(--dt-color-black-s);
1949
- --dt-color-border-strong-l: var(--dt-color-black-l);
1950
- --dt-color-border-inverse-h: var(--dt-color-white-h);
1951
- --dt-color-border-inverse-s: var(--dt-color-white-s);
1952
- --dt-color-border-inverse-l: var(--dt-color-white-l);
1953
- --dt-color-border-selected-h: var(--dt-color-black-h);
1954
- --dt-color-border-selected-s: var(--dt-color-black-s);
1955
- --dt-color-border-selected-l: var(--dt-color-black-l);
1956
- --dt-color-border-selected-brand-h: var(--dt-color-orange-dark-hc-h);
1957
- --dt-color-border-selected-brand-s: var(--dt-color-orange-dark-hc-s);
1958
- --dt-color-border-selected-brand-l: var(--dt-color-orange-dark-hc-l);
1959
- --dt-color-border-form-h: var(--dt-color-black-h);
1960
- --dt-color-border-form-s: var(--dt-color-black-s);
1961
- --dt-color-border-form-l: var(--dt-color-black-l);
1920
+ --dt-color-container-inverse-h: var(--dt-color-white-h);
1921
+ --dt-color-container-inverse-s: var(--dt-color-white-s);
1922
+ --dt-color-container-inverse-l: var(--dt-color-white-l);
1923
+ --dt-color-container-inverse-alternative-h: var(--dt-color-truffle-70-h);
1924
+ --dt-color-container-inverse-alternative-s: var(--dt-color-truffle-70-s);
1925
+ --dt-color-container-inverse-alternative-l: var(--dt-color-truffle-70-l);
1926
+ --dt-color-border-default-h: var(--dt-color-truffle-70-h);
1927
+ --dt-color-border-default-s: var(--dt-color-truffle-70-s);
1928
+ --dt-color-border-default-l: var(--dt-color-truffle-70-l);
1929
+ --dt-color-border-subtle-h: var(--dt-color-truffle-75-h);
1930
+ --dt-color-border-subtle-s: var(--dt-color-truffle-75-s);
1931
+ --dt-color-border-subtle-l: var(--dt-color-truffle-75-l);
1932
+ --dt-color-border-strong-h: var(--dt-color-truffle-65-h);
1933
+ --dt-color-border-strong-s: var(--dt-color-truffle-65-s);
1934
+ --dt-color-border-strong-l: var(--dt-color-truffle-65-l);
1935
+ --dt-color-border-inverse-h: var(--dt-color-truffle-20-h);
1936
+ --dt-color-border-inverse-s: var(--dt-color-truffle-20-s);
1937
+ --dt-color-border-inverse-l: var(--dt-color-truffle-20-l);
1938
+ --dt-color-border-selected-h: var(--dt-color-truffle-30-h);
1939
+ --dt-color-border-selected-s: var(--dt-color-truffle-30-s);
1940
+ --dt-color-border-selected-l: var(--dt-color-truffle-30-l);
1941
+ --dt-color-border-selected-brand-h: var(--dt-color-orange-h);
1942
+ --dt-color-border-selected-brand-s: var(--dt-color-orange-s);
1943
+ --dt-color-border-selected-brand-l: var(--dt-color-orange-l);
1944
+ --dt-color-border-form-h: var(--dt-color-truffle-55-h);
1945
+ --dt-color-border-form-s: var(--dt-color-truffle-55-s);
1946
+ --dt-color-border-form-l: var(--dt-color-truffle-55-l);
1947
+ --dt-color-border-neutral-h: var(--dt-color-truffle-80-h);
1948
+ --dt-color-border-neutral-s: var(--dt-color-truffle-80-s);
1949
+ --dt-color-border-neutral-l: var(--dt-color-truffle-80-l);
1962
1950
  --dt-color-border-decorative-brand-h: var(--dt-color-orange-30-h);
1963
1951
  --dt-color-border-decorative-brand-s: var(--dt-color-orange-30-s);
1964
1952
  --dt-color-border-decorative-brand-l: var(--dt-color-orange-30-l);
1965
- --dt-color-divider-default-h: var(--dt-color-black-h);
1966
- --dt-color-divider-default-s: var(--dt-color-black-s);
1967
- --dt-color-divider-default-l: var(--dt-color-black-l);
1968
- --dt-color-divider-inverse-h: var(--dt-color-white-h);
1969
- --dt-color-divider-inverse-s: var(--dt-color-white-s);
1970
- --dt-color-divider-inverse-l: var(--dt-color-white-l);
1971
- --dt-color-interactive-brand-h: var(--dt-color-orange-dark-hc-h);
1972
- --dt-color-interactive-brand-s: var(--dt-color-orange-dark-hc-s);
1973
- --dt-color-interactive-brand-l: var(--dt-color-orange-dark-hc-l);
1974
- --dt-color-interactive-primary-h: var(--dt-color-black-h);
1975
- --dt-color-interactive-primary-s: var(--dt-color-black-s);
1976
- --dt-color-interactive-primary-l: var(--dt-color-black-l);
1977
- --dt-color-interactive-secondary-h: var(--dt-color-white-h);
1978
- --dt-color-interactive-secondary-s: var(--dt-color-white-s);
1979
- --dt-color-interactive-secondary-l: var(--dt-color-white-l);
1980
- --dt-color-interactive-inverse-h: var(--dt-color-white-h);
1981
- --dt-color-interactive-inverse-s: var(--dt-color-white-s);
1982
- --dt-color-interactive-inverse-l: var(--dt-color-white-l);
1953
+ --dt-color-interactive-brand-h: var(--dt-color-orange-h);
1954
+ --dt-color-interactive-brand-s: var(--dt-color-orange-s);
1955
+ --dt-color-interactive-brand-l: var(--dt-color-orange-l);
1956
+ --dt-color-interactive-primary-h: var(--dt-color-white-h);
1957
+ --dt-color-interactive-primary-s: var(--dt-color-white-s);
1958
+ --dt-color-interactive-primary-l: var(--dt-color-white-l);
1959
+ --dt-color-interactive-secondary-h: var(--dt-color-truffle-75-h);
1960
+ --dt-color-interactive-secondary-s: var(--dt-color-truffle-75-s);
1961
+ --dt-color-interactive-secondary-l: var(--dt-color-truffle-75-l);
1962
+ --dt-color-interactive-inverse-h: var(--dt-color-truffle-90-h);
1963
+ --dt-color-interactive-inverse-s: var(--dt-color-truffle-90-s);
1964
+ --dt-color-interactive-inverse-l: var(--dt-color-truffle-90-l);
1983
1965
  --dt-color-interactive-light-h: var(--dt-color-white-h);
1984
1966
  --dt-color-interactive-light-s: var(--dt-color-white-s);
1985
1967
  --dt-color-interactive-light-l: var(--dt-color-white-l);
1986
- --dt-color-interactive-form-h: var(--dt-color-black-h);
1987
- --dt-color-interactive-form-s: var(--dt-color-black-s);
1988
- --dt-color-interactive-form-l: var(--dt-color-black-l);
1968
+ --dt-color-interactive-form-h: var(--dt-color-truffle-55-h);
1969
+ --dt-color-interactive-form-s: var(--dt-color-truffle-55-s);
1970
+ --dt-color-interactive-form-l: var(--dt-color-truffle-55-l);
1989
1971
  --dt-color-interactive-error-h: var(--dt-color-red-50-h);
1990
1972
  --dt-color-interactive-error-s: var(--dt-color-red-50-s);
1991
1973
  --dt-color-interactive-error-l: var(--dt-color-red-50-l);
1992
- --dt-color-support-error-h: var(--dt-color-red-dark-hc-h);
1993
- --dt-color-support-error-s: var(--dt-color-red-dark-hc-s);
1994
- --dt-color-support-error-l: var(--dt-color-red-dark-hc-l);
1995
- --dt-color-support-warning-h: var(--dt-color-yellow-dark-hc-h);
1996
- --dt-color-support-warning-s: var(--dt-color-yellow-dark-hc-s);
1997
- --dt-color-support-warning-l: var(--dt-color-yellow-dark-hc-l);
1998
- --dt-color-support-positive-h: var(--dt-color-green-dark-hc-h);
1999
- --dt-color-support-positive-s: var(--dt-color-green-dark-hc-s);
2000
- --dt-color-support-positive-l: var(--dt-color-green-dark-hc-l);
2001
- --dt-color-support-info-h: var(--dt-color-blue-dark-hc-h);
2002
- --dt-color-support-info-s: var(--dt-color-blue-dark-hc-s);
2003
- --dt-color-support-info-l: var(--dt-color-blue-dark-hc-l);
2004
- --dt-color-support-neutral-h: var(--dt-color-white-h);
2005
- --dt-color-support-neutral-s: var(--dt-color-white-s);
2006
- --dt-color-support-neutral-l: var(--dt-color-white-l);
2007
- --dt-color-support-error-02-h: var(--dt-color-white-h);
2008
- --dt-color-support-error-02-s: var(--dt-color-white-s);
2009
- --dt-color-support-error-02-l: var(--dt-color-white-l);
2010
- --dt-color-support-error-tonal-h: var(--dt-color-white-h);
2011
- --dt-color-support-error-tonal-s: var(--dt-color-white-s);
2012
- --dt-color-support-error-tonal-l: var(--dt-color-white-l);
2013
- --dt-color-support-warning-02-h: var(--dt-color-white-h);
2014
- --dt-color-support-warning-02-s: var(--dt-color-white-s);
2015
- --dt-color-support-warning-02-l: var(--dt-color-white-l);
2016
- --dt-color-support-warning-tonal-h: var(--dt-color-white-h);
2017
- --dt-color-support-warning-tonal-s: var(--dt-color-white-s);
2018
- --dt-color-support-warning-tonal-l: var(--dt-color-white-l);
2019
- --dt-color-support-positive-02-h: var(--dt-color-white-h);
2020
- --dt-color-support-positive-02-s: var(--dt-color-white-s);
2021
- --dt-color-support-positive-02-l: var(--dt-color-white-l);
2022
- --dt-color-support-positive-tonal-h: var(--dt-color-white-h);
2023
- --dt-color-support-positive-tonal-s: var(--dt-color-white-s);
2024
- --dt-color-support-positive-tonal-l: var(--dt-color-white-l);
2025
- --dt-color-support-info-02-h: var(--dt-color-white-h);
2026
- --dt-color-support-info-02-s: var(--dt-color-white-s);
2027
- --dt-color-support-info-02-l: var(--dt-color-white-l);
2028
- --dt-color-support-info-tonal-h: var(--dt-color-white-h);
2029
- --dt-color-support-info-tonal-s: var(--dt-color-white-s);
2030
- --dt-color-support-info-tonal-l: var(--dt-color-white-l);
2031
- --dt-color-support-info-inverse-h: var(--dt-color-blue-light-hc-h);
2032
- --dt-color-support-info-inverse-s: var(--dt-color-blue-light-hc-s);
2033
- --dt-color-support-info-inverse-l: var(--dt-color-blue-light-hc-l);
2034
- --dt-color-support-positive-inverse-h: var(--dt-color-green-light-hc-h);
2035
- --dt-color-support-positive-inverse-s: var(--dt-color-green-light-hc-s);
2036
- --dt-color-support-positive-inverse-l: var(--dt-color-green-light-hc-l);
2037
- --dt-color-support-neutral-persistent-h: var(--dt-color-white-h);
2038
- --dt-color-support-neutral-persistent-s: var(--dt-color-white-s);
2039
- --dt-color-support-neutral-persistent-l: var(--dt-color-white-l);
2040
- --dt-color-support-error-inverse-h: var(--dt-color-red-light-hc-h);
2041
- --dt-color-support-error-inverse-s: var(--dt-color-red-light-hc-s);
2042
- --dt-color-support-error-inverse-l: var(--dt-color-red-light-hc-l);
2043
- --dt-color-support-warning-inverse-h: var(--dt-color-yellow-h);
2044
- --dt-color-support-warning-inverse-s: var(--dt-color-yellow-s);
2045
- --dt-color-support-warning-inverse-l: var(--dt-color-yellow-l);
1974
+ --dt-color-support-error-h: var(--dt-color-red-50-h);
1975
+ --dt-color-support-error-s: var(--dt-color-red-50-s);
1976
+ --dt-color-support-error-l: var(--dt-color-red-50-l);
1977
+ --dt-color-support-warning-h: var(--dt-color-yellow-40-h);
1978
+ --dt-color-support-warning-s: var(--dt-color-yellow-40-s);
1979
+ --dt-color-support-warning-l: var(--dt-color-yellow-40-l);
1980
+ --dt-color-support-positive-h: var(--dt-color-green-30-h);
1981
+ --dt-color-support-positive-s: var(--dt-color-green-30-s);
1982
+ --dt-color-support-positive-l: var(--dt-color-green-30-l);
1983
+ --dt-color-support-info-h: var(--dt-color-blue-30-h);
1984
+ --dt-color-support-info-s: var(--dt-color-blue-30-s);
1985
+ --dt-color-support-info-l: var(--dt-color-blue-30-l);
1986
+ --dt-color-support-neutral-h: var(--dt-color-truffle-100-h);
1987
+ --dt-color-support-neutral-s: var(--dt-color-truffle-100-s);
1988
+ --dt-color-support-neutral-l: var(--dt-color-truffle-100-l);
1989
+ --dt-color-support-error-02-h: var(--dt-color-red-90-h);
1990
+ --dt-color-support-error-02-s: var(--dt-color-red-90-s);
1991
+ --dt-color-support-error-02-l: var(--dt-color-red-90-l);
1992
+ --dt-color-support-error-tonal-h: var(--dt-color-red-100-h);
1993
+ --dt-color-support-error-tonal-s: var(--dt-color-red-100-s);
1994
+ --dt-color-support-error-tonal-l: var(--dt-color-red-100-l);
1995
+ --dt-color-support-warning-02-h: var(--dt-color-yellow-80-h);
1996
+ --dt-color-support-warning-02-s: var(--dt-color-yellow-80-s);
1997
+ --dt-color-support-warning-02-l: var(--dt-color-yellow-80-l);
1998
+ --dt-color-support-warning-tonal-h: var(--dt-color-yellow-90-h);
1999
+ --dt-color-support-warning-tonal-s: var(--dt-color-yellow-90-s);
2000
+ --dt-color-support-warning-tonal-l: var(--dt-color-yellow-90-l);
2001
+ --dt-color-support-positive-02-h: var(--dt-color-green-80-h);
2002
+ --dt-color-support-positive-02-s: var(--dt-color-green-80-s);
2003
+ --dt-color-support-positive-02-l: var(--dt-color-green-80-l);
2004
+ --dt-color-support-positive-tonal-h: var(--dt-color-green-90-h);
2005
+ --dt-color-support-positive-tonal-s: var(--dt-color-green-90-s);
2006
+ --dt-color-support-positive-tonal-l: var(--dt-color-green-90-l);
2007
+ --dt-color-support-info-02-h: var(--dt-color-blue-80-h);
2008
+ --dt-color-support-info-02-s: var(--dt-color-blue-80-s);
2009
+ --dt-color-support-info-02-l: var(--dt-color-blue-80-l);
2010
+ --dt-color-support-info-tonal-h: var(--dt-color-blue-90-h);
2011
+ --dt-color-support-info-tonal-s: var(--dt-color-blue-90-s);
2012
+ --dt-color-support-info-tonal-l: var(--dt-color-blue-90-l);
2013
+ --dt-color-support-info-inverse-h: var(--dt-color-blue-h);
2014
+ --dt-color-support-info-inverse-s: var(--dt-color-blue-s);
2015
+ --dt-color-support-info-inverse-l: var(--dt-color-blue-l);
2016
+ --dt-color-support-positive-inverse-h: var(--dt-color-green-h);
2017
+ --dt-color-support-positive-inverse-s: var(--dt-color-green-s);
2018
+ --dt-color-support-positive-inverse-l: var(--dt-color-green-l);
2019
+ --dt-color-support-neutral-persistent-h: var(--dt-color-truffle-20-h);
2020
+ --dt-color-support-neutral-persistent-s: var(--dt-color-truffle-20-s);
2021
+ --dt-color-support-neutral-persistent-l: var(--dt-color-truffle-20-l);
2022
+ --dt-color-support-error-inverse-h: var(--dt-color-red-h);
2023
+ --dt-color-support-error-inverse-s: var(--dt-color-red-s);
2024
+ --dt-color-support-error-inverse-l: var(--dt-color-red-l);
2025
+ --dt-color-support-warning-inverse-h: var(--dt-color-yellow-75-h);
2026
+ --dt-color-support-warning-inverse-s: var(--dt-color-yellow-75-s);
2027
+ --dt-color-support-warning-inverse-l: var(--dt-color-yellow-75-l);
2046
2028
  --dt-color-support-brand-01-h: var(--dt-color-orange-30-h);
2047
2029
  --dt-color-support-brand-01-s: var(--dt-color-orange-30-s);
2048
2030
  --dt-color-support-brand-01-l: var(--dt-color-orange-30-l);
2049
- --dt-color-support-brand-02-h: var(--dt-color-white-h);
2050
- --dt-color-support-brand-02-s: var(--dt-color-white-s);
2051
- --dt-color-support-brand-02-l: var(--dt-color-white-l);
2052
- --dt-color-support-brand-03-h: var(--dt-color-white-h);
2053
- --dt-color-support-brand-03-s: var(--dt-color-white-s);
2054
- --dt-color-support-brand-03-l: var(--dt-color-white-l);
2055
- --dt-color-support-brand-03-subtle-h: var(--dt-color-cupcake-10-h);
2056
- --dt-color-support-brand-03-subtle-s: var(--dt-color-cupcake-10-s);
2057
- --dt-color-support-brand-03-subtle-l: var(--dt-color-cupcake-10-l);
2058
- --dt-color-support-brand-04-h: var(--dt-color-white-h);
2059
- --dt-color-support-brand-04-s: var(--dt-color-white-s);
2060
- --dt-color-support-brand-04-l: var(--dt-color-white-l);
2061
- --dt-color-support-brand-04-subtle-h: var(--dt-color-berry-10-h);
2062
- --dt-color-support-brand-04-subtle-s: var(--dt-color-berry-10-s);
2063
- --dt-color-support-brand-04-subtle-l: var(--dt-color-berry-10-l);
2064
- --dt-color-support-brand-05-h: var(--dt-color-white-h);
2065
- --dt-color-support-brand-05-s: var(--dt-color-white-s);
2066
- --dt-color-support-brand-05-l: var(--dt-color-white-l);
2067
- --dt-color-support-brand-05-subtle-h: var(--dt-color-yellow-10-h);
2068
- --dt-color-support-brand-05-subtle-s: var(--dt-color-yellow-10-s);
2069
- --dt-color-support-brand-05-subtle-l: var(--dt-color-yellow-10-l);
2070
- --dt-color-support-brand-06-h: var(--dt-color-white-h);
2071
- --dt-color-support-brand-06-s: var(--dt-color-white-s);
2072
- --dt-color-support-brand-06-l: var(--dt-color-white-l);
2073
- --dt-color-support-brand-06-subtle-h: var(--dt-color-aubergine-10-h);
2074
- --dt-color-support-brand-06-subtle-s: var(--dt-color-aubergine-10-s);
2075
- --dt-color-support-brand-06-subtle-l: var(--dt-color-aubergine-10-l);
2076
- --dt-color-support-brand-07-h: var(--dt-color-white-h);
2077
- --dt-color-support-brand-07-s: var(--dt-color-white-s);
2078
- --dt-color-support-brand-07-l: var(--dt-color-white-l);
2079
- --dt-color-support-brand-07-subtle-h: var(--dt-color-tomato-5-h);
2080
- --dt-color-support-brand-07-subtle-s: var(--dt-color-tomato-5-s);
2081
- --dt-color-support-brand-07-subtle-l: var(--dt-color-tomato-5-l);
2082
- --dt-color-support-brand-08-h: var(--dt-color-white-h);
2083
- --dt-color-support-brand-08-s: var(--dt-color-white-s);
2084
- --dt-color-support-brand-08-l: var(--dt-color-white-l);
2085
- --dt-color-support-brand-08-subtle-h: var(--dt-color-latte-10-h);
2086
- --dt-color-support-brand-08-subtle-s: var(--dt-color-latte-10-s);
2087
- --dt-color-support-brand-08-subtle-l: var(--dt-color-latte-10-l);
2088
- --dt-color-braze-container-01-h: var(--dt-color-orange-10-h);
2089
- --dt-color-braze-container-01-s: var(--dt-color-orange-10-s);
2090
- --dt-color-braze-container-01-l: var(--dt-color-orange-10-l);
2091
- --dt-color-braze-container-03-h: var(--dt-color-cupcake-10-h);
2092
- --dt-color-braze-container-03-s: var(--dt-color-cupcake-10-s);
2093
- --dt-color-braze-container-03-l: var(--dt-color-cupcake-10-l);
2094
- --dt-color-braze-container-04-h: var(--dt-color-berry-10-h);
2095
- --dt-color-braze-container-04-s: var(--dt-color-berry-10-s);
2096
- --dt-color-braze-container-04-l: var(--dt-color-berry-10-l);
2097
- --dt-color-braze-container-05-h: var(--dt-color-turmeric-10-h);
2098
- --dt-color-braze-container-05-s: var(--dt-color-turmeric-10-s);
2099
- --dt-color-braze-container-05-l: var(--dt-color-turmeric-10-l);
2100
- --dt-color-braze-container-08-h: var(--dt-color-latte-10-h);
2101
- --dt-color-braze-container-08-s: var(--dt-color-latte-10-s);
2102
- --dt-color-braze-container-08-l: var(--dt-color-latte-10-l);
2103
- --dt-color-content-default-h: var(--dt-color-black-h);
2104
- --dt-color-content-default-s: var(--dt-color-black-s);
2105
- --dt-color-content-default-l: var(--dt-color-black-l);
2106
- --dt-color-content-subdued-h: var(--dt-color-black-h);
2107
- --dt-color-content-subdued-s: var(--dt-color-black-s);
2108
- --dt-color-content-subdued-l: var(--dt-color-black-l);
2109
- --dt-color-content-interactive-brand-h: var(--dt-color-orange-dark-hc-h);
2110
- --dt-color-content-interactive-brand-s: var(--dt-color-orange-dark-hc-s);
2111
- --dt-color-content-interactive-brand-l: var(--dt-color-orange-dark-hc-l);
2112
- --dt-color-content-interactive-light-h: var(--dt-color-white-h);
2113
- --dt-color-content-interactive-light-s: var(--dt-color-white-s);
2114
- --dt-color-content-interactive-light-l: var(--dt-color-white-l);
2115
- --dt-color-content-interactive-primary-h: var(--dt-color-white-h);
2116
- --dt-color-content-interactive-primary-s: var(--dt-color-white-s);
2117
- --dt-color-content-interactive-primary-l: var(--dt-color-white-l);
2118
- --dt-color-content-interactive-secondary-h: var(--dt-color-black-h);
2119
- --dt-color-content-interactive-secondary-s: var(--dt-color-black-s);
2120
- --dt-color-content-interactive-secondary-l: var(--dt-color-black-l);
2121
- --dt-color-content-interactive-tertiary-h: var(--dt-color-black-h);
2122
- --dt-color-content-interactive-tertiary-s: var(--dt-color-black-s);
2123
- --dt-color-content-interactive-tertiary-l: var(--dt-color-black-l);
2124
- --dt-color-content-interactive-subdued-h: var(--dt-color-black-h);
2125
- --dt-color-content-interactive-subdued-s: var(--dt-color-black-s);
2126
- --dt-color-content-interactive-subdued-l: var(--dt-color-black-l);
2127
- --dt-color-content-interactive-inverse-h: var(--dt-color-black-h);
2128
- --dt-color-content-interactive-inverse-s: var(--dt-color-black-s);
2129
- --dt-color-content-interactive-inverse-l: var(--dt-color-black-l);
2130
- --dt-color-content-interactive-dark-h: var(--dt-color-black-h);
2131
- --dt-color-content-interactive-dark-s: var(--dt-color-black-s);
2132
- --dt-color-content-interactive-dark-l: var(--dt-color-black-l);
2133
- --dt-color-content-interactive-error-h: var(--dt-color-red-dark-hc-h);
2134
- --dt-color-content-interactive-error-s: var(--dt-color-red-dark-hc-s);
2135
- --dt-color-content-interactive-error-l: var(--dt-color-red-dark-hc-l);
2136
- --dt-color-content-light-h: var(--dt-color-white-h);
2137
- --dt-color-content-light-s: var(--dt-color-white-s);
2138
- --dt-color-content-light-l: var(--dt-color-white-l);
2139
- --dt-color-content-dark-h: var(--dt-color-black-h);
2140
- --dt-color-content-dark-s: var(--dt-color-black-s);
2141
- --dt-color-content-dark-l: var(--dt-color-black-l);
2142
- --dt-color-content-inverse-h: var(--dt-color-white-h);
2143
- --dt-color-content-inverse-s: var(--dt-color-white-s);
2144
- --dt-color-content-inverse-l: var(--dt-color-white-l);
2145
- --dt-color-content-link-h: var(--dt-color-black-h);
2146
- --dt-color-content-link-s: var(--dt-color-black-s);
2147
- --dt-color-content-link-l: var(--dt-color-black-l);
2148
- --dt-color-content-link-distinct-h: var(--dt-color-blue-h);
2149
- --dt-color-content-link-distinct-s: var(--dt-color-blue-s);
2150
- --dt-color-content-link-distinct-l: var(--dt-color-blue-l);
2031
+ --dt-color-support-brand-02-h: var(--dt-color-orange-75-h);
2032
+ --dt-color-support-brand-02-s: var(--dt-color-orange-75-s);
2033
+ --dt-color-support-brand-02-l: var(--dt-color-orange-75-l);
2034
+ --dt-color-support-brand-tonal-h: var(--dt-color-orange-90-h);
2035
+ --dt-color-support-brand-tonal-s: var(--dt-color-orange-90-s);
2036
+ --dt-color-support-brand-tonal-l: var(--dt-color-orange-90-l);
2037
+ --dt-color-support-brand-03-h: var(--dt-color-cupcake-30-h);
2038
+ --dt-color-support-brand-03-s: var(--dt-color-cupcake-30-s);
2039
+ --dt-color-support-brand-03-l: var(--dt-color-cupcake-30-l);
2040
+ --dt-color-support-brand-03-subtle-h: var(--dt-color-cupcake-80-h);
2041
+ --dt-color-support-brand-03-subtle-s: var(--dt-color-cupcake-80-s);
2042
+ --dt-color-support-brand-03-subtle-l: var(--dt-color-cupcake-80-l);
2043
+ --dt-color-support-brand-03-tonal-h: var(--dt-color-cupcake-90-h);
2044
+ --dt-color-support-brand-03-tonal-s: var(--dt-color-cupcake-90-s);
2045
+ --dt-color-support-brand-03-tonal-l: var(--dt-color-cupcake-90-l);
2046
+ --dt-color-support-brand-04-h: var(--dt-color-berry-40-h);
2047
+ --dt-color-support-brand-04-s: var(--dt-color-berry-40-s);
2048
+ --dt-color-support-brand-04-l: var(--dt-color-berry-40-l);
2049
+ --dt-color-support-brand-04-subtle-h: var(--dt-color-berry-80-h);
2050
+ --dt-color-support-brand-04-subtle-s: var(--dt-color-berry-80-s);
2051
+ --dt-color-support-brand-04-subtle-l: var(--dt-color-berry-80-l);
2052
+ --dt-color-support-brand-04-tonal-h: var(--dt-color-berry-90-h);
2053
+ --dt-color-support-brand-04-tonal-s: var(--dt-color-berry-90-s);
2054
+ --dt-color-support-brand-04-tonal-l: var(--dt-color-berry-90-l);
2055
+ --dt-color-support-brand-05-h: var(--dt-color-turmeric-40-h);
2056
+ --dt-color-support-brand-05-s: var(--dt-color-turmeric-40-s);
2057
+ --dt-color-support-brand-05-l: var(--dt-color-turmeric-40-l);
2058
+ --dt-color-support-brand-05-subtle-h: var(--dt-color-turmeric-80-h);
2059
+ --dt-color-support-brand-05-subtle-s: var(--dt-color-turmeric-80-s);
2060
+ --dt-color-support-brand-05-subtle-l: var(--dt-color-turmeric-80-l);
2061
+ --dt-color-support-brand-05-tonal-h: var(--dt-color-turmeric-90-h);
2062
+ --dt-color-support-brand-05-tonal-s: var(--dt-color-turmeric-90-s);
2063
+ --dt-color-support-brand-05-tonal-l: var(--dt-color-turmeric-90-l);
2064
+ --dt-color-support-brand-06-h: var(--dt-color-aubergine-70-h);
2065
+ --dt-color-support-brand-06-s: var(--dt-color-aubergine-70-s);
2066
+ --dt-color-support-brand-06-l: var(--dt-color-aubergine-70-l);
2067
+ --dt-color-support-brand-06-subtle-h: var(--dt-color-aubergine-75-h);
2068
+ --dt-color-support-brand-06-subtle-s: var(--dt-color-aubergine-75-s);
2069
+ --dt-color-support-brand-06-subtle-l: var(--dt-color-aubergine-75-l);
2070
+ --dt-color-support-brand-06-tonal-h: var(--dt-color-aubergine-80-h);
2071
+ --dt-color-support-brand-06-tonal-s: var(--dt-color-aubergine-80-s);
2072
+ --dt-color-support-brand-06-tonal-l: var(--dt-color-aubergine-80-l);
2073
+ --dt-color-support-brand-07-h: var(--dt-color-tomato-50-h);
2074
+ --dt-color-support-brand-07-s: var(--dt-color-tomato-50-s);
2075
+ --dt-color-support-brand-07-l: var(--dt-color-tomato-50-l);
2076
+ --dt-color-support-brand-07-subtle-h: var(--dt-color-tomato-90-h);
2077
+ --dt-color-support-brand-07-subtle-s: var(--dt-color-tomato-90-s);
2078
+ --dt-color-support-brand-07-subtle-l: var(--dt-color-tomato-90-l);
2079
+ --dt-color-support-brand-08-h: var(--dt-color-latte-30-h);
2080
+ --dt-color-support-brand-08-s: var(--dt-color-latte-30-s);
2081
+ --dt-color-support-brand-08-l: var(--dt-color-latte-30-l);
2082
+ --dt-color-support-brand-08-subtle-h: var(--dt-color-latte-80-h);
2083
+ --dt-color-support-brand-08-subtle-s: var(--dt-color-latte-80-s);
2084
+ --dt-color-support-brand-08-subtle-l: var(--dt-color-latte-80-l);
2085
+ --dt-color-support-brand-08-tonal-h: var(--dt-color-latte-90-h);
2086
+ --dt-color-support-brand-08-tonal-s: var(--dt-color-latte-90-s);
2087
+ --dt-color-support-brand-08-tonal-l: var(--dt-color-latte-90-l);
2088
+ --dt-color-braze-container-01-h: var(--dt-color-orange-75-h);
2089
+ --dt-color-braze-container-01-s: var(--dt-color-orange-75-s);
2090
+ --dt-color-braze-container-01-l: var(--dt-color-orange-75-l);
2091
+ --dt-color-braze-container-03-h: var(--dt-color-cupcake-70-h);
2092
+ --dt-color-braze-container-03-s: var(--dt-color-cupcake-70-s);
2093
+ --dt-color-braze-container-03-l: var(--dt-color-cupcake-70-l);
2094
+ --dt-color-braze-container-04-h: var(--dt-color-berry-70-h);
2095
+ --dt-color-braze-container-04-s: var(--dt-color-berry-70-s);
2096
+ --dt-color-braze-container-04-l: var(--dt-color-berry-70-l);
2097
+ --dt-color-braze-container-05-h: var(--dt-color-turmeric-70-h);
2098
+ --dt-color-braze-container-05-s: var(--dt-color-turmeric-70-s);
2099
+ --dt-color-braze-container-05-l: var(--dt-color-turmeric-70-l);
2100
+ --dt-color-braze-container-08-h: var(--dt-color-latte-70-h);
2101
+ --dt-color-braze-container-08-s: var(--dt-color-latte-70-s);
2102
+ --dt-color-braze-container-08-l: var(--dt-color-latte-70-l);
2103
+ --dt-color-content-interactive-brand-h: var(--dt-color-orange-30-h);
2104
+ --dt-color-content-interactive-brand-s: var(--dt-color-orange-30-s);
2105
+ --dt-color-content-interactive-brand-l: var(--dt-color-orange-30-l);
2106
+ --dt-color-content-interactive-tertiary-h: var(--dt-color-white-h);
2107
+ --dt-color-content-interactive-tertiary-s: var(--dt-color-white-s);
2108
+ --dt-color-content-interactive-tertiary-l: var(--dt-color-white-l);
2109
+ --dt-color-content-interactive-error-h: var(--dt-color-red-10-h);
2110
+ --dt-color-content-interactive-error-s: var(--dt-color-red-10-s);
2111
+ --dt-color-content-interactive-error-l: var(--dt-color-red-10-l);
2112
+ --dt-color-content-link-h: var(--dt-color-white-h);
2113
+ --dt-color-content-link-s: var(--dt-color-white-s);
2114
+ --dt-color-content-link-l: var(--dt-color-white-l);
2115
+ --dt-color-content-link-distinct-h: var(--dt-color-blue-10-h);
2116
+ --dt-color-content-link-distinct-s: var(--dt-color-blue-10-s);
2117
+ --dt-color-content-link-distinct-l: var(--dt-color-blue-10-l);
2151
2118
  --dt-color-content-link-light-h: var(--dt-color-white-h);
2152
2119
  --dt-color-content-link-light-s: var(--dt-color-white-s);
2153
2120
  --dt-color-content-link-light-l: var(--dt-color-white-l);
2154
- --dt-color-content-link-inverse-h: var(--dt-color-white-h);
2155
- --dt-color-content-link-inverse-s: var(--dt-color-white-s);
2156
- --dt-color-content-link-inverse-l: var(--dt-color-white-l);
2157
- --dt-color-content-link-visited-h: var(--dt-color-system-purple-h);
2158
- --dt-color-content-link-visited-s: var(--dt-color-system-purple-s);
2159
- --dt-color-content-link-visited-l: var(--dt-color-system-purple-l);
2160
- --dt-color-content-link-visited-inverse-h: var(--dt-color-system-purple-10-h);
2161
- --dt-color-content-link-visited-inverse-s: var(--dt-color-system-purple-10-s);
2162
- --dt-color-content-link-visited-inverse-l: var(--dt-color-system-purple-10-l);
2163
- --dt-color-content-error-h: var(--dt-color-red-dark-hc-h);
2164
- --dt-color-content-error-s: var(--dt-color-red-dark-hc-s);
2165
- --dt-color-content-error-l: var(--dt-color-red-dark-hc-l);
2166
- --dt-color-content-placeholder-h: var(--dt-color-charcoal-57-h);
2167
- --dt-color-content-placeholder-s: var(--dt-color-charcoal-57-s);
2168
- --dt-color-content-placeholder-l: var(--dt-color-charcoal-57-l);
2169
- --dt-color-content-positive-h: var(--dt-color-green-dark-hc-h);
2170
- --dt-color-content-positive-s: var(--dt-color-green-dark-hc-s);
2171
- --dt-color-content-positive-l: var(--dt-color-green-dark-hc-l);
2172
- --dt-color-content-disabled-h: var(--dt-color-charcoal-50-h);
2173
- --dt-color-content-disabled-s: var(--dt-color-charcoal-50-s);
2174
- --dt-color-content-disabled-l: var(--dt-color-charcoal-50-l);
2175
- --dt-color-content-brand-h: var(--dt-color-orange-dark-hc-h);
2176
- --dt-color-content-brand-s: var(--dt-color-orange-dark-hc-s);
2177
- --dt-color-content-brand-l: var(--dt-color-orange-dark-hc-l);
2178
- --dt-color-focus-inner-h: var(--dt-color-white-h);
2179
- --dt-color-focus-inner-s: var(--dt-color-white-s);
2180
- --dt-color-focus-inner-l: var(--dt-color-white-l);
2121
+ --dt-color-content-link-inverse-h: var(--dt-color-charcoal-80-h);
2122
+ --dt-color-content-link-inverse-s: var(--dt-color-charcoal-80-s);
2123
+ --dt-color-content-link-inverse-l: var(--dt-color-charcoal-80-l);
2124
+ --dt-color-content-link-visited-h: var(--dt-color-system-purple-10-h);
2125
+ --dt-color-content-link-visited-s: var(--dt-color-system-purple-10-s);
2126
+ --dt-color-content-link-visited-l: var(--dt-color-system-purple-10-l);
2127
+ --dt-color-content-link-visited-inverse-h: var(--dt-color-system-purple-h);
2128
+ --dt-color-content-link-visited-inverse-s: var(--dt-color-system-purple-s);
2129
+ --dt-color-content-link-visited-inverse-l: var(--dt-color-system-purple-l);
2130
+ --dt-color-content-error-h: var(--dt-color-red-10-h);
2131
+ --dt-color-content-error-s: var(--dt-color-red-10-s);
2132
+ --dt-color-content-error-l: var(--dt-color-red-10-l);
2133
+ --dt-color-content-positive-h: var(--dt-color-green-10-h);
2134
+ --dt-color-content-positive-s: var(--dt-color-green-10-s);
2135
+ --dt-color-content-positive-l: var(--dt-color-green-10-l);
2136
+ --dt-color-content-brand-h: var(--dt-color-orange-30-h);
2137
+ --dt-color-content-brand-s: var(--dt-color-orange-30-s);
2138
+ --dt-color-content-brand-l: var(--dt-color-orange-30-l);
2139
+ --dt-color-content-default-solid-h: var(--dt-color-white-h);
2140
+ --dt-color-content-default-solid-s: var(--dt-color-white-s);
2141
+ --dt-color-content-default-solid-l: var(--dt-color-white-l);
2142
+ --dt-color-content-subdued-solid-h: var(--dt-color-charcoal-30-h);
2143
+ --dt-color-content-subdued-solid-s: var(--dt-color-charcoal-30-s);
2144
+ --dt-color-content-subdued-solid-l: var(--dt-color-charcoal-30-l);
2145
+ --dt-color-content-light-solid-h: var(--dt-color-white-h);
2146
+ --dt-color-content-light-solid-s: var(--dt-color-white-s);
2147
+ --dt-color-content-light-solid-l: var(--dt-color-white-l);
2148
+ --dt-color-content-inverse-solid-h: var(--dt-color-charcoal-70-h);
2149
+ --dt-color-content-inverse-solid-s: var(--dt-color-charcoal-70-s);
2150
+ --dt-color-content-inverse-solid-l: var(--dt-color-charcoal-70-l);
2151
+ --dt-color-content-dark-solid-h: var(--dt-color-charcoal-80-h);
2152
+ --dt-color-content-dark-solid-s: var(--dt-color-charcoal-80-s);
2153
+ --dt-color-content-dark-solid-l: var(--dt-color-charcoal-80-l);
2154
+ --dt-color-content-disabled-solid-h: var(--dt-color-charcoal-50-h);
2155
+ --dt-color-content-disabled-solid-s: var(--dt-color-charcoal-50-s);
2156
+ --dt-color-content-disabled-solid-l: var(--dt-color-charcoal-50-l);
2157
+ --dt-color-content-placeholder-solid-h: var(--dt-color-charcoal-50-h);
2158
+ --dt-color-content-placeholder-solid-s: var(--dt-color-charcoal-50-s);
2159
+ --dt-color-content-placeholder-solid-l: var(--dt-color-charcoal-50-l);
2160
+ --dt-color-content-brand-solid-h: var(--dt-color-orange-30-h);
2161
+ --dt-color-content-brand-solid-s: var(--dt-color-orange-30-s);
2162
+ --dt-color-content-brand-solid-l: var(--dt-color-orange-30-l);
2163
+ --dt-color-content-error-solid-h: var(--dt-color-red-10-h);
2164
+ --dt-color-content-error-solid-s: var(--dt-color-red-10-s);
2165
+ --dt-color-content-error-solid-l: var(--dt-color-red-10-l);
2166
+ --dt-color-content-positive-solid-h: var(--dt-color-green-10-h);
2167
+ --dt-color-content-positive-solid-s: var(--dt-color-green-10-s);
2168
+ --dt-color-content-positive-solid-l: var(--dt-color-green-10-l);
2169
+ --dt-color-content-interactive-light-solid-h: var(--dt-color-white-h);
2170
+ --dt-color-content-interactive-light-solid-s: var(--dt-color-white-s);
2171
+ --dt-color-content-interactive-light-solid-l: var(--dt-color-white-l);
2172
+ --dt-color-content-interactive-primary-solid-h: var(--dt-color-charcoal-80-h);
2173
+ --dt-color-content-interactive-primary-solid-s: var(--dt-color-charcoal-80-s);
2174
+ --dt-color-content-interactive-primary-solid-l: var(--dt-color-charcoal-80-l);
2175
+ --dt-color-content-interactive-secondary-solid-h: var(--dt-color-white-h);
2176
+ --dt-color-content-interactive-secondary-solid-s: var(--dt-color-white-s);
2177
+ --dt-color-content-interactive-secondary-solid-l: var(--dt-color-white-l);
2178
+ --dt-color-content-interactive-inverse-solid-h: var(--dt-color-white-h);
2179
+ --dt-color-content-interactive-inverse-solid-s: var(--dt-color-white-s);
2180
+ --dt-color-content-interactive-inverse-solid-l: var(--dt-color-white-l);
2181
+ --dt-color-content-interactive-dark-solid-h: var(--dt-color-charcoal-80-h);
2182
+ --dt-color-content-interactive-dark-solid-s: var(--dt-color-charcoal-80-s);
2183
+ --dt-color-content-interactive-dark-solid-l: var(--dt-color-charcoal-80-l);
2184
+ --dt-color-content-interactive-brand-solid-h: var(--dt-color-orange-30-h);
2185
+ --dt-color-content-interactive-brand-solid-s: var(--dt-color-orange-30-s);
2186
+ --dt-color-content-interactive-brand-solid-l: var(--dt-color-orange-30-l);
2187
+ --dt-color-content-interactive-error-solid-h: var(--dt-color-red-10-h);
2188
+ --dt-color-content-interactive-error-solid-s: var(--dt-color-red-10-s);
2189
+ --dt-color-content-interactive-error-solid-l: var(--dt-color-red-10-l);
2190
+ --dt-color-focus-inner-h: var(--dt-color-black-h);
2191
+ --dt-color-focus-inner-s: var(--dt-color-black-s);
2192
+ --dt-color-focus-inner-l: var(--dt-color-black-l);
2181
2193
  --dt-color-focus-outer-h: var(--dt-color-blue-30-h);
2182
2194
  --dt-color-focus-outer-s: var(--dt-color-blue-30-s);
2183
2195
  --dt-color-focus-outer-l: var(--dt-color-blue-30-l);
2184
- --dt-color-disabled-01-h: var(--dt-color-truffle-20-h);
2185
- --dt-color-disabled-01-s: var(--dt-color-truffle-20-s);
2186
- --dt-color-disabled-01-l: var(--dt-color-truffle-20-l);
2187
- --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-80-h);
2188
- --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-80-s);
2189
- --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-80-l);
2190
- --dt-color-skeleton-01-h: var(--dt-color-truffle-10-h);
2191
- --dt-color-skeleton-01-s: var(--dt-color-truffle-10-s);
2192
- --dt-color-skeleton-01-l: var(--dt-color-truffle-10-l);
2193
- --dt-color-skeleton-02-h: var(--dt-color-truffle-20-h);
2194
- --dt-color-skeleton-02-s: var(--dt-color-truffle-20-s);
2195
- --dt-color-skeleton-02-l: var(--dt-color-truffle-20-l);
2196
- --dt-color-skeleton-03-h: var(--dt-color-white-h);
2197
- --dt-color-skeleton-03-s: var(--dt-color-white-s);
2198
- --dt-color-skeleton-03-l: var(--dt-color-white-l);
2199
- --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-5-h);
2200
- --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-5-s);
2201
- --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-5-l);
2202
- --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-5-h);
2203
- --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-5-s);
2204
- --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-5-l);
2205
- --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-10-h);
2206
- --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-10-s);
2207
- --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-10-l);
2196
+ --dt-color-disabled-01-h: var(--dt-color-truffle-80-h);
2197
+ --dt-color-disabled-01-s: var(--dt-color-truffle-80-s);
2198
+ --dt-color-disabled-01-l: var(--dt-color-truffle-80-l);
2199
+ --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-20-h);
2200
+ --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-20-s);
2201
+ --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-20-l);
2202
+ --dt-color-skeleton-01-h: var(--dt-color-truffle-80-h);
2203
+ --dt-color-skeleton-01-s: var(--dt-color-truffle-80-s);
2204
+ --dt-color-skeleton-01-l: var(--dt-color-truffle-80-l);
2205
+ --dt-color-skeleton-02-h: var(--dt-color-truffle-75-h);
2206
+ --dt-color-skeleton-02-s: var(--dt-color-truffle-75-s);
2207
+ --dt-color-skeleton-02-l: var(--dt-color-truffle-75-l);
2208
+ --dt-color-skeleton-03-h: var(--dt-color-truffle-90-h);
2209
+ --dt-color-skeleton-03-s: var(--dt-color-truffle-90-s);
2210
+ --dt-color-skeleton-03-l: var(--dt-color-truffle-90-l);
2211
+ --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-75-h);
2212
+ --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-75-s);
2213
+ --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-75-l);
2214
+ --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-70-h);
2215
+ --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-70-s);
2216
+ --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-70-l);
2217
+ --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-80-h);
2218
+ --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-80-s);
2219
+ --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-80-l);
2220
+ --dt-color-thirdparty-apple-container-primary-h: var(--dt-color-white-h);
2221
+ --dt-color-thirdparty-apple-container-primary-s: var(--dt-color-white-s);
2222
+ --dt-color-thirdparty-apple-container-primary-l: var(--dt-color-white-l);
2223
+ --dt-color-thirdparty-apple-content-primary-h: var(--dt-color-black-h);
2224
+ --dt-color-thirdparty-apple-content-primary-s: var(--dt-color-black-s);
2225
+ --dt-color-thirdparty-apple-content-primary-l: var(--dt-color-black-l);
2226
+ --dt-color-thirdparty-apple-container-secondary-h: var(--dt-color-black-h);
2227
+ --dt-color-thirdparty-apple-container-secondary-s: var(--dt-color-black-s);
2228
+ --dt-color-thirdparty-apple-container-secondary-l: var(--dt-color-black-l);
2229
+ --dt-color-thirdparty-apple-content-secondary-h: var(--dt-color-white-h);
2230
+ --dt-color-thirdparty-apple-content-secondary-s: var(--dt-color-white-s);
2231
+ --dt-color-thirdparty-apple-content-secondary-l: var(--dt-color-white-l);
2232
+ --dt-color-thirdparty-android-background-dashboard-h: var(--dt-color-black-h);
2233
+ --dt-color-thirdparty-android-background-dashboard-s: var(--dt-color-black-s);
2234
+ --dt-color-thirdparty-android-background-dashboard-l: var(--dt-color-black-l);
2235
+ --dt-color-thirdparty-facebook-container-primary-h: var(--dt-color-thirdparty-facebook-blue-h);
2236
+ --dt-color-thirdparty-facebook-container-primary-s: var(--dt-color-thirdparty-facebook-blue-s);
2237
+ --dt-color-thirdparty-facebook-container-primary-l: var(--dt-color-thirdparty-facebook-blue-l);
2238
+ --dt-color-thirdparty-facebook-content-primary-h: var(--dt-color-white-h);
2239
+ --dt-color-thirdparty-facebook-content-primary-s: var(--dt-color-white-s);
2240
+ --dt-color-thirdparty-facebook-content-primary-l: var(--dt-color-white-l);
2241
+ --dt-color-thirdparty-facebook-container-secondary-h: var(--dt-color-black-h);
2242
+ --dt-color-thirdparty-facebook-container-secondary-s: var(--dt-color-black-s);
2243
+ --dt-color-thirdparty-facebook-container-secondary-l: var(--dt-color-black-l);
2244
+ --dt-color-thirdparty-facebook-content-secondary-h: var(--dt-color-white-h);
2245
+ --dt-color-thirdparty-facebook-content-secondary-s: var(--dt-color-white-s);
2246
+ --dt-color-thirdparty-facebook-content-secondary-l: var(--dt-color-white-l);
2247
+ --dt-color-thirdparty-google-container-primary-h: var(--dt-color-thirdparty-google-grey-100-h);
2248
+ --dt-color-thirdparty-google-container-primary-s: var(--dt-color-thirdparty-google-grey-100-s);
2249
+ --dt-color-thirdparty-google-container-primary-l: var(--dt-color-thirdparty-google-grey-100-l);
2250
+ --dt-color-thirdparty-google-content-primary-h: var(--dt-color-thirdparty-google-grey-30-h);
2251
+ --dt-color-thirdparty-google-content-primary-s: var(--dt-color-thirdparty-google-grey-30-s);
2252
+ --dt-color-thirdparty-google-content-primary-l: var(--dt-color-thirdparty-google-grey-30-l);
2253
+ --dt-color-thirdparty-google-content-primary-subdued-h: var(--dt-color-thirdparty-google-grey-30-h);
2254
+ --dt-color-thirdparty-google-content-primary-subdued-s: var(--dt-color-thirdparty-google-grey-30-s);
2255
+ --dt-color-thirdparty-google-content-primary-subdued-l: var(--dt-color-thirdparty-google-grey-30-l);
2256
+ --dt-color-thirdparty-google-border-primary-h: var(--dt-color-thirdparty-google-grey-30-h);
2257
+ --dt-color-thirdparty-google-border-primary-s: var(--dt-color-thirdparty-google-grey-30-s);
2258
+ --dt-color-thirdparty-google-border-primary-l: var(--dt-color-thirdparty-google-grey-30-l);
2259
+ --dt-color-thirdparty-google-container-secondary-h: var(--dt-color-white-h);
2260
+ --dt-color-thirdparty-google-container-secondary-s: var(--dt-color-white-s);
2261
+ --dt-color-thirdparty-google-container-secondary-l: var(--dt-color-white-l);
2262
+ --dt-color-thirdparty-google-content-secondary-h: var(--dt-color-thirdparty-google-grey-100-h);
2263
+ --dt-color-thirdparty-google-content-secondary-s: var(--dt-color-thirdparty-google-grey-100-s);
2264
+ --dt-color-thirdparty-google-content-secondary-l: var(--dt-color-thirdparty-google-grey-100-l);
2265
+ --dt-color-thirdparty-google-content-secondary-subdued-h: var(--dt-color-thirdparty-google-grey-70-h);
2266
+ --dt-color-thirdparty-google-content-secondary-subdued-s: var(--dt-color-thirdparty-google-grey-70-s);
2267
+ --dt-color-thirdparty-google-content-secondary-subdued-l: var(--dt-color-thirdparty-google-grey-70-l);
2268
+ --dt-color-thirdparty-google-border-secondary-h: var(--dt-color-thirdparty-google-grey-60-h);
2269
+ --dt-color-thirdparty-google-border-secondary-s: var(--dt-color-thirdparty-google-grey-60-s);
2270
+ --dt-color-thirdparty-google-border-secondary-l: var(--dt-color-thirdparty-google-grey-60-l);
2271
+ --dt-color-thirdparty-microsoft-container-primary-h: var(--dt-color-thirdparty-microsoft-grey-80-h);
2272
+ --dt-color-thirdparty-microsoft-container-primary-s: var(--dt-color-thirdparty-microsoft-grey-80-s);
2273
+ --dt-color-thirdparty-microsoft-container-primary-l: var(--dt-color-thirdparty-microsoft-grey-80-l);
2274
+ --dt-color-thirdparty-microsoft-content-primary-h: var(--dt-color-white-h);
2275
+ --dt-color-thirdparty-microsoft-content-primary-s: var(--dt-color-white-s);
2276
+ --dt-color-thirdparty-microsoft-content-primary-l: var(--dt-color-white-l);
2277
+ --dt-color-thirdparty-microsoft-container-secondary-h: var(--dt-color-white-h);
2278
+ --dt-color-thirdparty-microsoft-container-secondary-s: var(--dt-color-white-s);
2279
+ --dt-color-thirdparty-microsoft-container-secondary-l: var(--dt-color-white-l);
2280
+ --dt-color-thirdparty-microsoft-content-secondary-h: var(--dt-color-thirdparty-microsoft-grey-70-h);
2281
+ --dt-color-thirdparty-microsoft-content-secondary-s: var(--dt-color-thirdparty-microsoft-grey-70-s);
2282
+ --dt-color-thirdparty-microsoft-content-secondary-l: var(--dt-color-thirdparty-microsoft-grey-70-l);
2283
+ --dt-color-thirdparty-microsoft-border-secondary-h: var(--dt-color-thirdparty-microsoft-grey-60-h);
2284
+ --dt-color-thirdparty-microsoft-border-secondary-s: var(--dt-color-thirdparty-microsoft-grey-60-s);
2285
+ --dt-color-thirdparty-microsoft-border-secondary-l: var(--dt-color-thirdparty-microsoft-grey-60-l);
2286
+ --dt-color-thirdparty-coop-container-primary-h: var(--dt-color-thirdparty-coop-blue-90-h);
2287
+ --dt-color-thirdparty-coop-container-primary-s: var(--dt-color-thirdparty-coop-blue-90-s);
2288
+ --dt-color-thirdparty-coop-container-primary-l: var(--dt-color-thirdparty-coop-blue-90-l);
2208
2289
  }
2209
2290
  @media (prefers-color-scheme: dark) {
2210
- html[data-darkmode-enabled] {
2291
+ html[data-darkmode-system]:not([data-color-mode]) {
2211
2292
  --dt-color-background-default-h: var(--dt-color-truffle-100-h);
2212
2293
  --dt-color-background-default-s: var(--dt-color-truffle-100-s);
2213
2294
  --dt-color-background-default-l: var(--dt-color-truffle-100-l);
@@ -2603,286 +2684,6 @@ html[data-highcontrast-enabled] {
2603
2684
  --dt-color-thirdparty-coop-container-primary-l: var(--dt-color-thirdparty-coop-blue-90-l);
2604
2685
  }
2605
2686
  }
2606
- @media (prefers-color-scheme: dark) {
2607
- html[data-darkmode-enabled][data-highcontrast-enabled] {
2608
- --dt-color-background-default-h: var(--dt-color-black-h);
2609
- --dt-color-background-default-s: var(--dt-color-black-s);
2610
- --dt-color-background-default-l: var(--dt-color-black-l);
2611
- --dt-color-background-subtle-h: var(--dt-color-black-h);
2612
- --dt-color-background-subtle-s: var(--dt-color-black-s);
2613
- --dt-color-background-subtle-l: var(--dt-color-black-l);
2614
- --dt-color-background-dark-h: var(--dt-color-black-h);
2615
- --dt-color-background-dark-s: var(--dt-color-black-s);
2616
- --dt-color-background-dark-l: var(--dt-color-black-l);
2617
- --dt-color-container-default-h: var(--dt-color-black-h);
2618
- --dt-color-container-default-s: var(--dt-color-black-s);
2619
- --dt-color-container-default-l: var(--dt-color-black-l);
2620
- --dt-color-container-subtle-h: var(--dt-color-black-h);
2621
- --dt-color-container-subtle-s: var(--dt-color-black-s);
2622
- --dt-color-container-subtle-l: var(--dt-color-black-l);
2623
- --dt-color-container-strong-h: var(--dt-color-black-h);
2624
- --dt-color-container-strong-s: var(--dt-color-black-s);
2625
- --dt-color-container-strong-l: var(--dt-color-black-l);
2626
- --dt-color-container-dark-h: var(--dt-color-black-h);
2627
- --dt-color-container-dark-s: var(--dt-color-black-s);
2628
- --dt-color-container-dark-l: var(--dt-color-black-l);
2629
- --dt-color-container-light-h: var(--dt-color-white-h);
2630
- --dt-color-container-light-s: var(--dt-color-white-s);
2631
- --dt-color-container-light-l: var(--dt-color-white-l);
2632
- --dt-color-container-inverse-h: var(--dt-color-white-h);
2633
- --dt-color-container-inverse-s: var(--dt-color-white-s);
2634
- --dt-color-container-inverse-l: var(--dt-color-white-l);
2635
- --dt-color-container-inverse-alternative-h: var(--dt-color-black-h);
2636
- --dt-color-container-inverse-alternative-s: var(--dt-color-black-s);
2637
- --dt-color-container-inverse-alternative-l: var(--dt-color-black-l);
2638
- --dt-color-border-default-h: var(--dt-color-white-h);
2639
- --dt-color-border-default-s: var(--dt-color-white-s);
2640
- --dt-color-border-default-l: var(--dt-color-white-l);
2641
- --dt-color-border-subtle-h: var(--dt-color-white-h);
2642
- --dt-color-border-subtle-s: var(--dt-color-white-s);
2643
- --dt-color-border-subtle-l: var(--dt-color-white-l);
2644
- --dt-color-border-strong-h: var(--dt-color-white-h);
2645
- --dt-color-border-strong-s: var(--dt-color-white-s);
2646
- --dt-color-border-strong-l: var(--dt-color-white-l);
2647
- --dt-color-border-inverse-h: var(--dt-color-black-h);
2648
- --dt-color-border-inverse-s: var(--dt-color-black-s);
2649
- --dt-color-border-inverse-l: var(--dt-color-black-l);
2650
- --dt-color-border-selected-h: var(--dt-color-white-h);
2651
- --dt-color-border-selected-s: var(--dt-color-white-s);
2652
- --dt-color-border-selected-l: var(--dt-color-white-l);
2653
- --dt-color-border-selected-brand-h: var(--dt-color-orange-30-h);
2654
- --dt-color-border-selected-brand-s: var(--dt-color-orange-30-s);
2655
- --dt-color-border-selected-brand-l: var(--dt-color-orange-30-l);
2656
- --dt-color-border-form-h: var(--dt-color-white-h);
2657
- --dt-color-border-form-s: var(--dt-color-white-s);
2658
- --dt-color-border-form-l: var(--dt-color-white-l);
2659
- --dt-color-border-decorative-brand-h: var(--dt-color-orange-30-h);
2660
- --dt-color-border-decorative-brand-s: var(--dt-color-orange-30-s);
2661
- --dt-color-border-decorative-brand-l: var(--dt-color-orange-30-l);
2662
- --dt-color-divider-default-h: var(--dt-color-white-h);
2663
- --dt-color-divider-default-s: var(--dt-color-white-s);
2664
- --dt-color-divider-default-l: var(--dt-color-white-l);
2665
- --dt-color-divider-inverse-h: var(--dt-color-black-h);
2666
- --dt-color-divider-inverse-s: var(--dt-color-black-s);
2667
- --dt-color-divider-inverse-l: var(--dt-color-black-l);
2668
- --dt-color-interactive-brand-h: var(--dt-color-orange-30-h);
2669
- --dt-color-interactive-brand-s: var(--dt-color-orange-30-s);
2670
- --dt-color-interactive-brand-l: var(--dt-color-orange-30-l);
2671
- --dt-color-interactive-primary-h: var(--dt-color-white-h);
2672
- --dt-color-interactive-primary-s: var(--dt-color-white-s);
2673
- --dt-color-interactive-primary-l: var(--dt-color-white-l);
2674
- --dt-color-interactive-secondary-h: var(--dt-color-black-h);
2675
- --dt-color-interactive-secondary-s: var(--dt-color-black-s);
2676
- --dt-color-interactive-secondary-l: var(--dt-color-black-l);
2677
- --dt-color-interactive-inverse-h: var(--dt-color-black-h);
2678
- --dt-color-interactive-inverse-s: var(--dt-color-black-s);
2679
- --dt-color-interactive-inverse-l: var(--dt-color-black-l);
2680
- --dt-color-interactive-light-h: var(--dt-color-white-h);
2681
- --dt-color-interactive-light-s: var(--dt-color-white-s);
2682
- --dt-color-interactive-light-l: var(--dt-color-white-l);
2683
- --dt-color-interactive-form-h: var(--dt-color-white-h);
2684
- --dt-color-interactive-form-s: var(--dt-color-white-s);
2685
- --dt-color-interactive-form-l: var(--dt-color-white-l);
2686
- --dt-color-interactive-error-h: var(--dt-color-red-40-h);
2687
- --dt-color-interactive-error-s: var(--dt-color-red-40-s);
2688
- --dt-color-interactive-error-l: var(--dt-color-red-40-l);
2689
- --dt-color-support-error-h: var(--dt-color-red-light-hc-h);
2690
- --dt-color-support-error-s: var(--dt-color-red-light-hc-s);
2691
- --dt-color-support-error-l: var(--dt-color-red-light-hc-l);
2692
- --dt-color-support-warning-h: var(--dt-color-yellow-h);
2693
- --dt-color-support-warning-s: var(--dt-color-yellow-s);
2694
- --dt-color-support-warning-l: var(--dt-color-yellow-l);
2695
- --dt-color-support-positive-h: var(--dt-color-green-light-hc-h);
2696
- --dt-color-support-positive-s: var(--dt-color-green-light-hc-s);
2697
- --dt-color-support-positive-l: var(--dt-color-green-light-hc-l);
2698
- --dt-color-support-info-h: var(--dt-color-blue-light-hc-h);
2699
- --dt-color-support-info-s: var(--dt-color-blue-light-hc-s);
2700
- --dt-color-support-info-l: var(--dt-color-blue-light-hc-l);
2701
- --dt-color-support-neutral-h: var(--dt-color-black-h);
2702
- --dt-color-support-neutral-s: var(--dt-color-black-s);
2703
- --dt-color-support-neutral-l: var(--dt-color-black-l);
2704
- --dt-color-support-error-02-h: var(--dt-color-black-h);
2705
- --dt-color-support-error-02-s: var(--dt-color-black-s);
2706
- --dt-color-support-error-02-l: var(--dt-color-black-l);
2707
- --dt-color-support-error-tonal-h: var(--dt-color-black-h);
2708
- --dt-color-support-error-tonal-s: var(--dt-color-black-s);
2709
- --dt-color-support-error-tonal-l: var(--dt-color-black-l);
2710
- --dt-color-support-warning-02-h: var(--dt-color-black-h);
2711
- --dt-color-support-warning-02-s: var(--dt-color-black-s);
2712
- --dt-color-support-warning-02-l: var(--dt-color-black-l);
2713
- --dt-color-support-warning-tonal-h: var(--dt-color-black-h);
2714
- --dt-color-support-warning-tonal-s: var(--dt-color-black-s);
2715
- --dt-color-support-warning-tonal-l: var(--dt-color-black-l);
2716
- --dt-color-support-positive-02-h: var(--dt-color-black-h);
2717
- --dt-color-support-positive-02-s: var(--dt-color-black-s);
2718
- --dt-color-support-positive-02-l: var(--dt-color-black-l);
2719
- --dt-color-support-positive-tonal-h: var(--dt-color-black-h);
2720
- --dt-color-support-positive-tonal-s: var(--dt-color-black-s);
2721
- --dt-color-support-positive-tonal-l: var(--dt-color-black-l);
2722
- --dt-color-support-info-02-h: var(--dt-color-black-h);
2723
- --dt-color-support-info-02-s: var(--dt-color-black-s);
2724
- --dt-color-support-info-02-l: var(--dt-color-black-l);
2725
- --dt-color-support-info-tonal-h: var(--dt-color-black-h);
2726
- --dt-color-support-info-tonal-s: var(--dt-color-black-s);
2727
- --dt-color-support-info-tonal-l: var(--dt-color-black-l);
2728
- --dt-color-support-info-inverse-h: var(--dt-color-blue-dark-hc-h);
2729
- --dt-color-support-info-inverse-s: var(--dt-color-blue-dark-hc-s);
2730
- --dt-color-support-info-inverse-l: var(--dt-color-blue-dark-hc-l);
2731
- --dt-color-support-positive-inverse-h: var(--dt-color-green-dark-hc-h);
2732
- --dt-color-support-positive-inverse-s: var(--dt-color-green-dark-hc-s);
2733
- --dt-color-support-positive-inverse-l: var(--dt-color-green-dark-hc-l);
2734
- --dt-color-support-neutral-persistent-h: var(--dt-color-black-h);
2735
- --dt-color-support-neutral-persistent-s: var(--dt-color-black-s);
2736
- --dt-color-support-neutral-persistent-l: var(--dt-color-black-l);
2737
- --dt-color-support-error-inverse-h: var(--dt-color-red-dark-hc-h);
2738
- --dt-color-support-error-inverse-s: var(--dt-color-red-dark-hc-s);
2739
- --dt-color-support-error-inverse-l: var(--dt-color-red-dark-hc-l);
2740
- --dt-color-support-warning-inverse-h: var(--dt-color-yellow-75-h);
2741
- --dt-color-support-warning-inverse-s: var(--dt-color-yellow-75-s);
2742
- --dt-color-support-warning-inverse-l: var(--dt-color-yellow-75-l);
2743
- --dt-color-support-brand-01-h: var(--dt-color-orange-30-h);
2744
- --dt-color-support-brand-01-s: var(--dt-color-orange-30-s);
2745
- --dt-color-support-brand-01-l: var(--dt-color-orange-30-l);
2746
- --dt-color-support-brand-02-h: var(--dt-color-black-h);
2747
- --dt-color-support-brand-02-s: var(--dt-color-black-s);
2748
- --dt-color-support-brand-02-l: var(--dt-color-black-l);
2749
- --dt-color-support-brand-03-h: var(--dt-color-black-h);
2750
- --dt-color-support-brand-03-s: var(--dt-color-black-s);
2751
- --dt-color-support-brand-03-l: var(--dt-color-black-l);
2752
- --dt-color-support-brand-03-subtle-h: var(--dt-color-cupcake-90-h);
2753
- --dt-color-support-brand-03-subtle-s: var(--dt-color-cupcake-90-s);
2754
- --dt-color-support-brand-03-subtle-l: var(--dt-color-cupcake-90-l);
2755
- --dt-color-support-brand-04-h: var(--dt-color-black-h);
2756
- --dt-color-support-brand-04-s: var(--dt-color-black-s);
2757
- --dt-color-support-brand-04-l: var(--dt-color-black-l);
2758
- --dt-color-support-brand-04-subtle-h: var(--dt-color-berry-90-h);
2759
- --dt-color-support-brand-04-subtle-s: var(--dt-color-berry-90-s);
2760
- --dt-color-support-brand-04-subtle-l: var(--dt-color-berry-90-l);
2761
- --dt-color-support-brand-05-h: var(--dt-color-black-h);
2762
- --dt-color-support-brand-05-s: var(--dt-color-black-s);
2763
- --dt-color-support-brand-05-l: var(--dt-color-black-l);
2764
- --dt-color-support-brand-05-subtle-h: var(--dt-color-turmeric-80-h);
2765
- --dt-color-support-brand-05-subtle-s: var(--dt-color-turmeric-80-s);
2766
- --dt-color-support-brand-05-subtle-l: var(--dt-color-turmeric-80-l);
2767
- --dt-color-support-brand-06-h: var(--dt-color-black-h);
2768
- --dt-color-support-brand-06-s: var(--dt-color-black-s);
2769
- --dt-color-support-brand-06-l: var(--dt-color-black-l);
2770
- --dt-color-support-brand-06-subtle-h: var(--dt-color-aubergine-80-h);
2771
- --dt-color-support-brand-06-subtle-s: var(--dt-color-aubergine-80-s);
2772
- --dt-color-support-brand-06-subtle-l: var(--dt-color-aubergine-80-l);
2773
- --dt-color-support-brand-07-h: var(--dt-color-black-h);
2774
- --dt-color-support-brand-07-s: var(--dt-color-black-s);
2775
- --dt-color-support-brand-07-l: var(--dt-color-black-l);
2776
- --dt-color-support-brand-07-subtle-h: var(--dt-color-tomato-90-h);
2777
- --dt-color-support-brand-07-subtle-s: var(--dt-color-tomato-90-s);
2778
- --dt-color-support-brand-07-subtle-l: var(--dt-color-tomato-90-l);
2779
- --dt-color-content-default-h: var(--dt-color-white-h);
2780
- --dt-color-content-default-s: var(--dt-color-white-s);
2781
- --dt-color-content-default-l: var(--dt-color-white-l);
2782
- --dt-color-content-subdued-h: var(--dt-color-white-h);
2783
- --dt-color-content-subdued-s: var(--dt-color-white-s);
2784
- --dt-color-content-subdued-l: var(--dt-color-white-l);
2785
- --dt-color-content-interactive-brand-h: var(--dt-color-orange-30-h);
2786
- --dt-color-content-interactive-brand-s: var(--dt-color-orange-30-s);
2787
- --dt-color-content-interactive-brand-l: var(--dt-color-orange-30-l);
2788
- --dt-color-content-interactive-light-h: var(--dt-color-white-h);
2789
- --dt-color-content-interactive-light-s: var(--dt-color-white-s);
2790
- --dt-color-content-interactive-light-l: var(--dt-color-white-l);
2791
- --dt-color-content-interactive-primary-h: var(--dt-color-black-h);
2792
- --dt-color-content-interactive-primary-s: var(--dt-color-black-s);
2793
- --dt-color-content-interactive-primary-l: var(--dt-color-black-l);
2794
- --dt-color-content-interactive-secondary-h: var(--dt-color-white-h);
2795
- --dt-color-content-interactive-secondary-s: var(--dt-color-white-s);
2796
- --dt-color-content-interactive-secondary-l: var(--dt-color-white-l);
2797
- --dt-color-content-interactive-tertiary-h: var(--dt-color-white-h);
2798
- --dt-color-content-interactive-tertiary-s: var(--dt-color-white-s);
2799
- --dt-color-content-interactive-tertiary-l: var(--dt-color-white-l);
2800
- --dt-color-content-interactive-subdued-h: var(--dt-color-white-h);
2801
- --dt-color-content-interactive-subdued-s: var(--dt-color-white-s);
2802
- --dt-color-content-interactive-subdued-l: var(--dt-color-white-l);
2803
- --dt-color-content-interactive-inverse-h: var(--dt-color-white-h);
2804
- --dt-color-content-interactive-inverse-s: var(--dt-color-white-s);
2805
- --dt-color-content-interactive-inverse-l: var(--dt-color-white-l);
2806
- --dt-color-content-interactive-dark-h: var(--dt-color-black-h);
2807
- --dt-color-content-interactive-dark-s: var(--dt-color-black-s);
2808
- --dt-color-content-interactive-dark-l: var(--dt-color-black-l);
2809
- --dt-color-content-interactive-error-h: var(--dt-color-red-light-hc-h);
2810
- --dt-color-content-interactive-error-s: var(--dt-color-red-light-hc-s);
2811
- --dt-color-content-interactive-error-l: var(--dt-color-red-light-hc-l);
2812
- --dt-color-content-light-h: var(--dt-color-white-h);
2813
- --dt-color-content-light-s: var(--dt-color-white-s);
2814
- --dt-color-content-light-l: var(--dt-color-white-l);
2815
- --dt-color-content-dark-h: var(--dt-color-black-h);
2816
- --dt-color-content-dark-s: var(--dt-color-black-s);
2817
- --dt-color-content-dark-l: var(--dt-color-black-l);
2818
- --dt-color-content-inverse-h: var(--dt-color-black-h);
2819
- --dt-color-content-inverse-s: var(--dt-color-black-s);
2820
- --dt-color-content-inverse-l: var(--dt-color-black-l);
2821
- --dt-color-content-link-h: var(--dt-color-white-h);
2822
- --dt-color-content-link-s: var(--dt-color-white-s);
2823
- --dt-color-content-link-l: var(--dt-color-white-l);
2824
- --dt-color-content-link-distinct-h: var(--dt-color-blue-light-hc-h);
2825
- --dt-color-content-link-distinct-s: var(--dt-color-blue-light-hc-s);
2826
- --dt-color-content-link-distinct-l: var(--dt-color-blue-light-hc-l);
2827
- --dt-color-content-link-light-h: var(--dt-color-white-h);
2828
- --dt-color-content-link-light-s: var(--dt-color-white-s);
2829
- --dt-color-content-link-light-l: var(--dt-color-white-l);
2830
- --dt-color-content-link-inverse-h: var(--dt-color-black-h);
2831
- --dt-color-content-link-inverse-s: var(--dt-color-black-s);
2832
- --dt-color-content-link-inverse-l: var(--dt-color-black-l);
2833
- --dt-color-content-link-visited-h: var(--dt-color-system-purple-10-h);
2834
- --dt-color-content-link-visited-s: var(--dt-color-system-purple-10-s);
2835
- --dt-color-content-link-visited-l: var(--dt-color-system-purple-10-l);
2836
- --dt-color-content-link-visited-inverse-h: var(--dt-color-system-purple-h);
2837
- --dt-color-content-link-visited-inverse-s: var(--dt-color-system-purple-s);
2838
- --dt-color-content-link-visited-inverse-l: var(--dt-color-system-purple-l);
2839
- --dt-color-content-error-h: var(--dt-color-red-light-hc-h);
2840
- --dt-color-content-error-s: var(--dt-color-red-light-hc-s);
2841
- --dt-color-content-error-l: var(--dt-color-red-light-hc-l);
2842
- --dt-color-content-placeholder-h: var(--dt-color-charcoal-50-h);
2843
- --dt-color-content-placeholder-s: var(--dt-color-charcoal-50-s);
2844
- --dt-color-content-placeholder-l: var(--dt-color-charcoal-50-l);
2845
- --dt-color-content-positive-h: var(--dt-color-green-light-hc-h);
2846
- --dt-color-content-positive-s: var(--dt-color-green-light-hc-s);
2847
- --dt-color-content-positive-l: var(--dt-color-green-light-hc-l);
2848
- --dt-color-content-disabled-h: var(--dt-color-charcoal-50-h);
2849
- --dt-color-content-disabled-s: var(--dt-color-charcoal-50-s);
2850
- --dt-color-content-disabled-l: var(--dt-color-charcoal-50-l);
2851
- --dt-color-content-brand-h: var(--dt-color-orange-30-h);
2852
- --dt-color-content-brand-s: var(--dt-color-orange-30-s);
2853
- --dt-color-content-brand-l: var(--dt-color-orange-30-l);
2854
- --dt-color-focus-inner-h: var(--dt-color-black-h);
2855
- --dt-color-focus-inner-s: var(--dt-color-black-s);
2856
- --dt-color-focus-inner-l: var(--dt-color-black-l);
2857
- --dt-color-focus-outer-h: var(--dt-color-blue-30-h);
2858
- --dt-color-focus-outer-s: var(--dt-color-blue-30-s);
2859
- --dt-color-focus-outer-l: var(--dt-color-blue-30-l);
2860
- --dt-color-disabled-01-h: var(--dt-color-truffle-80-h);
2861
- --dt-color-disabled-01-s: var(--dt-color-truffle-80-s);
2862
- --dt-color-disabled-01-l: var(--dt-color-truffle-80-l);
2863
- --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-20-h);
2864
- --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-20-s);
2865
- --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-20-l);
2866
- --dt-color-skeleton-01-h: var(--dt-color-truffle-80-h);
2867
- --dt-color-skeleton-01-s: var(--dt-color-truffle-80-s);
2868
- --dt-color-skeleton-01-l: var(--dt-color-truffle-80-l);
2869
- --dt-color-skeleton-02-h: var(--dt-color-truffle-100-h);
2870
- --dt-color-skeleton-02-s: var(--dt-color-truffle-100-s);
2871
- --dt-color-skeleton-02-l: var(--dt-color-truffle-100-l);
2872
- --dt-color-skeleton-03-h: var(--dt-color-truffle-90-h);
2873
- --dt-color-skeleton-03-s: var(--dt-color-truffle-90-s);
2874
- --dt-color-skeleton-03-l: var(--dt-color-truffle-90-l);
2875
- --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-75-h);
2876
- --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-75-s);
2877
- --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-75-l);
2878
- --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-70-h);
2879
- --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-70-s);
2880
- --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-70-l);
2881
- --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-80-h);
2882
- --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-80-s);
2883
- --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-80-l);
2884
- }
2885
- }
2886
2687
  :root {
2887
2688
  --pie-animation-slide-translate-start: -100%;
2888
2689
  }