@justeattakeaway/pie-css 0.21.0 → 0.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +737 -886
  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);
@@ -213,20 +216,20 @@
213
216
  --dt-color-braze-container-04: var(--dt-color-berry-10);
214
217
  --dt-color-braze-container-05: var(--dt-color-turmeric-10);
215
218
  --dt-color-braze-container-08: var(--dt-color-latte-10);
216
- --dt-color-content-default: var(--dt-color-charcoal-80);
217
- --dt-color-content-subdued: var(--dt-color-charcoal-70);
219
+ --dt-color-content-default: rgb(0,0,0,0.76);
220
+ --dt-color-content-subdued: rgb(0,0,0,0.64);
218
221
  --dt-color-content-interactive-brand: var(--dt-color-orange);
219
- --dt-color-content-interactive-light: var(--dt-color-white);
220
- --dt-color-content-interactive-primary: var(--dt-color-white);
221
- --dt-color-content-interactive-secondary: var(--dt-color-charcoal-80);
222
+ --dt-color-content-interactive-light: rgb(255,255,255,0.9);
223
+ --dt-color-content-interactive-primary: rgb(255,255,255,0.9);
224
+ --dt-color-content-interactive-secondary: rgb(0,0,0,0.76);
222
225
  --dt-color-content-interactive-tertiary: var(--dt-color-charcoal-75);
223
- --dt-color-content-interactive-subdued: var(--dt-color-charcoal-60);
224
- --dt-color-content-interactive-inverse: var(--dt-color-charcoal-80);
225
- --dt-color-content-interactive-dark: var(--dt-color-charcoal-80);
226
+ --dt-color-content-interactive-subdued: rgb(0,0,0,0.58);
227
+ --dt-color-content-interactive-inverse: rgb(0,0,0,0.76);
228
+ --dt-color-content-interactive-dark: rgb(0,0,0,0.76);
226
229
  --dt-color-content-interactive-error: var(--dt-color-red);
227
- --dt-color-content-light: var(--dt-color-white);
228
- --dt-color-content-dark: var(--dt-color-charcoal-80);
229
- --dt-color-content-inverse: var(--dt-color-white);
230
+ --dt-color-content-light: rgb(255,255,255,0.9);
231
+ --dt-color-content-dark: rgb(0,0,0,0.76);
232
+ --dt-color-content-inverse: rgb(255,255,255,0.9);
230
233
  --dt-color-content-link: var(--dt-color-charcoal-80);
231
234
  --dt-color-content-link-distinct: var(--dt-color-blue);
232
235
  --dt-color-content-link-light: var(--dt-color-white);
@@ -234,10 +237,27 @@
234
237
  --dt-color-content-link-visited: var(--dt-color-system-purple);
235
238
  --dt-color-content-link-visited-inverse: var(--dt-color-system-purple-10);
236
239
  --dt-color-content-error: var(--dt-color-red);
237
- --dt-color-content-placeholder: var(--dt-color-charcoal-57);
240
+ --dt-color-content-placeholder: rgb(0,0,0,0.55);
238
241
  --dt-color-content-positive: var(--dt-color-green);
239
- --dt-color-content-disabled: var(--dt-color-charcoal-50);
242
+ --dt-color-content-disabled: rgb(0,0,0,0.30);
240
243
  --dt-color-content-brand: var(--dt-color-orange);
244
+ --dt-color-content-default-solid: var(--dt-color-charcoal-80);
245
+ --dt-color-content-subdued-solid: var(--dt-color-charcoal-70);
246
+ --dt-color-content-light-solid: var(--dt-color-white);
247
+ --dt-color-content-inverse-solid: var(--dt-color-white);
248
+ --dt-color-content-dark-solid: var(--dt-color-charcoal-80);
249
+ --dt-color-content-disabled-solid: var(--dt-color-charcoal-50);
250
+ --dt-color-content-placeholder-solid: var(--dt-color-charcoal-57);
251
+ --dt-color-content-brand-solid: var(--dt-color-orange);
252
+ --dt-color-content-error-solid: var(--dt-color-red);
253
+ --dt-color-content-positive-solid: var(--dt-color-green);
254
+ --dt-color-content-interactive-light-solid: var(--dt-color-white);
255
+ --dt-color-content-interactive-primary-solid: var(--dt-color-white);
256
+ --dt-color-content-interactive-secondary-solid: var(--dt-color-charcoal-80);
257
+ --dt-color-content-interactive-inverse-solid: var(--dt-color-charcoal-80);
258
+ --dt-color-content-interactive-dark-solid: var(--dt-color-charcoal-80);
259
+ --dt-color-content-interactive-brand-solid: var(--dt-color-orange);
260
+ --dt-color-content-interactive-error-solid: var(--dt-color-red);
241
261
  --dt-color-hover-01-bg: #000;
242
262
  --dt-color-hover-01: 4%;
243
263
  --dt-color-hover-01-dark-bg: #000;
@@ -571,6 +591,14 @@
571
591
  --dt-spacing-h: var(--dt-spacing-56);
572
592
  --dt-spacing-i: var(--dt-spacing-64);
573
593
  --dt-spacing-j: var(--dt-spacing-80);
594
+ /* Global tokens - Blur */
595
+ --dt-blur-uniform-18: 9px;
596
+ --dt-blur-uniform-25: 12.5px;
597
+ --dt-blur-uniform-48: 24px;
598
+ /* Alias tokens - Blur */
599
+ --dt-blur-base: var(--dt-blur-uniform-48);
600
+ --dt-blur-neutral: var(--dt-blur-uniform-18);
601
+ --dt-blur-prominent: var(--dt-blur-uniform-25);
574
602
  /* Global tokens - Breakpoint */
575
603
  --dt-breakpoint-size-1024: 1024px;
576
604
  --dt-breakpoint-size-1280: 1280px;
@@ -634,131 +662,182 @@
634
662
  --dt-gradient-ai-container-default: linear-gradient(140deg, var(--dt-color-cupcake-10) 40%, var(--dt-color-aubergine-5) 100%);
635
663
  --dt-gradient-ai-border-default: linear-gradient(140deg, var(--dt-color-cupcake-40) 40%, var(--dt-color-aubergine-30) 100%);
636
664
  }
637
- /* Highcontrast color theme */
638
- html[data-highcontrast-enabled] {
639
- --dt-color-background-default: var(--dt-color-white);
640
- --dt-color-background-subtle: var(--dt-color-white);
641
- --dt-color-background-dark: var(--dt-color-black);
642
- --dt-color-container-default: var(--dt-color-white);
643
- --dt-color-container-subtle: var(--dt-color-white);
644
- --dt-color-container-strong: var(--dt-color-white);
645
- --dt-color-container-dark: var(--dt-color-black);
665
+ /* Dark color theme */
666
+ html[data-color-mode="dark"] {
667
+ --dt-color-background-default: var(--dt-color-truffle-100);
668
+ --dt-color-background-subtle: var(--dt-color-truffle-80);
669
+ --dt-color-background-dark: var(--dt-color-truffle-5);
670
+ --dt-color-container-default: var(--dt-color-truffle-90);
671
+ --dt-color-container-subtle: var(--dt-color-truffle-80);
672
+ --dt-color-container-strong: var(--dt-color-truffle-70);
673
+ --dt-color-container-dark: var(--dt-color-truffle-90);
646
674
  --dt-color-container-light: var(--dt-color-white);
647
- --dt-color-container-inverse: var(--dt-color-black);
648
- --dt-color-container-inverse-alternative: var(--dt-color-black);
649
- --dt-color-border-default: var(--dt-color-black);
650
- --dt-color-border-subtle: var(--dt-color-black);
651
- --dt-color-border-strong: var(--dt-color-black);
652
- --dt-color-border-inverse: var(--dt-color-white);
653
- --dt-color-border-selected: var(--dt-color-black);
654
- --dt-color-border-selected-brand: var(--dt-color-orange-dark-hc);
655
- --dt-color-border-form: var(--dt-color-black);
675
+ --dt-color-container-inverse: var(--dt-color-white);
676
+ --dt-color-container-inverse-alternative: var(--dt-color-truffle-70);
677
+ --dt-color-container-base: rgb(43,42,40,0.62);
678
+ --dt-color-container-neutral: rgb(89,86,79,0.72);
679
+ --dt-color-container-prominent: rgb(43,42,40,0.42);
680
+ --dt-color-border-default: var(--dt-color-truffle-70);
681
+ --dt-color-border-subtle: var(--dt-color-truffle-75);
682
+ --dt-color-border-strong: var(--dt-color-truffle-65);
683
+ --dt-color-border-inverse: var(--dt-color-truffle-20);
684
+ --dt-color-border-selected: var(--dt-color-truffle-30);
685
+ --dt-color-border-selected-brand: var(--dt-color-orange);
686
+ --dt-color-border-form: var(--dt-color-truffle-55);
687
+ --dt-color-border-neutral: var(--dt-color-truffle-80);
656
688
  --dt-color-border-decorative-brand: var(--dt-color-orange-30);
657
- --dt-color-divider-default: var(--dt-color-black);
658
- --dt-color-divider-inverse: var(--dt-color-white);
659
- --dt-color-interactive-brand: var(--dt-color-orange-dark-hc);
660
- --dt-color-interactive-primary: var(--dt-color-black);
661
- --dt-color-interactive-secondary: var(--dt-color-white);
662
- --dt-color-interactive-inverse: var(--dt-color-white);
689
+ --dt-color-divider-default: rgb(255,255,255,0.20);
690
+ --dt-color-divider-inverse: rgb(0,0,0,0.08);
691
+ --dt-color-interactive-brand: var(--dt-color-orange);
692
+ --dt-color-interactive-primary: var(--dt-color-white);
693
+ --dt-color-interactive-secondary: var(--dt-color-truffle-75);
694
+ --dt-color-interactive-inverse: var(--dt-color-truffle-90);
663
695
  --dt-color-interactive-light: var(--dt-color-white);
664
- --dt-color-interactive-form: var(--dt-color-black);
696
+ --dt-color-interactive-form: var(--dt-color-truffle-55);
665
697
  --dt-color-interactive-error: var(--dt-color-red-50);
666
698
  --dt-color-overlay: rgb(0,0,0,0.55);
667
699
  --dt-color-transparent: rgb(255,255,255,0);
668
- --dt-color-support-error: var(--dt-color-red-dark-hc);
669
- --dt-color-support-warning: var(--dt-color-yellow-dark-hc);
670
- --dt-color-support-positive: var(--dt-color-green-dark-hc);
671
- --dt-color-support-info: var(--dt-color-blue-dark-hc);
672
- --dt-color-support-neutral: var(--dt-color-white);
673
- --dt-color-support-error-02: var(--dt-color-white);
674
- --dt-color-support-error-tonal: var(--dt-color-white);
675
- --dt-color-support-warning-02: var(--dt-color-white);
676
- --dt-color-support-warning-tonal: var(--dt-color-white);
677
- --dt-color-support-positive-02: var(--dt-color-white);
678
- --dt-color-support-positive-tonal: var(--dt-color-white);
679
- --dt-color-support-info-02: var(--dt-color-white);
680
- --dt-color-support-info-tonal: var(--dt-color-white);
681
- --dt-color-support-info-inverse: var(--dt-color-blue-light-hc);
682
- --dt-color-support-positive-inverse: var(--dt-color-green-light-hc);
683
- --dt-color-support-neutral-persistent: var(--dt-color-white);
684
- --dt-color-support-error-inverse: var(--dt-color-red-light-hc);
685
- --dt-color-support-warning-inverse: var(--dt-color-yellow);
700
+ --dt-color-support-error: var(--dt-color-red-50);
701
+ --dt-color-support-warning: var(--dt-color-yellow-40);
702
+ --dt-color-support-positive: var(--dt-color-green-30);
703
+ --dt-color-support-info: var(--dt-color-blue-30);
704
+ --dt-color-support-neutral: var(--dt-color-truffle-100);
705
+ --dt-color-support-error-02: var(--dt-color-red-90);
706
+ --dt-color-support-error-tonal: var(--dt-color-red-100);
707
+ --dt-color-support-warning-02: var(--dt-color-yellow-80);
708
+ --dt-color-support-warning-tonal: var(--dt-color-yellow-90);
709
+ --dt-color-support-positive-02: var(--dt-color-green-80);
710
+ --dt-color-support-positive-tonal: var(--dt-color-green-90);
711
+ --dt-color-support-info-02: var(--dt-color-blue-80);
712
+ --dt-color-support-info-tonal: var(--dt-color-blue-90);
713
+ --dt-color-support-info-inverse: var(--dt-color-blue);
714
+ --dt-color-support-positive-inverse: var(--dt-color-green);
715
+ --dt-color-support-neutral-persistent: var(--dt-color-truffle-20);
716
+ --dt-color-support-error-inverse: var(--dt-color-red);
717
+ --dt-color-support-warning-inverse: var(--dt-color-yellow-75);
686
718
  --dt-color-support-brand-01: var(--dt-color-orange-30);
687
- --dt-color-support-brand-02: var(--dt-color-white);
688
- --dt-color-support-brand-03: var(--dt-color-white);
689
- --dt-color-support-brand-03-subtle: var(--dt-color-cupcake-10);
690
- --dt-color-support-brand-04: var(--dt-color-white);
691
- --dt-color-support-brand-04-subtle: var(--dt-color-berry-10);
692
- --dt-color-support-brand-05: var(--dt-color-white);
693
- --dt-color-support-brand-05-subtle: var(--dt-color-yellow-10);
694
- --dt-color-support-brand-06: var(--dt-color-white);
695
- --dt-color-support-brand-06-subtle: var(--dt-color-aubergine-10);
696
- --dt-color-support-brand-07: var(--dt-color-white);
697
- --dt-color-support-brand-07-subtle: var(--dt-color-tomato-5);
698
- --dt-color-support-brand-08: var(--dt-color-white);
699
- --dt-color-support-brand-08-subtle: var(--dt-color-latte-10);
700
- --dt-color-braze-container-01: var(--dt-color-orange-10);
701
- --dt-color-braze-container-03: var(--dt-color-cupcake-10);
702
- --dt-color-braze-container-04: var(--dt-color-berry-10);
703
- --dt-color-braze-container-05: var(--dt-color-turmeric-10);
704
- --dt-color-braze-container-08: var(--dt-color-latte-10);
705
- --dt-color-content-default: var(--dt-color-black);
706
- --dt-color-content-subdued: var(--dt-color-black);
707
- --dt-color-content-interactive-brand: var(--dt-color-orange-dark-hc);
708
- --dt-color-content-interactive-light: var(--dt-color-white);
709
- --dt-color-content-interactive-primary: var(--dt-color-white);
710
- --dt-color-content-interactive-secondary: var(--dt-color-black);
711
- --dt-color-content-interactive-tertiary: var(--dt-color-black);
712
- --dt-color-content-interactive-subdued: var(--dt-color-black);
713
- --dt-color-content-interactive-inverse: var(--dt-color-black);
714
- --dt-color-content-interactive-dark: var(--dt-color-black);
715
- --dt-color-content-interactive-error: var(--dt-color-red-dark-hc);
716
- --dt-color-content-light: var(--dt-color-white);
717
- --dt-color-content-dark: var(--dt-color-black);
718
- --dt-color-content-inverse: var(--dt-color-white);
719
- --dt-color-content-link: var(--dt-color-black);
720
- --dt-color-content-link-distinct: var(--dt-color-blue);
719
+ --dt-color-support-brand-02: var(--dt-color-orange-75);
720
+ --dt-color-support-brand-tonal: var(--dt-color-orange-90);
721
+ --dt-color-support-brand-03: var(--dt-color-cupcake-30);
722
+ --dt-color-support-brand-03-subtle: var(--dt-color-cupcake-80);
723
+ --dt-color-support-brand-03-tonal: var(--dt-color-cupcake-90);
724
+ --dt-color-support-brand-04: var(--dt-color-berry-40);
725
+ --dt-color-support-brand-04-subtle: var(--dt-color-berry-80);
726
+ --dt-color-support-brand-04-tonal: var(--dt-color-berry-90);
727
+ --dt-color-support-brand-05: var(--dt-color-turmeric-40);
728
+ --dt-color-support-brand-05-subtle: var(--dt-color-turmeric-80);
729
+ --dt-color-support-brand-05-tonal: var(--dt-color-turmeric-90);
730
+ --dt-color-support-brand-06: var(--dt-color-aubergine-70);
731
+ --dt-color-support-brand-06-subtle: var(--dt-color-aubergine-75);
732
+ --dt-color-support-brand-06-tonal: var(--dt-color-aubergine-80);
733
+ --dt-color-support-brand-07: var(--dt-color-tomato-50);
734
+ --dt-color-support-brand-07-subtle: var(--dt-color-tomato-90);
735
+ --dt-color-support-brand-08: var(--dt-color-latte-30);
736
+ --dt-color-support-brand-08-subtle: var(--dt-color-latte-80);
737
+ --dt-color-support-brand-08-tonal: var(--dt-color-latte-90);
738
+ --dt-color-braze-container-01: var(--dt-color-orange-75);
739
+ --dt-color-braze-container-03: var(--dt-color-cupcake-70);
740
+ --dt-color-braze-container-04: var(--dt-color-berry-70);
741
+ --dt-color-braze-container-05: var(--dt-color-turmeric-70);
742
+ --dt-color-braze-container-08: var(--dt-color-latte-70);
743
+ --dt-color-content-default: rgb(255,255,255,0.9);
744
+ --dt-color-content-subdued: rgb(255,255,255,0.86);
745
+ --dt-color-content-interactive-brand: var(--dt-color-orange-30);
746
+ --dt-color-content-interactive-light: rgb(255,255,255,0.9);
747
+ --dt-color-content-interactive-primary: rgb(0,0,0,0.76);
748
+ --dt-color-content-interactive-secondary: rgb(255,255,255,0.9);
749
+ --dt-color-content-interactive-tertiary: var(--dt-color-white);
750
+ --dt-color-content-interactive-subdued: rgb(255,255,255,0.8);
751
+ --dt-color-content-interactive-inverse: rgb(255,255,255,0.9);
752
+ --dt-color-content-interactive-dark: rgb(0,0,0,0.76);
753
+ --dt-color-content-interactive-error: var(--dt-color-red-10);
754
+ --dt-color-content-light: rgb(255,255,255,0.9);
755
+ --dt-color-content-dark: rgb(0,0,0,0.76);
756
+ --dt-color-content-inverse: rgb(0,0,0,0.76);
757
+ --dt-color-content-link: var(--dt-color-white);
758
+ --dt-color-content-link-distinct: var(--dt-color-blue-10);
721
759
  --dt-color-content-link-light: var(--dt-color-white);
722
- --dt-color-content-link-inverse: var(--dt-color-white);
723
- --dt-color-content-link-visited: var(--dt-color-system-purple);
724
- --dt-color-content-link-visited-inverse: var(--dt-color-system-purple-10);
725
- --dt-color-content-error: var(--dt-color-red-dark-hc);
726
- --dt-color-content-placeholder: var(--dt-color-charcoal-57);
727
- --dt-color-content-positive: var(--dt-color-green-dark-hc);
728
- --dt-color-content-disabled: var(--dt-color-charcoal-50);
729
- --dt-color-content-brand: var(--dt-color-orange-dark-hc);
730
- --dt-color-hover-01-bg: #000;
731
- --dt-color-hover-01: 4%;
760
+ --dt-color-content-link-inverse: var(--dt-color-charcoal-80);
761
+ --dt-color-content-link-visited: var(--dt-color-system-purple-10);
762
+ --dt-color-content-link-visited-inverse: var(--dt-color-system-purple);
763
+ --dt-color-content-error: var(--dt-color-red-10);
764
+ --dt-color-content-placeholder: rgb(255,255,255,0.55);
765
+ --dt-color-content-positive: var(--dt-color-green-10);
766
+ --dt-color-content-disabled: rgb(255,255,255,0.30);
767
+ --dt-color-content-brand: var(--dt-color-orange-30);
768
+ --dt-color-content-default-solid: var(--dt-color-white);
769
+ --dt-color-content-subdued-solid: var(--dt-color-charcoal-30);
770
+ --dt-color-content-light-solid: var(--dt-color-white);
771
+ --dt-color-content-inverse-solid: var(--dt-color-charcoal-70);
772
+ --dt-color-content-dark-solid: var(--dt-color-charcoal-80);
773
+ --dt-color-content-disabled-solid: var(--dt-color-charcoal-50);
774
+ --dt-color-content-placeholder-solid: var(--dt-color-charcoal-50);
775
+ --dt-color-content-brand-solid: var(--dt-color-orange-30);
776
+ --dt-color-content-error-solid: var(--dt-color-red-10);
777
+ --dt-color-content-positive-solid: var(--dt-color-green-10);
778
+ --dt-color-content-interactive-light-solid: var(--dt-color-white);
779
+ --dt-color-content-interactive-primary-solid: var(--dt-color-charcoal-80);
780
+ --dt-color-content-interactive-secondary-solid: var(--dt-color-white);
781
+ --dt-color-content-interactive-inverse-solid: var(--dt-color-white);
782
+ --dt-color-content-interactive-dark-solid: var(--dt-color-charcoal-80);
783
+ --dt-color-content-interactive-brand-solid: var(--dt-color-orange-30);
784
+ --dt-color-content-interactive-error-solid: var(--dt-color-red-10);
785
+ --dt-color-hover-01-bg: #fff;
786
+ --dt-color-hover-01: 8%;
732
787
  --dt-color-hover-01-dark-bg: #000;
733
788
  --dt-color-hover-01-dark: 4%;
734
- --dt-color-hover-02-bg: #fff;
735
- --dt-color-hover-02: 8%;
789
+ --dt-color-hover-02-bg: #000;
790
+ --dt-color-hover-02: 4%;
736
791
  --dt-color-hover-02-light-bg: #fff;
737
792
  --dt-color-hover-02-light: 8%;
738
- --dt-color-active-01-bg: #000;
739
- --dt-color-active-01: 12%;
793
+ --dt-color-active-01-bg: #fff;
794
+ --dt-color-active-01: 20%;
740
795
  --dt-color-active-01-dark-bg: #000;
741
796
  --dt-color-active-01-dark: 12%;
742
- --dt-color-active-02-bg: #fff;
743
- --dt-color-active-02: 20%;
797
+ --dt-color-active-02-bg: #000;
798
+ --dt-color-active-02: 12%;
744
799
  --dt-color-active-02-light-bg: #fff;
745
800
  --dt-color-active-02-light: 20%;
746
- --dt-color-resting-bg: #fff;
801
+ --dt-color-resting-bg: #000;
747
802
  --dt-color-resting: 0%;
748
- --dt-color-focus-inner: var(--dt-color-white);
803
+ --dt-color-focus-inner: var(--dt-color-black);
749
804
  --dt-color-focus-outer: var(--dt-color-blue-30);
750
- --dt-color-disabled-01: var(--dt-color-truffle-20);
751
- --dt-color-disabled-01-inverse: var(--dt-color-truffle-80);
752
- --dt-color-skeleton-01: var(--dt-color-truffle-10);
753
- --dt-color-skeleton-02: var(--dt-color-truffle-20);
754
- --dt-color-skeleton-03: var(--dt-color-white);
755
- --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-5);
756
- --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-5);
757
- --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-10);
805
+ --dt-color-disabled-01: var(--dt-color-truffle-80);
806
+ --dt-color-disabled-01-inverse: var(--dt-color-truffle-20);
807
+ --dt-color-skeleton-01: var(--dt-color-truffle-80);
808
+ --dt-color-skeleton-02: var(--dt-color-truffle-75);
809
+ --dt-color-skeleton-03: var(--dt-color-truffle-90);
810
+ --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-75);
811
+ --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-70);
812
+ --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-80);
813
+ --dt-color-thirdparty-apple-container-primary: var(--dt-color-white);
814
+ --dt-color-thirdparty-apple-content-primary: var(--dt-color-black);
815
+ --dt-color-thirdparty-apple-container-secondary: var(--dt-color-black);
816
+ --dt-color-thirdparty-apple-content-secondary: var(--dt-color-white);
817
+ --dt-color-thirdparty-android-background-dashboard: var(--dt-color-black);
818
+ --dt-color-thirdparty-facebook-container-primary: var(--dt-color-thirdparty-facebook-blue);
819
+ --dt-color-thirdparty-facebook-content-primary: var(--dt-color-white);
820
+ --dt-color-thirdparty-facebook-container-secondary: var(--dt-color-black);
821
+ --dt-color-thirdparty-facebook-content-secondary: var(--dt-color-white);
822
+ --dt-color-thirdparty-google-container-primary: var(--dt-color-thirdparty-google-grey-100);
823
+ --dt-color-thirdparty-google-content-primary: var(--dt-color-thirdparty-google-grey-30);
824
+ --dt-color-thirdparty-google-content-primary-subdued: var(--dt-color-thirdparty-google-grey-30);
825
+ --dt-color-thirdparty-google-border-primary: var(--dt-color-thirdparty-google-grey-30);
826
+ --dt-color-thirdparty-google-container-secondary: var(--dt-color-white);
827
+ --dt-color-thirdparty-google-content-secondary: var(--dt-color-thirdparty-google-grey-100);
828
+ --dt-color-thirdparty-google-content-secondary-subdued: var(--dt-color-thirdparty-google-grey-70);
829
+ --dt-color-thirdparty-google-border-secondary: var(--dt-color-thirdparty-google-grey-60);
830
+ --dt-color-thirdparty-microsoft-container-primary: var(--dt-color-thirdparty-microsoft-grey-80);
831
+ --dt-color-thirdparty-microsoft-content-primary: var(--dt-color-white);
832
+ --dt-color-thirdparty-microsoft-border-primary-bg: #000;
833
+ --dt-color-thirdparty-microsoft-border-primary: 0%;
834
+ --dt-color-thirdparty-microsoft-container-secondary: var(--dt-color-white);
835
+ --dt-color-thirdparty-microsoft-content-secondary: var(--dt-color-thirdparty-microsoft-grey-70);
836
+ --dt-color-thirdparty-microsoft-border-secondary: var(--dt-color-thirdparty-microsoft-grey-60);
837
+ --dt-color-thirdparty-coop-container-primary: var(--dt-color-thirdparty-coop-blue-90);
758
838
  }
759
- /* Dark color theme */
760
839
  @media (prefers-color-scheme: dark) {
761
- html[data-darkmode-enabled] {
840
+ html[data-darkmode-system]:not([data-color-mode]) {
762
841
  --dt-color-background-default: var(--dt-color-truffle-100);
763
842
  --dt-color-background-subtle: var(--dt-color-truffle-80);
764
843
  --dt-color-background-dark: var(--dt-color-truffle-5);
@@ -769,6 +848,9 @@ html[data-highcontrast-enabled] {
769
848
  --dt-color-container-light: var(--dt-color-white);
770
849
  --dt-color-container-inverse: var(--dt-color-white);
771
850
  --dt-color-container-inverse-alternative: var(--dt-color-truffle-70);
851
+ --dt-color-container-base: rgb(43,42,40,0.62);
852
+ --dt-color-container-neutral: rgb(89,86,79,0.72);
853
+ --dt-color-container-prominent: rgb(43,42,40,0.42);
772
854
  --dt-color-border-default: var(--dt-color-truffle-70);
773
855
  --dt-color-border-subtle: var(--dt-color-truffle-75);
774
856
  --dt-color-border-strong: var(--dt-color-truffle-65);
@@ -832,20 +914,20 @@ html[data-highcontrast-enabled] {
832
914
  --dt-color-braze-container-04: var(--dt-color-berry-70);
833
915
  --dt-color-braze-container-05: var(--dt-color-turmeric-70);
834
916
  --dt-color-braze-container-08: var(--dt-color-latte-70);
835
- --dt-color-content-default: var(--dt-color-white);
836
- --dt-color-content-subdued: var(--dt-color-charcoal-30);
917
+ --dt-color-content-default: rgb(255,255,255,0.9);
918
+ --dt-color-content-subdued: rgb(255,255,255,0.86);
837
919
  --dt-color-content-interactive-brand: var(--dt-color-orange-30);
838
- --dt-color-content-interactive-light: var(--dt-color-white);
839
- --dt-color-content-interactive-primary: var(--dt-color-charcoal-80);
840
- --dt-color-content-interactive-secondary: var(--dt-color-white);
920
+ --dt-color-content-interactive-light: rgb(255,255,255,0.9);
921
+ --dt-color-content-interactive-primary: rgb(0,0,0,0.76);
922
+ --dt-color-content-interactive-secondary: rgb(255,255,255,0.9);
841
923
  --dt-color-content-interactive-tertiary: var(--dt-color-white);
842
- --dt-color-content-interactive-subdued: var(--dt-color-charcoal-40);
843
- --dt-color-content-interactive-inverse: var(--dt-color-white);
844
- --dt-color-content-interactive-dark: var(--dt-color-charcoal-80);
924
+ --dt-color-content-interactive-subdued: rgb(255,255,255,0.8);
925
+ --dt-color-content-interactive-inverse: rgb(255,255,255,0.9);
926
+ --dt-color-content-interactive-dark: rgb(0,0,0,0.76);
845
927
  --dt-color-content-interactive-error: var(--dt-color-red-10);
846
- --dt-color-content-light: var(--dt-color-white);
847
- --dt-color-content-dark: var(--dt-color-charcoal-80);
848
- --dt-color-content-inverse: var(--dt-color-charcoal-80);
928
+ --dt-color-content-light: rgb(255,255,255,0.9);
929
+ --dt-color-content-dark: rgb(0,0,0,0.76);
930
+ --dt-color-content-inverse: rgb(0,0,0,0.76);
849
931
  --dt-color-content-link: var(--dt-color-white);
850
932
  --dt-color-content-link-distinct: var(--dt-color-blue-10);
851
933
  --dt-color-content-link-light: var(--dt-color-white);
@@ -853,10 +935,27 @@ html[data-highcontrast-enabled] {
853
935
  --dt-color-content-link-visited: var(--dt-color-system-purple-10);
854
936
  --dt-color-content-link-visited-inverse: var(--dt-color-system-purple);
855
937
  --dt-color-content-error: var(--dt-color-red-10);
856
- --dt-color-content-placeholder: var(--dt-color-charcoal-50);
938
+ --dt-color-content-placeholder: rgb(255,255,255,0.55);
857
939
  --dt-color-content-positive: var(--dt-color-green-10);
858
- --dt-color-content-disabled: var(--dt-color-charcoal-50);
940
+ --dt-color-content-disabled: rgb(255,255,255,0.30);
859
941
  --dt-color-content-brand: var(--dt-color-orange-30);
942
+ --dt-color-content-default-solid: var(--dt-color-white);
943
+ --dt-color-content-subdued-solid: var(--dt-color-charcoal-30);
944
+ --dt-color-content-light-solid: var(--dt-color-white);
945
+ --dt-color-content-inverse-solid: var(--dt-color-charcoal-70);
946
+ --dt-color-content-dark-solid: var(--dt-color-charcoal-80);
947
+ --dt-color-content-disabled-solid: var(--dt-color-charcoal-50);
948
+ --dt-color-content-placeholder-solid: var(--dt-color-charcoal-50);
949
+ --dt-color-content-brand-solid: var(--dt-color-orange-30);
950
+ --dt-color-content-error-solid: var(--dt-color-red-10);
951
+ --dt-color-content-positive-solid: var(--dt-color-green-10);
952
+ --dt-color-content-interactive-light-solid: var(--dt-color-white);
953
+ --dt-color-content-interactive-primary-solid: var(--dt-color-charcoal-80);
954
+ --dt-color-content-interactive-secondary-solid: var(--dt-color-white);
955
+ --dt-color-content-interactive-inverse-solid: var(--dt-color-white);
956
+ --dt-color-content-interactive-dark-solid: var(--dt-color-charcoal-80);
957
+ --dt-color-content-interactive-brand-solid: var(--dt-color-orange-30);
958
+ --dt-color-content-interactive-error-solid: var(--dt-color-red-10);
860
959
  --dt-color-hover-01-bg: #fff;
861
960
  --dt-color-hover-01: 8%;
862
961
  --dt-color-hover-01-dark-bg: #000;
@@ -912,126 +1011,29 @@ html[data-highcontrast-enabled] {
912
1011
  --dt-color-thirdparty-coop-container-primary: var(--dt-color-thirdparty-coop-blue-90);
913
1012
  }
914
1013
  }
915
- /* Highcontrast-dark color theme */
916
- @media (prefers-color-scheme: dark) {
917
- html[data-darkmode-enabled][data-highcontrast-enabled] {
918
- --dt-color-background-default: var(--dt-color-black);
919
- --dt-color-background-subtle: var(--dt-color-black);
920
- --dt-color-background-dark: var(--dt-color-black);
921
- --dt-color-container-default: var(--dt-color-black);
922
- --dt-color-container-subtle: var(--dt-color-black);
923
- --dt-color-container-strong: var(--dt-color-black);
924
- --dt-color-container-dark: var(--dt-color-black);
925
- --dt-color-container-light: var(--dt-color-white);
926
- --dt-color-container-inverse: var(--dt-color-white);
927
- --dt-color-container-inverse-alternative: var(--dt-color-black);
928
- --dt-color-border-default: var(--dt-color-white);
929
- --dt-color-border-subtle: var(--dt-color-white);
930
- --dt-color-border-strong: var(--dt-color-white);
931
- --dt-color-border-inverse: var(--dt-color-black);
932
- --dt-color-border-selected: var(--dt-color-white);
933
- --dt-color-border-selected-brand: var(--dt-color-orange-30);
934
- --dt-color-border-form: var(--dt-color-white);
935
- --dt-color-border-decorative-brand: var(--dt-color-orange-30);
936
- --dt-color-divider-default: var(--dt-color-white);
937
- --dt-color-divider-inverse: var(--dt-color-black);
938
- --dt-color-interactive-brand: var(--dt-color-orange-30);
939
- --dt-color-interactive-primary: var(--dt-color-white);
940
- --dt-color-interactive-secondary: var(--dt-color-black);
941
- --dt-color-interactive-inverse: var(--dt-color-black);
942
- --dt-color-interactive-light: var(--dt-color-white);
943
- --dt-color-interactive-form: var(--dt-color-white);
944
- --dt-color-interactive-error: var(--dt-color-red-40);
945
- --dt-color-overlay: rgb(0,0,0,0.55);
946
- --dt-color-transparent: rgb(255,255,255,0);
947
- --dt-color-support-error: var(--dt-color-red-light-hc);
948
- --dt-color-support-warning: var(--dt-color-yellow);
949
- --dt-color-support-positive: var(--dt-color-green-light-hc);
950
- --dt-color-support-info: var(--dt-color-blue-light-hc);
951
- --dt-color-support-neutral: var(--dt-color-black);
952
- --dt-color-support-error-02: var(--dt-color-black);
953
- --dt-color-support-error-tonal: var(--dt-color-black);
954
- --dt-color-support-warning-02: var(--dt-color-black);
955
- --dt-color-support-warning-tonal: var(--dt-color-black);
956
- --dt-color-support-positive-02: var(--dt-color-black);
957
- --dt-color-support-positive-tonal: var(--dt-color-black);
958
- --dt-color-support-info-02: var(--dt-color-black);
959
- --dt-color-support-info-tonal: var(--dt-color-black);
960
- --dt-color-support-info-inverse: var(--dt-color-blue-dark-hc);
961
- --dt-color-support-positive-inverse: var(--dt-color-green-dark-hc);
962
- --dt-color-support-neutral-persistent: var(--dt-color-black);
963
- --dt-color-support-error-inverse: var(--dt-color-red-dark-hc);
964
- --dt-color-support-warning-inverse: var(--dt-color-yellow-75);
965
- --dt-color-support-brand-01: var(--dt-color-orange-30);
966
- --dt-color-support-brand-02: var(--dt-color-black);
967
- --dt-color-support-brand-03: var(--dt-color-black);
968
- --dt-color-support-brand-03-subtle: var(--dt-color-cupcake-90);
969
- --dt-color-support-brand-04: var(--dt-color-black);
970
- --dt-color-support-brand-04-subtle: var(--dt-color-berry-90);
971
- --dt-color-support-brand-05: var(--dt-color-black);
972
- --dt-color-support-brand-05-subtle: var(--dt-color-turmeric-80);
973
- --dt-color-support-brand-06: var(--dt-color-black);
974
- --dt-color-support-brand-06-subtle: var(--dt-color-aubergine-80);
975
- --dt-color-support-brand-07: var(--dt-color-black);
976
- --dt-color-support-brand-07-subtle: var(--dt-color-tomato-90);
977
- --dt-color-content-default: var(--dt-color-white);
978
- --dt-color-content-subdued: var(--dt-color-white);
979
- --dt-color-content-interactive-brand: var(--dt-color-orange-30);
980
- --dt-color-content-interactive-light: var(--dt-color-white);
981
- --dt-color-content-interactive-primary: var(--dt-color-black);
982
- --dt-color-content-interactive-secondary: var(--dt-color-white);
983
- --dt-color-content-interactive-tertiary: var(--dt-color-white);
984
- --dt-color-content-interactive-subdued: var(--dt-color-white);
985
- --dt-color-content-interactive-inverse: var(--dt-color-white);
986
- --dt-color-content-interactive-dark: var(--dt-color-black);
987
- --dt-color-content-interactive-error: var(--dt-color-red-light-hc);
988
- --dt-color-content-light: var(--dt-color-white);
989
- --dt-color-content-dark: var(--dt-color-black);
990
- --dt-color-content-inverse: var(--dt-color-black);
991
- --dt-color-content-link: var(--dt-color-white);
992
- --dt-color-content-link-distinct: var(--dt-color-blue-light-hc);
993
- --dt-color-content-link-light: var(--dt-color-white);
994
- --dt-color-content-link-inverse: var(--dt-color-black);
995
- --dt-color-content-link-visited: var(--dt-color-system-purple-10);
996
- --dt-color-content-link-visited-inverse: var(--dt-color-system-purple);
997
- --dt-color-content-error: var(--dt-color-red-light-hc);
998
- --dt-color-content-placeholder: var(--dt-color-charcoal-50);
999
- --dt-color-content-positive: var(--dt-color-green-light-hc);
1000
- --dt-color-content-disabled: var(--dt-color-charcoal-50);
1001
- --dt-color-content-brand: var(--dt-color-orange-30);
1002
- --dt-color-hover-01-bg: #fff;
1003
- --dt-color-hover-01: 8%;
1004
- --dt-color-hover-01-dark-bg: #000;
1005
- --dt-color-hover-01-dark: 4%;
1006
- --dt-color-hover-02-bg: #000;
1007
- --dt-color-hover-02: 4%;
1008
- --dt-color-hover-02-light-bg: #fff;
1009
- --dt-color-hover-02-light: 8%;
1010
- --dt-color-active-01-bg: #fff;
1011
- --dt-color-active-01: 20%;
1012
- --dt-color-active-01-dark-bg: #000;
1013
- --dt-color-active-01-dark: 12%;
1014
- --dt-color-active-02-bg: #000;
1015
- --dt-color-active-02: 12%;
1016
- --dt-color-active-02-light-bg: #fff;
1017
- --dt-color-active-02-light: 20%;
1018
- --dt-color-resting-bg: #000;
1019
- --dt-color-resting: 0%;
1020
- --dt-color-focus-inner: var(--dt-color-black);
1021
- --dt-color-focus-outer: var(--dt-color-blue-30);
1022
- --dt-color-disabled-01: var(--dt-color-truffle-80);
1023
- --dt-color-disabled-01-inverse: var(--dt-color-truffle-20);
1024
- --dt-color-skeleton-01: var(--dt-color-truffle-80);
1025
- --dt-color-skeleton-02: var(--dt-color-truffle-100);
1026
- --dt-color-skeleton-03: var(--dt-color-truffle-90);
1027
- --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-75);
1028
- --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-70);
1029
- --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-80);
1030
- }
1031
- }
1032
1014
  /* Dark elevation theme */
1015
+ html[data-color-mode="dark"] {
1016
+ --dt-elevation-below-10: var(--dt-elevation-box-shadow-d);
1017
+ --dt-elevation-below-20: var(--dt-elevation-box-shadow-e);
1018
+ --dt-elevation-above-20: var(--dt-elevation-box-shadow-f);
1019
+ --dt-elevation-inverse-below-10: var(--dt-elevation-box-shadow-a);
1020
+ --dt-elevation-inverse-below-20: var(--dt-elevation-box-shadow-b);
1021
+ --dt-elevation-inverse-above-20: var(--dt-elevation-box-shadow-c);
1022
+ --dt-elevation-01: var(--dt-elevation-box-shadow-06);
1023
+ --dt-elevation-02: var(--dt-elevation-box-shadow-07);
1024
+ --dt-elevation-03: var(--dt-elevation-box-shadow-08);
1025
+ --dt-elevation-04: var(--dt-elevation-box-shadow-09);
1026
+ --dt-elevation-05: var(--dt-elevation-box-shadow-10);
1027
+ --dt-elevation-card: var(--dt-elevation-box-shadow-12);
1028
+ --dt-elevation-inverse-01: var(--dt-elevation-box-shadow-01);
1029
+ --dt-elevation-inverse-02: var(--dt-elevation-box-shadow-02);
1030
+ --dt-elevation-inverse-03: var(--dt-elevation-box-shadow-03);
1031
+ --dt-elevation-inverse-04: var(--dt-elevation-box-shadow-04);
1032
+ --dt-elevation-inverse-05: var(--dt-elevation-box-shadow-05);
1033
+ --dt-elevation-inverse-card: var(--dt-elevation-box-shadow-11);
1034
+ }
1033
1035
  @media (prefers-color-scheme: dark) {
1034
- html[data-darkmode-enabled] {
1036
+ html[data-darkmode-system]:not([data-color-mode]) {
1035
1037
  --dt-elevation-below-10: var(--dt-elevation-box-shadow-d);
1036
1038
  --dt-elevation-below-20: var(--dt-elevation-box-shadow-e);
1037
1039
  --dt-elevation-above-20: var(--dt-elevation-box-shadow-f);
@@ -1053,8 +1055,17 @@ html[data-highcontrast-enabled] {
1053
1055
  }
1054
1056
  }
1055
1057
  /* Dark gradient theme */
1058
+ html[data-color-mode="dark"] {
1059
+ --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%);
1060
+ --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%);
1061
+ --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%);
1062
+ --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%);
1063
+ --dt-gradient-jetplus-support-02: linear-gradient(180deg, var(--dt-color-orange-75) 0%, var(--dt-color-transparent) 40%, var(--dt-color-transparent) 100%);
1064
+ --dt-gradient-ai-container-default: linear-gradient(140deg, var(--dt-color-cupcake-80) 40%, var(--dt-color-aubergine-70) 100%);
1065
+ --dt-gradient-ai-border-default: linear-gradient(140deg, var(--dt-color-cupcake-40) 40%, var(--dt-color-aubergine-30) 100%);
1066
+ }
1056
1067
  @media (prefers-color-scheme: dark) {
1057
- html[data-darkmode-enabled] {
1068
+ html[data-darkmode-system]:not([data-color-mode]) {
1058
1069
  --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%);
1059
1070
  --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%);
1060
1071
  --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%);
@@ -1686,48 +1697,15 @@ html[data-highcontrast-enabled] {
1686
1697
  --dt-color-braze-container-08-h: var(--dt-color-latte-10-h);
1687
1698
  --dt-color-braze-container-08-s: var(--dt-color-latte-10-s);
1688
1699
  --dt-color-braze-container-08-l: var(--dt-color-latte-10-l);
1689
- --dt-color-content-default-h: var(--dt-color-charcoal-80-h);
1690
- --dt-color-content-default-s: var(--dt-color-charcoal-80-s);
1691
- --dt-color-content-default-l: var(--dt-color-charcoal-80-l);
1692
- --dt-color-content-subdued-h: var(--dt-color-charcoal-70-h);
1693
- --dt-color-content-subdued-s: var(--dt-color-charcoal-70-s);
1694
- --dt-color-content-subdued-l: var(--dt-color-charcoal-70-l);
1695
1700
  --dt-color-content-interactive-brand-h: var(--dt-color-orange-h);
1696
1701
  --dt-color-content-interactive-brand-s: var(--dt-color-orange-s);
1697
1702
  --dt-color-content-interactive-brand-l: var(--dt-color-orange-l);
1698
- --dt-color-content-interactive-light-h: var(--dt-color-white-h);
1699
- --dt-color-content-interactive-light-s: var(--dt-color-white-s);
1700
- --dt-color-content-interactive-light-l: var(--dt-color-white-l);
1701
- --dt-color-content-interactive-primary-h: var(--dt-color-white-h);
1702
- --dt-color-content-interactive-primary-s: var(--dt-color-white-s);
1703
- --dt-color-content-interactive-primary-l: var(--dt-color-white-l);
1704
- --dt-color-content-interactive-secondary-h: var(--dt-color-charcoal-80-h);
1705
- --dt-color-content-interactive-secondary-s: var(--dt-color-charcoal-80-s);
1706
- --dt-color-content-interactive-secondary-l: var(--dt-color-charcoal-80-l);
1707
1703
  --dt-color-content-interactive-tertiary-h: var(--dt-color-charcoal-75-h);
1708
1704
  --dt-color-content-interactive-tertiary-s: var(--dt-color-charcoal-75-s);
1709
1705
  --dt-color-content-interactive-tertiary-l: var(--dt-color-charcoal-75-l);
1710
- --dt-color-content-interactive-subdued-h: var(--dt-color-charcoal-60-h);
1711
- --dt-color-content-interactive-subdued-s: var(--dt-color-charcoal-60-s);
1712
- --dt-color-content-interactive-subdued-l: var(--dt-color-charcoal-60-l);
1713
- --dt-color-content-interactive-inverse-h: var(--dt-color-charcoal-80-h);
1714
- --dt-color-content-interactive-inverse-s: var(--dt-color-charcoal-80-s);
1715
- --dt-color-content-interactive-inverse-l: var(--dt-color-charcoal-80-l);
1716
- --dt-color-content-interactive-dark-h: var(--dt-color-charcoal-80-h);
1717
- --dt-color-content-interactive-dark-s: var(--dt-color-charcoal-80-s);
1718
- --dt-color-content-interactive-dark-l: var(--dt-color-charcoal-80-l);
1719
1706
  --dt-color-content-interactive-error-h: var(--dt-color-red-h);
1720
1707
  --dt-color-content-interactive-error-s: var(--dt-color-red-s);
1721
1708
  --dt-color-content-interactive-error-l: var(--dt-color-red-l);
1722
- --dt-color-content-light-h: var(--dt-color-white-h);
1723
- --dt-color-content-light-s: var(--dt-color-white-s);
1724
- --dt-color-content-light-l: var(--dt-color-white-l);
1725
- --dt-color-content-dark-h: var(--dt-color-charcoal-80-h);
1726
- --dt-color-content-dark-s: var(--dt-color-charcoal-80-s);
1727
- --dt-color-content-dark-l: var(--dt-color-charcoal-80-l);
1728
- --dt-color-content-inverse-h: var(--dt-color-white-h);
1729
- --dt-color-content-inverse-s: var(--dt-color-white-s);
1730
- --dt-color-content-inverse-l: var(--dt-color-white-l);
1731
1709
  --dt-color-content-link-h: var(--dt-color-charcoal-80-h);
1732
1710
  --dt-color-content-link-s: var(--dt-color-charcoal-80-s);
1733
1711
  --dt-color-content-link-l: var(--dt-color-charcoal-80-l);
@@ -1749,18 +1727,63 @@ html[data-highcontrast-enabled] {
1749
1727
  --dt-color-content-error-h: var(--dt-color-red-h);
1750
1728
  --dt-color-content-error-s: var(--dt-color-red-s);
1751
1729
  --dt-color-content-error-l: var(--dt-color-red-l);
1752
- --dt-color-content-placeholder-h: var(--dt-color-charcoal-57-h);
1753
- --dt-color-content-placeholder-s: var(--dt-color-charcoal-57-s);
1754
- --dt-color-content-placeholder-l: var(--dt-color-charcoal-57-l);
1755
1730
  --dt-color-content-positive-h: var(--dt-color-green-h);
1756
1731
  --dt-color-content-positive-s: var(--dt-color-green-s);
1757
1732
  --dt-color-content-positive-l: var(--dt-color-green-l);
1758
- --dt-color-content-disabled-h: var(--dt-color-charcoal-50-h);
1759
- --dt-color-content-disabled-s: var(--dt-color-charcoal-50-s);
1760
- --dt-color-content-disabled-l: var(--dt-color-charcoal-50-l);
1761
1733
  --dt-color-content-brand-h: var(--dt-color-orange-h);
1762
1734
  --dt-color-content-brand-s: var(--dt-color-orange-s);
1763
1735
  --dt-color-content-brand-l: var(--dt-color-orange-l);
1736
+ --dt-color-content-default-solid-h: var(--dt-color-charcoal-80-h);
1737
+ --dt-color-content-default-solid-s: var(--dt-color-charcoal-80-s);
1738
+ --dt-color-content-default-solid-l: var(--dt-color-charcoal-80-l);
1739
+ --dt-color-content-subdued-solid-h: var(--dt-color-charcoal-70-h);
1740
+ --dt-color-content-subdued-solid-s: var(--dt-color-charcoal-70-s);
1741
+ --dt-color-content-subdued-solid-l: var(--dt-color-charcoal-70-l);
1742
+ --dt-color-content-light-solid-h: var(--dt-color-white-h);
1743
+ --dt-color-content-light-solid-s: var(--dt-color-white-s);
1744
+ --dt-color-content-light-solid-l: var(--dt-color-white-l);
1745
+ --dt-color-content-inverse-solid-h: var(--dt-color-white-h);
1746
+ --dt-color-content-inverse-solid-s: var(--dt-color-white-s);
1747
+ --dt-color-content-inverse-solid-l: var(--dt-color-white-l);
1748
+ --dt-color-content-dark-solid-h: var(--dt-color-charcoal-80-h);
1749
+ --dt-color-content-dark-solid-s: var(--dt-color-charcoal-80-s);
1750
+ --dt-color-content-dark-solid-l: var(--dt-color-charcoal-80-l);
1751
+ --dt-color-content-disabled-solid-h: var(--dt-color-charcoal-50-h);
1752
+ --dt-color-content-disabled-solid-s: var(--dt-color-charcoal-50-s);
1753
+ --dt-color-content-disabled-solid-l: var(--dt-color-charcoal-50-l);
1754
+ --dt-color-content-placeholder-solid-h: var(--dt-color-charcoal-57-h);
1755
+ --dt-color-content-placeholder-solid-s: var(--dt-color-charcoal-57-s);
1756
+ --dt-color-content-placeholder-solid-l: var(--dt-color-charcoal-57-l);
1757
+ --dt-color-content-brand-solid-h: var(--dt-color-orange-h);
1758
+ --dt-color-content-brand-solid-s: var(--dt-color-orange-s);
1759
+ --dt-color-content-brand-solid-l: var(--dt-color-orange-l);
1760
+ --dt-color-content-error-solid-h: var(--dt-color-red-h);
1761
+ --dt-color-content-error-solid-s: var(--dt-color-red-s);
1762
+ --dt-color-content-error-solid-l: var(--dt-color-red-l);
1763
+ --dt-color-content-positive-solid-h: var(--dt-color-green-h);
1764
+ --dt-color-content-positive-solid-s: var(--dt-color-green-s);
1765
+ --dt-color-content-positive-solid-l: var(--dt-color-green-l);
1766
+ --dt-color-content-interactive-light-solid-h: var(--dt-color-white-h);
1767
+ --dt-color-content-interactive-light-solid-s: var(--dt-color-white-s);
1768
+ --dt-color-content-interactive-light-solid-l: var(--dt-color-white-l);
1769
+ --dt-color-content-interactive-primary-solid-h: var(--dt-color-white-h);
1770
+ --dt-color-content-interactive-primary-solid-s: var(--dt-color-white-s);
1771
+ --dt-color-content-interactive-primary-solid-l: var(--dt-color-white-l);
1772
+ --dt-color-content-interactive-secondary-solid-h: var(--dt-color-charcoal-80-h);
1773
+ --dt-color-content-interactive-secondary-solid-s: var(--dt-color-charcoal-80-s);
1774
+ --dt-color-content-interactive-secondary-solid-l: var(--dt-color-charcoal-80-l);
1775
+ --dt-color-content-interactive-inverse-solid-h: var(--dt-color-charcoal-80-h);
1776
+ --dt-color-content-interactive-inverse-solid-s: var(--dt-color-charcoal-80-s);
1777
+ --dt-color-content-interactive-inverse-solid-l: var(--dt-color-charcoal-80-l);
1778
+ --dt-color-content-interactive-dark-solid-h: var(--dt-color-charcoal-80-h);
1779
+ --dt-color-content-interactive-dark-solid-s: var(--dt-color-charcoal-80-s);
1780
+ --dt-color-content-interactive-dark-solid-l: var(--dt-color-charcoal-80-l);
1781
+ --dt-color-content-interactive-brand-solid-h: var(--dt-color-orange-h);
1782
+ --dt-color-content-interactive-brand-solid-s: var(--dt-color-orange-s);
1783
+ --dt-color-content-interactive-brand-solid-l: var(--dt-color-orange-l);
1784
+ --dt-color-content-interactive-error-solid-h: var(--dt-color-red-h);
1785
+ --dt-color-content-interactive-error-solid-s: var(--dt-color-red-s);
1786
+ --dt-color-content-interactive-error-solid-l: var(--dt-color-red-l);
1764
1787
  --dt-color-focus-inner-h: var(--dt-color-white-h);
1765
1788
  --dt-color-focus-inner-s: var(--dt-color-white-s);
1766
1789
  --dt-color-focus-inner-l: var(--dt-color-white-l);
@@ -1861,307 +1884,403 @@ html[data-highcontrast-enabled] {
1861
1884
  --dt-color-thirdparty-coop-container-primary-s: var(--dt-color-thirdparty-coop-blue-05-s);
1862
1885
  --dt-color-thirdparty-coop-container-primary-l: var(--dt-color-thirdparty-coop-blue-05-l);
1863
1886
  }
1864
- html[data-highcontrast-enabled] {
1865
- --dt-color-background-default-h: var(--dt-color-white-h);
1866
- --dt-color-background-default-s: var(--dt-color-white-s);
1867
- --dt-color-background-default-l: var(--dt-color-white-l);
1868
- --dt-color-background-subtle-h: var(--dt-color-white-h);
1869
- --dt-color-background-subtle-s: var(--dt-color-white-s);
1870
- --dt-color-background-subtle-l: var(--dt-color-white-l);
1871
- --dt-color-background-dark-h: var(--dt-color-black-h);
1872
- --dt-color-background-dark-s: var(--dt-color-black-s);
1873
- --dt-color-background-dark-l: var(--dt-color-black-l);
1874
- --dt-color-container-default-h: var(--dt-color-white-h);
1875
- --dt-color-container-default-s: var(--dt-color-white-s);
1876
- --dt-color-container-default-l: var(--dt-color-white-l);
1877
- --dt-color-container-subtle-h: var(--dt-color-white-h);
1878
- --dt-color-container-subtle-s: var(--dt-color-white-s);
1879
- --dt-color-container-subtle-l: var(--dt-color-white-l);
1880
- --dt-color-container-strong-h: var(--dt-color-white-h);
1881
- --dt-color-container-strong-s: var(--dt-color-white-s);
1882
- --dt-color-container-strong-l: var(--dt-color-white-l);
1883
- --dt-color-container-dark-h: var(--dt-color-black-h);
1884
- --dt-color-container-dark-s: var(--dt-color-black-s);
1885
- --dt-color-container-dark-l: var(--dt-color-black-l);
1887
+ html[data-color-mode="dark"] {
1888
+ --dt-color-background-default-h: var(--dt-color-truffle-100-h);
1889
+ --dt-color-background-default-s: var(--dt-color-truffle-100-s);
1890
+ --dt-color-background-default-l: var(--dt-color-truffle-100-l);
1891
+ --dt-color-background-subtle-h: var(--dt-color-truffle-80-h);
1892
+ --dt-color-background-subtle-s: var(--dt-color-truffle-80-s);
1893
+ --dt-color-background-subtle-l: var(--dt-color-truffle-80-l);
1894
+ --dt-color-background-dark-h: var(--dt-color-truffle-5-h);
1895
+ --dt-color-background-dark-s: var(--dt-color-truffle-5-s);
1896
+ --dt-color-background-dark-l: var(--dt-color-truffle-5-l);
1897
+ --dt-color-container-default-h: var(--dt-color-truffle-90-h);
1898
+ --dt-color-container-default-s: var(--dt-color-truffle-90-s);
1899
+ --dt-color-container-default-l: var(--dt-color-truffle-90-l);
1900
+ --dt-color-container-subtle-h: var(--dt-color-truffle-80-h);
1901
+ --dt-color-container-subtle-s: var(--dt-color-truffle-80-s);
1902
+ --dt-color-container-subtle-l: var(--dt-color-truffle-80-l);
1903
+ --dt-color-container-strong-h: var(--dt-color-truffle-70-h);
1904
+ --dt-color-container-strong-s: var(--dt-color-truffle-70-s);
1905
+ --dt-color-container-strong-l: var(--dt-color-truffle-70-l);
1906
+ --dt-color-container-dark-h: var(--dt-color-truffle-90-h);
1907
+ --dt-color-container-dark-s: var(--dt-color-truffle-90-s);
1908
+ --dt-color-container-dark-l: var(--dt-color-truffle-90-l);
1886
1909
  --dt-color-container-light-h: var(--dt-color-white-h);
1887
1910
  --dt-color-container-light-s: var(--dt-color-white-s);
1888
1911
  --dt-color-container-light-l: var(--dt-color-white-l);
1889
- --dt-color-container-inverse-h: var(--dt-color-black-h);
1890
- --dt-color-container-inverse-s: var(--dt-color-black-s);
1891
- --dt-color-container-inverse-l: var(--dt-color-black-l);
1892
- --dt-color-container-inverse-alternative-h: var(--dt-color-black-h);
1893
- --dt-color-container-inverse-alternative-s: var(--dt-color-black-s);
1894
- --dt-color-container-inverse-alternative-l: var(--dt-color-black-l);
1895
- --dt-color-border-default-h: var(--dt-color-black-h);
1896
- --dt-color-border-default-s: var(--dt-color-black-s);
1897
- --dt-color-border-default-l: var(--dt-color-black-l);
1898
- --dt-color-border-subtle-h: var(--dt-color-black-h);
1899
- --dt-color-border-subtle-s: var(--dt-color-black-s);
1900
- --dt-color-border-subtle-l: var(--dt-color-black-l);
1901
- --dt-color-border-strong-h: var(--dt-color-black-h);
1902
- --dt-color-border-strong-s: var(--dt-color-black-s);
1903
- --dt-color-border-strong-l: var(--dt-color-black-l);
1904
- --dt-color-border-inverse-h: var(--dt-color-white-h);
1905
- --dt-color-border-inverse-s: var(--dt-color-white-s);
1906
- --dt-color-border-inverse-l: var(--dt-color-white-l);
1907
- --dt-color-border-selected-h: var(--dt-color-black-h);
1908
- --dt-color-border-selected-s: var(--dt-color-black-s);
1909
- --dt-color-border-selected-l: var(--dt-color-black-l);
1910
- --dt-color-border-selected-brand-h: var(--dt-color-orange-dark-hc-h);
1911
- --dt-color-border-selected-brand-s: var(--dt-color-orange-dark-hc-s);
1912
- --dt-color-border-selected-brand-l: var(--dt-color-orange-dark-hc-l);
1913
- --dt-color-border-form-h: var(--dt-color-black-h);
1914
- --dt-color-border-form-s: var(--dt-color-black-s);
1915
- --dt-color-border-form-l: var(--dt-color-black-l);
1912
+ --dt-color-container-inverse-h: var(--dt-color-white-h);
1913
+ --dt-color-container-inverse-s: var(--dt-color-white-s);
1914
+ --dt-color-container-inverse-l: var(--dt-color-white-l);
1915
+ --dt-color-container-inverse-alternative-h: var(--dt-color-truffle-70-h);
1916
+ --dt-color-container-inverse-alternative-s: var(--dt-color-truffle-70-s);
1917
+ --dt-color-container-inverse-alternative-l: var(--dt-color-truffle-70-l);
1918
+ --dt-color-border-default-h: var(--dt-color-truffle-70-h);
1919
+ --dt-color-border-default-s: var(--dt-color-truffle-70-s);
1920
+ --dt-color-border-default-l: var(--dt-color-truffle-70-l);
1921
+ --dt-color-border-subtle-h: var(--dt-color-truffle-75-h);
1922
+ --dt-color-border-subtle-s: var(--dt-color-truffle-75-s);
1923
+ --dt-color-border-subtle-l: var(--dt-color-truffle-75-l);
1924
+ --dt-color-border-strong-h: var(--dt-color-truffle-65-h);
1925
+ --dt-color-border-strong-s: var(--dt-color-truffle-65-s);
1926
+ --dt-color-border-strong-l: var(--dt-color-truffle-65-l);
1927
+ --dt-color-border-inverse-h: var(--dt-color-truffle-20-h);
1928
+ --dt-color-border-inverse-s: var(--dt-color-truffle-20-s);
1929
+ --dt-color-border-inverse-l: var(--dt-color-truffle-20-l);
1930
+ --dt-color-border-selected-h: var(--dt-color-truffle-30-h);
1931
+ --dt-color-border-selected-s: var(--dt-color-truffle-30-s);
1932
+ --dt-color-border-selected-l: var(--dt-color-truffle-30-l);
1933
+ --dt-color-border-selected-brand-h: var(--dt-color-orange-h);
1934
+ --dt-color-border-selected-brand-s: var(--dt-color-orange-s);
1935
+ --dt-color-border-selected-brand-l: var(--dt-color-orange-l);
1936
+ --dt-color-border-form-h: var(--dt-color-truffle-55-h);
1937
+ --dt-color-border-form-s: var(--dt-color-truffle-55-s);
1938
+ --dt-color-border-form-l: var(--dt-color-truffle-55-l);
1939
+ --dt-color-border-neutral-h: var(--dt-color-truffle-80-h);
1940
+ --dt-color-border-neutral-s: var(--dt-color-truffle-80-s);
1941
+ --dt-color-border-neutral-l: var(--dt-color-truffle-80-l);
1916
1942
  --dt-color-border-decorative-brand-h: var(--dt-color-orange-30-h);
1917
1943
  --dt-color-border-decorative-brand-s: var(--dt-color-orange-30-s);
1918
1944
  --dt-color-border-decorative-brand-l: var(--dt-color-orange-30-l);
1919
- --dt-color-divider-default-h: var(--dt-color-black-h);
1920
- --dt-color-divider-default-s: var(--dt-color-black-s);
1921
- --dt-color-divider-default-l: var(--dt-color-black-l);
1922
- --dt-color-divider-inverse-h: var(--dt-color-white-h);
1923
- --dt-color-divider-inverse-s: var(--dt-color-white-s);
1924
- --dt-color-divider-inverse-l: var(--dt-color-white-l);
1925
- --dt-color-interactive-brand-h: var(--dt-color-orange-dark-hc-h);
1926
- --dt-color-interactive-brand-s: var(--dt-color-orange-dark-hc-s);
1927
- --dt-color-interactive-brand-l: var(--dt-color-orange-dark-hc-l);
1928
- --dt-color-interactive-primary-h: var(--dt-color-black-h);
1929
- --dt-color-interactive-primary-s: var(--dt-color-black-s);
1930
- --dt-color-interactive-primary-l: var(--dt-color-black-l);
1931
- --dt-color-interactive-secondary-h: var(--dt-color-white-h);
1932
- --dt-color-interactive-secondary-s: var(--dt-color-white-s);
1933
- --dt-color-interactive-secondary-l: var(--dt-color-white-l);
1934
- --dt-color-interactive-inverse-h: var(--dt-color-white-h);
1935
- --dt-color-interactive-inverse-s: var(--dt-color-white-s);
1936
- --dt-color-interactive-inverse-l: var(--dt-color-white-l);
1945
+ --dt-color-interactive-brand-h: var(--dt-color-orange-h);
1946
+ --dt-color-interactive-brand-s: var(--dt-color-orange-s);
1947
+ --dt-color-interactive-brand-l: var(--dt-color-orange-l);
1948
+ --dt-color-interactive-primary-h: var(--dt-color-white-h);
1949
+ --dt-color-interactive-primary-s: var(--dt-color-white-s);
1950
+ --dt-color-interactive-primary-l: var(--dt-color-white-l);
1951
+ --dt-color-interactive-secondary-h: var(--dt-color-truffle-75-h);
1952
+ --dt-color-interactive-secondary-s: var(--dt-color-truffle-75-s);
1953
+ --dt-color-interactive-secondary-l: var(--dt-color-truffle-75-l);
1954
+ --dt-color-interactive-inverse-h: var(--dt-color-truffle-90-h);
1955
+ --dt-color-interactive-inverse-s: var(--dt-color-truffle-90-s);
1956
+ --dt-color-interactive-inverse-l: var(--dt-color-truffle-90-l);
1937
1957
  --dt-color-interactive-light-h: var(--dt-color-white-h);
1938
1958
  --dt-color-interactive-light-s: var(--dt-color-white-s);
1939
1959
  --dt-color-interactive-light-l: var(--dt-color-white-l);
1940
- --dt-color-interactive-form-h: var(--dt-color-black-h);
1941
- --dt-color-interactive-form-s: var(--dt-color-black-s);
1942
- --dt-color-interactive-form-l: var(--dt-color-black-l);
1960
+ --dt-color-interactive-form-h: var(--dt-color-truffle-55-h);
1961
+ --dt-color-interactive-form-s: var(--dt-color-truffle-55-s);
1962
+ --dt-color-interactive-form-l: var(--dt-color-truffle-55-l);
1943
1963
  --dt-color-interactive-error-h: var(--dt-color-red-50-h);
1944
1964
  --dt-color-interactive-error-s: var(--dt-color-red-50-s);
1945
1965
  --dt-color-interactive-error-l: var(--dt-color-red-50-l);
1946
- --dt-color-support-error-h: var(--dt-color-red-dark-hc-h);
1947
- --dt-color-support-error-s: var(--dt-color-red-dark-hc-s);
1948
- --dt-color-support-error-l: var(--dt-color-red-dark-hc-l);
1949
- --dt-color-support-warning-h: var(--dt-color-yellow-dark-hc-h);
1950
- --dt-color-support-warning-s: var(--dt-color-yellow-dark-hc-s);
1951
- --dt-color-support-warning-l: var(--dt-color-yellow-dark-hc-l);
1952
- --dt-color-support-positive-h: var(--dt-color-green-dark-hc-h);
1953
- --dt-color-support-positive-s: var(--dt-color-green-dark-hc-s);
1954
- --dt-color-support-positive-l: var(--dt-color-green-dark-hc-l);
1955
- --dt-color-support-info-h: var(--dt-color-blue-dark-hc-h);
1956
- --dt-color-support-info-s: var(--dt-color-blue-dark-hc-s);
1957
- --dt-color-support-info-l: var(--dt-color-blue-dark-hc-l);
1958
- --dt-color-support-neutral-h: var(--dt-color-white-h);
1959
- --dt-color-support-neutral-s: var(--dt-color-white-s);
1960
- --dt-color-support-neutral-l: var(--dt-color-white-l);
1961
- --dt-color-support-error-02-h: var(--dt-color-white-h);
1962
- --dt-color-support-error-02-s: var(--dt-color-white-s);
1963
- --dt-color-support-error-02-l: var(--dt-color-white-l);
1964
- --dt-color-support-error-tonal-h: var(--dt-color-white-h);
1965
- --dt-color-support-error-tonal-s: var(--dt-color-white-s);
1966
- --dt-color-support-error-tonal-l: var(--dt-color-white-l);
1967
- --dt-color-support-warning-02-h: var(--dt-color-white-h);
1968
- --dt-color-support-warning-02-s: var(--dt-color-white-s);
1969
- --dt-color-support-warning-02-l: var(--dt-color-white-l);
1970
- --dt-color-support-warning-tonal-h: var(--dt-color-white-h);
1971
- --dt-color-support-warning-tonal-s: var(--dt-color-white-s);
1972
- --dt-color-support-warning-tonal-l: var(--dt-color-white-l);
1973
- --dt-color-support-positive-02-h: var(--dt-color-white-h);
1974
- --dt-color-support-positive-02-s: var(--dt-color-white-s);
1975
- --dt-color-support-positive-02-l: var(--dt-color-white-l);
1976
- --dt-color-support-positive-tonal-h: var(--dt-color-white-h);
1977
- --dt-color-support-positive-tonal-s: var(--dt-color-white-s);
1978
- --dt-color-support-positive-tonal-l: var(--dt-color-white-l);
1979
- --dt-color-support-info-02-h: var(--dt-color-white-h);
1980
- --dt-color-support-info-02-s: var(--dt-color-white-s);
1981
- --dt-color-support-info-02-l: var(--dt-color-white-l);
1982
- --dt-color-support-info-tonal-h: var(--dt-color-white-h);
1983
- --dt-color-support-info-tonal-s: var(--dt-color-white-s);
1984
- --dt-color-support-info-tonal-l: var(--dt-color-white-l);
1985
- --dt-color-support-info-inverse-h: var(--dt-color-blue-light-hc-h);
1986
- --dt-color-support-info-inverse-s: var(--dt-color-blue-light-hc-s);
1987
- --dt-color-support-info-inverse-l: var(--dt-color-blue-light-hc-l);
1988
- --dt-color-support-positive-inverse-h: var(--dt-color-green-light-hc-h);
1989
- --dt-color-support-positive-inverse-s: var(--dt-color-green-light-hc-s);
1990
- --dt-color-support-positive-inverse-l: var(--dt-color-green-light-hc-l);
1991
- --dt-color-support-neutral-persistent-h: var(--dt-color-white-h);
1992
- --dt-color-support-neutral-persistent-s: var(--dt-color-white-s);
1993
- --dt-color-support-neutral-persistent-l: var(--dt-color-white-l);
1994
- --dt-color-support-error-inverse-h: var(--dt-color-red-light-hc-h);
1995
- --dt-color-support-error-inverse-s: var(--dt-color-red-light-hc-s);
1996
- --dt-color-support-error-inverse-l: var(--dt-color-red-light-hc-l);
1997
- --dt-color-support-warning-inverse-h: var(--dt-color-yellow-h);
1998
- --dt-color-support-warning-inverse-s: var(--dt-color-yellow-s);
1999
- --dt-color-support-warning-inverse-l: var(--dt-color-yellow-l);
1966
+ --dt-color-support-error-h: var(--dt-color-red-50-h);
1967
+ --dt-color-support-error-s: var(--dt-color-red-50-s);
1968
+ --dt-color-support-error-l: var(--dt-color-red-50-l);
1969
+ --dt-color-support-warning-h: var(--dt-color-yellow-40-h);
1970
+ --dt-color-support-warning-s: var(--dt-color-yellow-40-s);
1971
+ --dt-color-support-warning-l: var(--dt-color-yellow-40-l);
1972
+ --dt-color-support-positive-h: var(--dt-color-green-30-h);
1973
+ --dt-color-support-positive-s: var(--dt-color-green-30-s);
1974
+ --dt-color-support-positive-l: var(--dt-color-green-30-l);
1975
+ --dt-color-support-info-h: var(--dt-color-blue-30-h);
1976
+ --dt-color-support-info-s: var(--dt-color-blue-30-s);
1977
+ --dt-color-support-info-l: var(--dt-color-blue-30-l);
1978
+ --dt-color-support-neutral-h: var(--dt-color-truffle-100-h);
1979
+ --dt-color-support-neutral-s: var(--dt-color-truffle-100-s);
1980
+ --dt-color-support-neutral-l: var(--dt-color-truffle-100-l);
1981
+ --dt-color-support-error-02-h: var(--dt-color-red-90-h);
1982
+ --dt-color-support-error-02-s: var(--dt-color-red-90-s);
1983
+ --dt-color-support-error-02-l: var(--dt-color-red-90-l);
1984
+ --dt-color-support-error-tonal-h: var(--dt-color-red-100-h);
1985
+ --dt-color-support-error-tonal-s: var(--dt-color-red-100-s);
1986
+ --dt-color-support-error-tonal-l: var(--dt-color-red-100-l);
1987
+ --dt-color-support-warning-02-h: var(--dt-color-yellow-80-h);
1988
+ --dt-color-support-warning-02-s: var(--dt-color-yellow-80-s);
1989
+ --dt-color-support-warning-02-l: var(--dt-color-yellow-80-l);
1990
+ --dt-color-support-warning-tonal-h: var(--dt-color-yellow-90-h);
1991
+ --dt-color-support-warning-tonal-s: var(--dt-color-yellow-90-s);
1992
+ --dt-color-support-warning-tonal-l: var(--dt-color-yellow-90-l);
1993
+ --dt-color-support-positive-02-h: var(--dt-color-green-80-h);
1994
+ --dt-color-support-positive-02-s: var(--dt-color-green-80-s);
1995
+ --dt-color-support-positive-02-l: var(--dt-color-green-80-l);
1996
+ --dt-color-support-positive-tonal-h: var(--dt-color-green-90-h);
1997
+ --dt-color-support-positive-tonal-s: var(--dt-color-green-90-s);
1998
+ --dt-color-support-positive-tonal-l: var(--dt-color-green-90-l);
1999
+ --dt-color-support-info-02-h: var(--dt-color-blue-80-h);
2000
+ --dt-color-support-info-02-s: var(--dt-color-blue-80-s);
2001
+ --dt-color-support-info-02-l: var(--dt-color-blue-80-l);
2002
+ --dt-color-support-info-tonal-h: var(--dt-color-blue-90-h);
2003
+ --dt-color-support-info-tonal-s: var(--dt-color-blue-90-s);
2004
+ --dt-color-support-info-tonal-l: var(--dt-color-blue-90-l);
2005
+ --dt-color-support-info-inverse-h: var(--dt-color-blue-h);
2006
+ --dt-color-support-info-inverse-s: var(--dt-color-blue-s);
2007
+ --dt-color-support-info-inverse-l: var(--dt-color-blue-l);
2008
+ --dt-color-support-positive-inverse-h: var(--dt-color-green-h);
2009
+ --dt-color-support-positive-inverse-s: var(--dt-color-green-s);
2010
+ --dt-color-support-positive-inverse-l: var(--dt-color-green-l);
2011
+ --dt-color-support-neutral-persistent-h: var(--dt-color-truffle-20-h);
2012
+ --dt-color-support-neutral-persistent-s: var(--dt-color-truffle-20-s);
2013
+ --dt-color-support-neutral-persistent-l: var(--dt-color-truffle-20-l);
2014
+ --dt-color-support-error-inverse-h: var(--dt-color-red-h);
2015
+ --dt-color-support-error-inverse-s: var(--dt-color-red-s);
2016
+ --dt-color-support-error-inverse-l: var(--dt-color-red-l);
2017
+ --dt-color-support-warning-inverse-h: var(--dt-color-yellow-75-h);
2018
+ --dt-color-support-warning-inverse-s: var(--dt-color-yellow-75-s);
2019
+ --dt-color-support-warning-inverse-l: var(--dt-color-yellow-75-l);
2000
2020
  --dt-color-support-brand-01-h: var(--dt-color-orange-30-h);
2001
2021
  --dt-color-support-brand-01-s: var(--dt-color-orange-30-s);
2002
2022
  --dt-color-support-brand-01-l: var(--dt-color-orange-30-l);
2003
- --dt-color-support-brand-02-h: var(--dt-color-white-h);
2004
- --dt-color-support-brand-02-s: var(--dt-color-white-s);
2005
- --dt-color-support-brand-02-l: var(--dt-color-white-l);
2006
- --dt-color-support-brand-03-h: var(--dt-color-white-h);
2007
- --dt-color-support-brand-03-s: var(--dt-color-white-s);
2008
- --dt-color-support-brand-03-l: var(--dt-color-white-l);
2009
- --dt-color-support-brand-03-subtle-h: var(--dt-color-cupcake-10-h);
2010
- --dt-color-support-brand-03-subtle-s: var(--dt-color-cupcake-10-s);
2011
- --dt-color-support-brand-03-subtle-l: var(--dt-color-cupcake-10-l);
2012
- --dt-color-support-brand-04-h: var(--dt-color-white-h);
2013
- --dt-color-support-brand-04-s: var(--dt-color-white-s);
2014
- --dt-color-support-brand-04-l: var(--dt-color-white-l);
2015
- --dt-color-support-brand-04-subtle-h: var(--dt-color-berry-10-h);
2016
- --dt-color-support-brand-04-subtle-s: var(--dt-color-berry-10-s);
2017
- --dt-color-support-brand-04-subtle-l: var(--dt-color-berry-10-l);
2018
- --dt-color-support-brand-05-h: var(--dt-color-white-h);
2019
- --dt-color-support-brand-05-s: var(--dt-color-white-s);
2020
- --dt-color-support-brand-05-l: var(--dt-color-white-l);
2021
- --dt-color-support-brand-05-subtle-h: var(--dt-color-yellow-10-h);
2022
- --dt-color-support-brand-05-subtle-s: var(--dt-color-yellow-10-s);
2023
- --dt-color-support-brand-05-subtle-l: var(--dt-color-yellow-10-l);
2024
- --dt-color-support-brand-06-h: var(--dt-color-white-h);
2025
- --dt-color-support-brand-06-s: var(--dt-color-white-s);
2026
- --dt-color-support-brand-06-l: var(--dt-color-white-l);
2027
- --dt-color-support-brand-06-subtle-h: var(--dt-color-aubergine-10-h);
2028
- --dt-color-support-brand-06-subtle-s: var(--dt-color-aubergine-10-s);
2029
- --dt-color-support-brand-06-subtle-l: var(--dt-color-aubergine-10-l);
2030
- --dt-color-support-brand-07-h: var(--dt-color-white-h);
2031
- --dt-color-support-brand-07-s: var(--dt-color-white-s);
2032
- --dt-color-support-brand-07-l: var(--dt-color-white-l);
2033
- --dt-color-support-brand-07-subtle-h: var(--dt-color-tomato-5-h);
2034
- --dt-color-support-brand-07-subtle-s: var(--dt-color-tomato-5-s);
2035
- --dt-color-support-brand-07-subtle-l: var(--dt-color-tomato-5-l);
2036
- --dt-color-support-brand-08-h: var(--dt-color-white-h);
2037
- --dt-color-support-brand-08-s: var(--dt-color-white-s);
2038
- --dt-color-support-brand-08-l: var(--dt-color-white-l);
2039
- --dt-color-support-brand-08-subtle-h: var(--dt-color-latte-10-h);
2040
- --dt-color-support-brand-08-subtle-s: var(--dt-color-latte-10-s);
2041
- --dt-color-support-brand-08-subtle-l: var(--dt-color-latte-10-l);
2042
- --dt-color-braze-container-01-h: var(--dt-color-orange-10-h);
2043
- --dt-color-braze-container-01-s: var(--dt-color-orange-10-s);
2044
- --dt-color-braze-container-01-l: var(--dt-color-orange-10-l);
2045
- --dt-color-braze-container-03-h: var(--dt-color-cupcake-10-h);
2046
- --dt-color-braze-container-03-s: var(--dt-color-cupcake-10-s);
2047
- --dt-color-braze-container-03-l: var(--dt-color-cupcake-10-l);
2048
- --dt-color-braze-container-04-h: var(--dt-color-berry-10-h);
2049
- --dt-color-braze-container-04-s: var(--dt-color-berry-10-s);
2050
- --dt-color-braze-container-04-l: var(--dt-color-berry-10-l);
2051
- --dt-color-braze-container-05-h: var(--dt-color-turmeric-10-h);
2052
- --dt-color-braze-container-05-s: var(--dt-color-turmeric-10-s);
2053
- --dt-color-braze-container-05-l: var(--dt-color-turmeric-10-l);
2054
- --dt-color-braze-container-08-h: var(--dt-color-latte-10-h);
2055
- --dt-color-braze-container-08-s: var(--dt-color-latte-10-s);
2056
- --dt-color-braze-container-08-l: var(--dt-color-latte-10-l);
2057
- --dt-color-content-default-h: var(--dt-color-black-h);
2058
- --dt-color-content-default-s: var(--dt-color-black-s);
2059
- --dt-color-content-default-l: var(--dt-color-black-l);
2060
- --dt-color-content-subdued-h: var(--dt-color-black-h);
2061
- --dt-color-content-subdued-s: var(--dt-color-black-s);
2062
- --dt-color-content-subdued-l: var(--dt-color-black-l);
2063
- --dt-color-content-interactive-brand-h: var(--dt-color-orange-dark-hc-h);
2064
- --dt-color-content-interactive-brand-s: var(--dt-color-orange-dark-hc-s);
2065
- --dt-color-content-interactive-brand-l: var(--dt-color-orange-dark-hc-l);
2066
- --dt-color-content-interactive-light-h: var(--dt-color-white-h);
2067
- --dt-color-content-interactive-light-s: var(--dt-color-white-s);
2068
- --dt-color-content-interactive-light-l: var(--dt-color-white-l);
2069
- --dt-color-content-interactive-primary-h: var(--dt-color-white-h);
2070
- --dt-color-content-interactive-primary-s: var(--dt-color-white-s);
2071
- --dt-color-content-interactive-primary-l: var(--dt-color-white-l);
2072
- --dt-color-content-interactive-secondary-h: var(--dt-color-black-h);
2073
- --dt-color-content-interactive-secondary-s: var(--dt-color-black-s);
2074
- --dt-color-content-interactive-secondary-l: var(--dt-color-black-l);
2075
- --dt-color-content-interactive-tertiary-h: var(--dt-color-black-h);
2076
- --dt-color-content-interactive-tertiary-s: var(--dt-color-black-s);
2077
- --dt-color-content-interactive-tertiary-l: var(--dt-color-black-l);
2078
- --dt-color-content-interactive-subdued-h: var(--dt-color-black-h);
2079
- --dt-color-content-interactive-subdued-s: var(--dt-color-black-s);
2080
- --dt-color-content-interactive-subdued-l: var(--dt-color-black-l);
2081
- --dt-color-content-interactive-inverse-h: var(--dt-color-black-h);
2082
- --dt-color-content-interactive-inverse-s: var(--dt-color-black-s);
2083
- --dt-color-content-interactive-inverse-l: var(--dt-color-black-l);
2084
- --dt-color-content-interactive-dark-h: var(--dt-color-black-h);
2085
- --dt-color-content-interactive-dark-s: var(--dt-color-black-s);
2086
- --dt-color-content-interactive-dark-l: var(--dt-color-black-l);
2087
- --dt-color-content-interactive-error-h: var(--dt-color-red-dark-hc-h);
2088
- --dt-color-content-interactive-error-s: var(--dt-color-red-dark-hc-s);
2089
- --dt-color-content-interactive-error-l: var(--dt-color-red-dark-hc-l);
2090
- --dt-color-content-light-h: var(--dt-color-white-h);
2091
- --dt-color-content-light-s: var(--dt-color-white-s);
2092
- --dt-color-content-light-l: var(--dt-color-white-l);
2093
- --dt-color-content-dark-h: var(--dt-color-black-h);
2094
- --dt-color-content-dark-s: var(--dt-color-black-s);
2095
- --dt-color-content-dark-l: var(--dt-color-black-l);
2096
- --dt-color-content-inverse-h: var(--dt-color-white-h);
2097
- --dt-color-content-inverse-s: var(--dt-color-white-s);
2098
- --dt-color-content-inverse-l: var(--dt-color-white-l);
2099
- --dt-color-content-link-h: var(--dt-color-black-h);
2100
- --dt-color-content-link-s: var(--dt-color-black-s);
2101
- --dt-color-content-link-l: var(--dt-color-black-l);
2102
- --dt-color-content-link-distinct-h: var(--dt-color-blue-h);
2103
- --dt-color-content-link-distinct-s: var(--dt-color-blue-s);
2104
- --dt-color-content-link-distinct-l: var(--dt-color-blue-l);
2023
+ --dt-color-support-brand-02-h: var(--dt-color-orange-75-h);
2024
+ --dt-color-support-brand-02-s: var(--dt-color-orange-75-s);
2025
+ --dt-color-support-brand-02-l: var(--dt-color-orange-75-l);
2026
+ --dt-color-support-brand-tonal-h: var(--dt-color-orange-90-h);
2027
+ --dt-color-support-brand-tonal-s: var(--dt-color-orange-90-s);
2028
+ --dt-color-support-brand-tonal-l: var(--dt-color-orange-90-l);
2029
+ --dt-color-support-brand-03-h: var(--dt-color-cupcake-30-h);
2030
+ --dt-color-support-brand-03-s: var(--dt-color-cupcake-30-s);
2031
+ --dt-color-support-brand-03-l: var(--dt-color-cupcake-30-l);
2032
+ --dt-color-support-brand-03-subtle-h: var(--dt-color-cupcake-80-h);
2033
+ --dt-color-support-brand-03-subtle-s: var(--dt-color-cupcake-80-s);
2034
+ --dt-color-support-brand-03-subtle-l: var(--dt-color-cupcake-80-l);
2035
+ --dt-color-support-brand-03-tonal-h: var(--dt-color-cupcake-90-h);
2036
+ --dt-color-support-brand-03-tonal-s: var(--dt-color-cupcake-90-s);
2037
+ --dt-color-support-brand-03-tonal-l: var(--dt-color-cupcake-90-l);
2038
+ --dt-color-support-brand-04-h: var(--dt-color-berry-40-h);
2039
+ --dt-color-support-brand-04-s: var(--dt-color-berry-40-s);
2040
+ --dt-color-support-brand-04-l: var(--dt-color-berry-40-l);
2041
+ --dt-color-support-brand-04-subtle-h: var(--dt-color-berry-80-h);
2042
+ --dt-color-support-brand-04-subtle-s: var(--dt-color-berry-80-s);
2043
+ --dt-color-support-brand-04-subtle-l: var(--dt-color-berry-80-l);
2044
+ --dt-color-support-brand-04-tonal-h: var(--dt-color-berry-90-h);
2045
+ --dt-color-support-brand-04-tonal-s: var(--dt-color-berry-90-s);
2046
+ --dt-color-support-brand-04-tonal-l: var(--dt-color-berry-90-l);
2047
+ --dt-color-support-brand-05-h: var(--dt-color-turmeric-40-h);
2048
+ --dt-color-support-brand-05-s: var(--dt-color-turmeric-40-s);
2049
+ --dt-color-support-brand-05-l: var(--dt-color-turmeric-40-l);
2050
+ --dt-color-support-brand-05-subtle-h: var(--dt-color-turmeric-80-h);
2051
+ --dt-color-support-brand-05-subtle-s: var(--dt-color-turmeric-80-s);
2052
+ --dt-color-support-brand-05-subtle-l: var(--dt-color-turmeric-80-l);
2053
+ --dt-color-support-brand-05-tonal-h: var(--dt-color-turmeric-90-h);
2054
+ --dt-color-support-brand-05-tonal-s: var(--dt-color-turmeric-90-s);
2055
+ --dt-color-support-brand-05-tonal-l: var(--dt-color-turmeric-90-l);
2056
+ --dt-color-support-brand-06-h: var(--dt-color-aubergine-70-h);
2057
+ --dt-color-support-brand-06-s: var(--dt-color-aubergine-70-s);
2058
+ --dt-color-support-brand-06-l: var(--dt-color-aubergine-70-l);
2059
+ --dt-color-support-brand-06-subtle-h: var(--dt-color-aubergine-75-h);
2060
+ --dt-color-support-brand-06-subtle-s: var(--dt-color-aubergine-75-s);
2061
+ --dt-color-support-brand-06-subtle-l: var(--dt-color-aubergine-75-l);
2062
+ --dt-color-support-brand-06-tonal-h: var(--dt-color-aubergine-80-h);
2063
+ --dt-color-support-brand-06-tonal-s: var(--dt-color-aubergine-80-s);
2064
+ --dt-color-support-brand-06-tonal-l: var(--dt-color-aubergine-80-l);
2065
+ --dt-color-support-brand-07-h: var(--dt-color-tomato-50-h);
2066
+ --dt-color-support-brand-07-s: var(--dt-color-tomato-50-s);
2067
+ --dt-color-support-brand-07-l: var(--dt-color-tomato-50-l);
2068
+ --dt-color-support-brand-07-subtle-h: var(--dt-color-tomato-90-h);
2069
+ --dt-color-support-brand-07-subtle-s: var(--dt-color-tomato-90-s);
2070
+ --dt-color-support-brand-07-subtle-l: var(--dt-color-tomato-90-l);
2071
+ --dt-color-support-brand-08-h: var(--dt-color-latte-30-h);
2072
+ --dt-color-support-brand-08-s: var(--dt-color-latte-30-s);
2073
+ --dt-color-support-brand-08-l: var(--dt-color-latte-30-l);
2074
+ --dt-color-support-brand-08-subtle-h: var(--dt-color-latte-80-h);
2075
+ --dt-color-support-brand-08-subtle-s: var(--dt-color-latte-80-s);
2076
+ --dt-color-support-brand-08-subtle-l: var(--dt-color-latte-80-l);
2077
+ --dt-color-support-brand-08-tonal-h: var(--dt-color-latte-90-h);
2078
+ --dt-color-support-brand-08-tonal-s: var(--dt-color-latte-90-s);
2079
+ --dt-color-support-brand-08-tonal-l: var(--dt-color-latte-90-l);
2080
+ --dt-color-braze-container-01-h: var(--dt-color-orange-75-h);
2081
+ --dt-color-braze-container-01-s: var(--dt-color-orange-75-s);
2082
+ --dt-color-braze-container-01-l: var(--dt-color-orange-75-l);
2083
+ --dt-color-braze-container-03-h: var(--dt-color-cupcake-70-h);
2084
+ --dt-color-braze-container-03-s: var(--dt-color-cupcake-70-s);
2085
+ --dt-color-braze-container-03-l: var(--dt-color-cupcake-70-l);
2086
+ --dt-color-braze-container-04-h: var(--dt-color-berry-70-h);
2087
+ --dt-color-braze-container-04-s: var(--dt-color-berry-70-s);
2088
+ --dt-color-braze-container-04-l: var(--dt-color-berry-70-l);
2089
+ --dt-color-braze-container-05-h: var(--dt-color-turmeric-70-h);
2090
+ --dt-color-braze-container-05-s: var(--dt-color-turmeric-70-s);
2091
+ --dt-color-braze-container-05-l: var(--dt-color-turmeric-70-l);
2092
+ --dt-color-braze-container-08-h: var(--dt-color-latte-70-h);
2093
+ --dt-color-braze-container-08-s: var(--dt-color-latte-70-s);
2094
+ --dt-color-braze-container-08-l: var(--dt-color-latte-70-l);
2095
+ --dt-color-content-interactive-brand-h: var(--dt-color-orange-30-h);
2096
+ --dt-color-content-interactive-brand-s: var(--dt-color-orange-30-s);
2097
+ --dt-color-content-interactive-brand-l: var(--dt-color-orange-30-l);
2098
+ --dt-color-content-interactive-tertiary-h: var(--dt-color-white-h);
2099
+ --dt-color-content-interactive-tertiary-s: var(--dt-color-white-s);
2100
+ --dt-color-content-interactive-tertiary-l: var(--dt-color-white-l);
2101
+ --dt-color-content-interactive-error-h: var(--dt-color-red-10-h);
2102
+ --dt-color-content-interactive-error-s: var(--dt-color-red-10-s);
2103
+ --dt-color-content-interactive-error-l: var(--dt-color-red-10-l);
2104
+ --dt-color-content-link-h: var(--dt-color-white-h);
2105
+ --dt-color-content-link-s: var(--dt-color-white-s);
2106
+ --dt-color-content-link-l: var(--dt-color-white-l);
2107
+ --dt-color-content-link-distinct-h: var(--dt-color-blue-10-h);
2108
+ --dt-color-content-link-distinct-s: var(--dt-color-blue-10-s);
2109
+ --dt-color-content-link-distinct-l: var(--dt-color-blue-10-l);
2105
2110
  --dt-color-content-link-light-h: var(--dt-color-white-h);
2106
2111
  --dt-color-content-link-light-s: var(--dt-color-white-s);
2107
2112
  --dt-color-content-link-light-l: var(--dt-color-white-l);
2108
- --dt-color-content-link-inverse-h: var(--dt-color-white-h);
2109
- --dt-color-content-link-inverse-s: var(--dt-color-white-s);
2110
- --dt-color-content-link-inverse-l: var(--dt-color-white-l);
2111
- --dt-color-content-link-visited-h: var(--dt-color-system-purple-h);
2112
- --dt-color-content-link-visited-s: var(--dt-color-system-purple-s);
2113
- --dt-color-content-link-visited-l: var(--dt-color-system-purple-l);
2114
- --dt-color-content-link-visited-inverse-h: var(--dt-color-system-purple-10-h);
2115
- --dt-color-content-link-visited-inverse-s: var(--dt-color-system-purple-10-s);
2116
- --dt-color-content-link-visited-inverse-l: var(--dt-color-system-purple-10-l);
2117
- --dt-color-content-error-h: var(--dt-color-red-dark-hc-h);
2118
- --dt-color-content-error-s: var(--dt-color-red-dark-hc-s);
2119
- --dt-color-content-error-l: var(--dt-color-red-dark-hc-l);
2120
- --dt-color-content-placeholder-h: var(--dt-color-charcoal-57-h);
2121
- --dt-color-content-placeholder-s: var(--dt-color-charcoal-57-s);
2122
- --dt-color-content-placeholder-l: var(--dt-color-charcoal-57-l);
2123
- --dt-color-content-positive-h: var(--dt-color-green-dark-hc-h);
2124
- --dt-color-content-positive-s: var(--dt-color-green-dark-hc-s);
2125
- --dt-color-content-positive-l: var(--dt-color-green-dark-hc-l);
2126
- --dt-color-content-disabled-h: var(--dt-color-charcoal-50-h);
2127
- --dt-color-content-disabled-s: var(--dt-color-charcoal-50-s);
2128
- --dt-color-content-disabled-l: var(--dt-color-charcoal-50-l);
2129
- --dt-color-content-brand-h: var(--dt-color-orange-dark-hc-h);
2130
- --dt-color-content-brand-s: var(--dt-color-orange-dark-hc-s);
2131
- --dt-color-content-brand-l: var(--dt-color-orange-dark-hc-l);
2132
- --dt-color-focus-inner-h: var(--dt-color-white-h);
2133
- --dt-color-focus-inner-s: var(--dt-color-white-s);
2134
- --dt-color-focus-inner-l: var(--dt-color-white-l);
2113
+ --dt-color-content-link-inverse-h: var(--dt-color-charcoal-80-h);
2114
+ --dt-color-content-link-inverse-s: var(--dt-color-charcoal-80-s);
2115
+ --dt-color-content-link-inverse-l: var(--dt-color-charcoal-80-l);
2116
+ --dt-color-content-link-visited-h: var(--dt-color-system-purple-10-h);
2117
+ --dt-color-content-link-visited-s: var(--dt-color-system-purple-10-s);
2118
+ --dt-color-content-link-visited-l: var(--dt-color-system-purple-10-l);
2119
+ --dt-color-content-link-visited-inverse-h: var(--dt-color-system-purple-h);
2120
+ --dt-color-content-link-visited-inverse-s: var(--dt-color-system-purple-s);
2121
+ --dt-color-content-link-visited-inverse-l: var(--dt-color-system-purple-l);
2122
+ --dt-color-content-error-h: var(--dt-color-red-10-h);
2123
+ --dt-color-content-error-s: var(--dt-color-red-10-s);
2124
+ --dt-color-content-error-l: var(--dt-color-red-10-l);
2125
+ --dt-color-content-positive-h: var(--dt-color-green-10-h);
2126
+ --dt-color-content-positive-s: var(--dt-color-green-10-s);
2127
+ --dt-color-content-positive-l: var(--dt-color-green-10-l);
2128
+ --dt-color-content-brand-h: var(--dt-color-orange-30-h);
2129
+ --dt-color-content-brand-s: var(--dt-color-orange-30-s);
2130
+ --dt-color-content-brand-l: var(--dt-color-orange-30-l);
2131
+ --dt-color-content-default-solid-h: var(--dt-color-white-h);
2132
+ --dt-color-content-default-solid-s: var(--dt-color-white-s);
2133
+ --dt-color-content-default-solid-l: var(--dt-color-white-l);
2134
+ --dt-color-content-subdued-solid-h: var(--dt-color-charcoal-30-h);
2135
+ --dt-color-content-subdued-solid-s: var(--dt-color-charcoal-30-s);
2136
+ --dt-color-content-subdued-solid-l: var(--dt-color-charcoal-30-l);
2137
+ --dt-color-content-light-solid-h: var(--dt-color-white-h);
2138
+ --dt-color-content-light-solid-s: var(--dt-color-white-s);
2139
+ --dt-color-content-light-solid-l: var(--dt-color-white-l);
2140
+ --dt-color-content-inverse-solid-h: var(--dt-color-charcoal-70-h);
2141
+ --dt-color-content-inverse-solid-s: var(--dt-color-charcoal-70-s);
2142
+ --dt-color-content-inverse-solid-l: var(--dt-color-charcoal-70-l);
2143
+ --dt-color-content-dark-solid-h: var(--dt-color-charcoal-80-h);
2144
+ --dt-color-content-dark-solid-s: var(--dt-color-charcoal-80-s);
2145
+ --dt-color-content-dark-solid-l: var(--dt-color-charcoal-80-l);
2146
+ --dt-color-content-disabled-solid-h: var(--dt-color-charcoal-50-h);
2147
+ --dt-color-content-disabled-solid-s: var(--dt-color-charcoal-50-s);
2148
+ --dt-color-content-disabled-solid-l: var(--dt-color-charcoal-50-l);
2149
+ --dt-color-content-placeholder-solid-h: var(--dt-color-charcoal-50-h);
2150
+ --dt-color-content-placeholder-solid-s: var(--dt-color-charcoal-50-s);
2151
+ --dt-color-content-placeholder-solid-l: var(--dt-color-charcoal-50-l);
2152
+ --dt-color-content-brand-solid-h: var(--dt-color-orange-30-h);
2153
+ --dt-color-content-brand-solid-s: var(--dt-color-orange-30-s);
2154
+ --dt-color-content-brand-solid-l: var(--dt-color-orange-30-l);
2155
+ --dt-color-content-error-solid-h: var(--dt-color-red-10-h);
2156
+ --dt-color-content-error-solid-s: var(--dt-color-red-10-s);
2157
+ --dt-color-content-error-solid-l: var(--dt-color-red-10-l);
2158
+ --dt-color-content-positive-solid-h: var(--dt-color-green-10-h);
2159
+ --dt-color-content-positive-solid-s: var(--dt-color-green-10-s);
2160
+ --dt-color-content-positive-solid-l: var(--dt-color-green-10-l);
2161
+ --dt-color-content-interactive-light-solid-h: var(--dt-color-white-h);
2162
+ --dt-color-content-interactive-light-solid-s: var(--dt-color-white-s);
2163
+ --dt-color-content-interactive-light-solid-l: var(--dt-color-white-l);
2164
+ --dt-color-content-interactive-primary-solid-h: var(--dt-color-charcoal-80-h);
2165
+ --dt-color-content-interactive-primary-solid-s: var(--dt-color-charcoal-80-s);
2166
+ --dt-color-content-interactive-primary-solid-l: var(--dt-color-charcoal-80-l);
2167
+ --dt-color-content-interactive-secondary-solid-h: var(--dt-color-white-h);
2168
+ --dt-color-content-interactive-secondary-solid-s: var(--dt-color-white-s);
2169
+ --dt-color-content-interactive-secondary-solid-l: var(--dt-color-white-l);
2170
+ --dt-color-content-interactive-inverse-solid-h: var(--dt-color-white-h);
2171
+ --dt-color-content-interactive-inverse-solid-s: var(--dt-color-white-s);
2172
+ --dt-color-content-interactive-inverse-solid-l: var(--dt-color-white-l);
2173
+ --dt-color-content-interactive-dark-solid-h: var(--dt-color-charcoal-80-h);
2174
+ --dt-color-content-interactive-dark-solid-s: var(--dt-color-charcoal-80-s);
2175
+ --dt-color-content-interactive-dark-solid-l: var(--dt-color-charcoal-80-l);
2176
+ --dt-color-content-interactive-brand-solid-h: var(--dt-color-orange-30-h);
2177
+ --dt-color-content-interactive-brand-solid-s: var(--dt-color-orange-30-s);
2178
+ --dt-color-content-interactive-brand-solid-l: var(--dt-color-orange-30-l);
2179
+ --dt-color-content-interactive-error-solid-h: var(--dt-color-red-10-h);
2180
+ --dt-color-content-interactive-error-solid-s: var(--dt-color-red-10-s);
2181
+ --dt-color-content-interactive-error-solid-l: var(--dt-color-red-10-l);
2182
+ --dt-color-focus-inner-h: var(--dt-color-black-h);
2183
+ --dt-color-focus-inner-s: var(--dt-color-black-s);
2184
+ --dt-color-focus-inner-l: var(--dt-color-black-l);
2135
2185
  --dt-color-focus-outer-h: var(--dt-color-blue-30-h);
2136
2186
  --dt-color-focus-outer-s: var(--dt-color-blue-30-s);
2137
2187
  --dt-color-focus-outer-l: var(--dt-color-blue-30-l);
2138
- --dt-color-disabled-01-h: var(--dt-color-truffle-20-h);
2139
- --dt-color-disabled-01-s: var(--dt-color-truffle-20-s);
2140
- --dt-color-disabled-01-l: var(--dt-color-truffle-20-l);
2141
- --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-80-h);
2142
- --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-80-s);
2143
- --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-80-l);
2144
- --dt-color-skeleton-01-h: var(--dt-color-truffle-10-h);
2145
- --dt-color-skeleton-01-s: var(--dt-color-truffle-10-s);
2146
- --dt-color-skeleton-01-l: var(--dt-color-truffle-10-l);
2147
- --dt-color-skeleton-02-h: var(--dt-color-truffle-20-h);
2148
- --dt-color-skeleton-02-s: var(--dt-color-truffle-20-s);
2149
- --dt-color-skeleton-02-l: var(--dt-color-truffle-20-l);
2150
- --dt-color-skeleton-03-h: var(--dt-color-white-h);
2151
- --dt-color-skeleton-03-s: var(--dt-color-white-s);
2152
- --dt-color-skeleton-03-l: var(--dt-color-white-l);
2153
- --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-5-h);
2154
- --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-5-s);
2155
- --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-5-l);
2156
- --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-5-h);
2157
- --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-5-s);
2158
- --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-5-l);
2159
- --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-10-h);
2160
- --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-10-s);
2161
- --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-10-l);
2188
+ --dt-color-disabled-01-h: var(--dt-color-truffle-80-h);
2189
+ --dt-color-disabled-01-s: var(--dt-color-truffle-80-s);
2190
+ --dt-color-disabled-01-l: var(--dt-color-truffle-80-l);
2191
+ --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-20-h);
2192
+ --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-20-s);
2193
+ --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-20-l);
2194
+ --dt-color-skeleton-01-h: var(--dt-color-truffle-80-h);
2195
+ --dt-color-skeleton-01-s: var(--dt-color-truffle-80-s);
2196
+ --dt-color-skeleton-01-l: var(--dt-color-truffle-80-l);
2197
+ --dt-color-skeleton-02-h: var(--dt-color-truffle-75-h);
2198
+ --dt-color-skeleton-02-s: var(--dt-color-truffle-75-s);
2199
+ --dt-color-skeleton-02-l: var(--dt-color-truffle-75-l);
2200
+ --dt-color-skeleton-03-h: var(--dt-color-truffle-90-h);
2201
+ --dt-color-skeleton-03-s: var(--dt-color-truffle-90-s);
2202
+ --dt-color-skeleton-03-l: var(--dt-color-truffle-90-l);
2203
+ --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-75-h);
2204
+ --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-75-s);
2205
+ --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-75-l);
2206
+ --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-70-h);
2207
+ --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-70-s);
2208
+ --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-70-l);
2209
+ --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-80-h);
2210
+ --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-80-s);
2211
+ --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-80-l);
2212
+ --dt-color-thirdparty-apple-container-primary-h: var(--dt-color-white-h);
2213
+ --dt-color-thirdparty-apple-container-primary-s: var(--dt-color-white-s);
2214
+ --dt-color-thirdparty-apple-container-primary-l: var(--dt-color-white-l);
2215
+ --dt-color-thirdparty-apple-content-primary-h: var(--dt-color-black-h);
2216
+ --dt-color-thirdparty-apple-content-primary-s: var(--dt-color-black-s);
2217
+ --dt-color-thirdparty-apple-content-primary-l: var(--dt-color-black-l);
2218
+ --dt-color-thirdparty-apple-container-secondary-h: var(--dt-color-black-h);
2219
+ --dt-color-thirdparty-apple-container-secondary-s: var(--dt-color-black-s);
2220
+ --dt-color-thirdparty-apple-container-secondary-l: var(--dt-color-black-l);
2221
+ --dt-color-thirdparty-apple-content-secondary-h: var(--dt-color-white-h);
2222
+ --dt-color-thirdparty-apple-content-secondary-s: var(--dt-color-white-s);
2223
+ --dt-color-thirdparty-apple-content-secondary-l: var(--dt-color-white-l);
2224
+ --dt-color-thirdparty-android-background-dashboard-h: var(--dt-color-black-h);
2225
+ --dt-color-thirdparty-android-background-dashboard-s: var(--dt-color-black-s);
2226
+ --dt-color-thirdparty-android-background-dashboard-l: var(--dt-color-black-l);
2227
+ --dt-color-thirdparty-facebook-container-primary-h: var(--dt-color-thirdparty-facebook-blue-h);
2228
+ --dt-color-thirdparty-facebook-container-primary-s: var(--dt-color-thirdparty-facebook-blue-s);
2229
+ --dt-color-thirdparty-facebook-container-primary-l: var(--dt-color-thirdparty-facebook-blue-l);
2230
+ --dt-color-thirdparty-facebook-content-primary-h: var(--dt-color-white-h);
2231
+ --dt-color-thirdparty-facebook-content-primary-s: var(--dt-color-white-s);
2232
+ --dt-color-thirdparty-facebook-content-primary-l: var(--dt-color-white-l);
2233
+ --dt-color-thirdparty-facebook-container-secondary-h: var(--dt-color-black-h);
2234
+ --dt-color-thirdparty-facebook-container-secondary-s: var(--dt-color-black-s);
2235
+ --dt-color-thirdparty-facebook-container-secondary-l: var(--dt-color-black-l);
2236
+ --dt-color-thirdparty-facebook-content-secondary-h: var(--dt-color-white-h);
2237
+ --dt-color-thirdparty-facebook-content-secondary-s: var(--dt-color-white-s);
2238
+ --dt-color-thirdparty-facebook-content-secondary-l: var(--dt-color-white-l);
2239
+ --dt-color-thirdparty-google-container-primary-h: var(--dt-color-thirdparty-google-grey-100-h);
2240
+ --dt-color-thirdparty-google-container-primary-s: var(--dt-color-thirdparty-google-grey-100-s);
2241
+ --dt-color-thirdparty-google-container-primary-l: var(--dt-color-thirdparty-google-grey-100-l);
2242
+ --dt-color-thirdparty-google-content-primary-h: var(--dt-color-thirdparty-google-grey-30-h);
2243
+ --dt-color-thirdparty-google-content-primary-s: var(--dt-color-thirdparty-google-grey-30-s);
2244
+ --dt-color-thirdparty-google-content-primary-l: var(--dt-color-thirdparty-google-grey-30-l);
2245
+ --dt-color-thirdparty-google-content-primary-subdued-h: var(--dt-color-thirdparty-google-grey-30-h);
2246
+ --dt-color-thirdparty-google-content-primary-subdued-s: var(--dt-color-thirdparty-google-grey-30-s);
2247
+ --dt-color-thirdparty-google-content-primary-subdued-l: var(--dt-color-thirdparty-google-grey-30-l);
2248
+ --dt-color-thirdparty-google-border-primary-h: var(--dt-color-thirdparty-google-grey-30-h);
2249
+ --dt-color-thirdparty-google-border-primary-s: var(--dt-color-thirdparty-google-grey-30-s);
2250
+ --dt-color-thirdparty-google-border-primary-l: var(--dt-color-thirdparty-google-grey-30-l);
2251
+ --dt-color-thirdparty-google-container-secondary-h: var(--dt-color-white-h);
2252
+ --dt-color-thirdparty-google-container-secondary-s: var(--dt-color-white-s);
2253
+ --dt-color-thirdparty-google-container-secondary-l: var(--dt-color-white-l);
2254
+ --dt-color-thirdparty-google-content-secondary-h: var(--dt-color-thirdparty-google-grey-100-h);
2255
+ --dt-color-thirdparty-google-content-secondary-s: var(--dt-color-thirdparty-google-grey-100-s);
2256
+ --dt-color-thirdparty-google-content-secondary-l: var(--dt-color-thirdparty-google-grey-100-l);
2257
+ --dt-color-thirdparty-google-content-secondary-subdued-h: var(--dt-color-thirdparty-google-grey-70-h);
2258
+ --dt-color-thirdparty-google-content-secondary-subdued-s: var(--dt-color-thirdparty-google-grey-70-s);
2259
+ --dt-color-thirdparty-google-content-secondary-subdued-l: var(--dt-color-thirdparty-google-grey-70-l);
2260
+ --dt-color-thirdparty-google-border-secondary-h: var(--dt-color-thirdparty-google-grey-60-h);
2261
+ --dt-color-thirdparty-google-border-secondary-s: var(--dt-color-thirdparty-google-grey-60-s);
2262
+ --dt-color-thirdparty-google-border-secondary-l: var(--dt-color-thirdparty-google-grey-60-l);
2263
+ --dt-color-thirdparty-microsoft-container-primary-h: var(--dt-color-thirdparty-microsoft-grey-80-h);
2264
+ --dt-color-thirdparty-microsoft-container-primary-s: var(--dt-color-thirdparty-microsoft-grey-80-s);
2265
+ --dt-color-thirdparty-microsoft-container-primary-l: var(--dt-color-thirdparty-microsoft-grey-80-l);
2266
+ --dt-color-thirdparty-microsoft-content-primary-h: var(--dt-color-white-h);
2267
+ --dt-color-thirdparty-microsoft-content-primary-s: var(--dt-color-white-s);
2268
+ --dt-color-thirdparty-microsoft-content-primary-l: var(--dt-color-white-l);
2269
+ --dt-color-thirdparty-microsoft-container-secondary-h: var(--dt-color-white-h);
2270
+ --dt-color-thirdparty-microsoft-container-secondary-s: var(--dt-color-white-s);
2271
+ --dt-color-thirdparty-microsoft-container-secondary-l: var(--dt-color-white-l);
2272
+ --dt-color-thirdparty-microsoft-content-secondary-h: var(--dt-color-thirdparty-microsoft-grey-70-h);
2273
+ --dt-color-thirdparty-microsoft-content-secondary-s: var(--dt-color-thirdparty-microsoft-grey-70-s);
2274
+ --dt-color-thirdparty-microsoft-content-secondary-l: var(--dt-color-thirdparty-microsoft-grey-70-l);
2275
+ --dt-color-thirdparty-microsoft-border-secondary-h: var(--dt-color-thirdparty-microsoft-grey-60-h);
2276
+ --dt-color-thirdparty-microsoft-border-secondary-s: var(--dt-color-thirdparty-microsoft-grey-60-s);
2277
+ --dt-color-thirdparty-microsoft-border-secondary-l: var(--dt-color-thirdparty-microsoft-grey-60-l);
2278
+ --dt-color-thirdparty-coop-container-primary-h: var(--dt-color-thirdparty-coop-blue-90-h);
2279
+ --dt-color-thirdparty-coop-container-primary-s: var(--dt-color-thirdparty-coop-blue-90-s);
2280
+ --dt-color-thirdparty-coop-container-primary-l: var(--dt-color-thirdparty-coop-blue-90-l);
2162
2281
  }
2163
2282
  @media (prefers-color-scheme: dark) {
2164
- html[data-darkmode-enabled] {
2283
+ html[data-darkmode-system]:not([data-color-mode]) {
2165
2284
  --dt-color-background-default-h: var(--dt-color-truffle-100-h);
2166
2285
  --dt-color-background-default-s: var(--dt-color-truffle-100-s);
2167
2286
  --dt-color-background-default-l: var(--dt-color-truffle-100-l);
@@ -2369,48 +2488,15 @@ html[data-highcontrast-enabled] {
2369
2488
  --dt-color-braze-container-08-h: var(--dt-color-latte-70-h);
2370
2489
  --dt-color-braze-container-08-s: var(--dt-color-latte-70-s);
2371
2490
  --dt-color-braze-container-08-l: var(--dt-color-latte-70-l);
2372
- --dt-color-content-default-h: var(--dt-color-white-h);
2373
- --dt-color-content-default-s: var(--dt-color-white-s);
2374
- --dt-color-content-default-l: var(--dt-color-white-l);
2375
- --dt-color-content-subdued-h: var(--dt-color-charcoal-30-h);
2376
- --dt-color-content-subdued-s: var(--dt-color-charcoal-30-s);
2377
- --dt-color-content-subdued-l: var(--dt-color-charcoal-30-l);
2378
2491
  --dt-color-content-interactive-brand-h: var(--dt-color-orange-30-h);
2379
2492
  --dt-color-content-interactive-brand-s: var(--dt-color-orange-30-s);
2380
2493
  --dt-color-content-interactive-brand-l: var(--dt-color-orange-30-l);
2381
- --dt-color-content-interactive-light-h: var(--dt-color-white-h);
2382
- --dt-color-content-interactive-light-s: var(--dt-color-white-s);
2383
- --dt-color-content-interactive-light-l: var(--dt-color-white-l);
2384
- --dt-color-content-interactive-primary-h: var(--dt-color-charcoal-80-h);
2385
- --dt-color-content-interactive-primary-s: var(--dt-color-charcoal-80-s);
2386
- --dt-color-content-interactive-primary-l: var(--dt-color-charcoal-80-l);
2387
- --dt-color-content-interactive-secondary-h: var(--dt-color-white-h);
2388
- --dt-color-content-interactive-secondary-s: var(--dt-color-white-s);
2389
- --dt-color-content-interactive-secondary-l: var(--dt-color-white-l);
2390
2494
  --dt-color-content-interactive-tertiary-h: var(--dt-color-white-h);
2391
2495
  --dt-color-content-interactive-tertiary-s: var(--dt-color-white-s);
2392
2496
  --dt-color-content-interactive-tertiary-l: var(--dt-color-white-l);
2393
- --dt-color-content-interactive-subdued-h: var(--dt-color-charcoal-40-h);
2394
- --dt-color-content-interactive-subdued-s: var(--dt-color-charcoal-40-s);
2395
- --dt-color-content-interactive-subdued-l: var(--dt-color-charcoal-40-l);
2396
- --dt-color-content-interactive-inverse-h: var(--dt-color-white-h);
2397
- --dt-color-content-interactive-inverse-s: var(--dt-color-white-s);
2398
- --dt-color-content-interactive-inverse-l: var(--dt-color-white-l);
2399
- --dt-color-content-interactive-dark-h: var(--dt-color-charcoal-80-h);
2400
- --dt-color-content-interactive-dark-s: var(--dt-color-charcoal-80-s);
2401
- --dt-color-content-interactive-dark-l: var(--dt-color-charcoal-80-l);
2402
2497
  --dt-color-content-interactive-error-h: var(--dt-color-red-10-h);
2403
2498
  --dt-color-content-interactive-error-s: var(--dt-color-red-10-s);
2404
2499
  --dt-color-content-interactive-error-l: var(--dt-color-red-10-l);
2405
- --dt-color-content-light-h: var(--dt-color-white-h);
2406
- --dt-color-content-light-s: var(--dt-color-white-s);
2407
- --dt-color-content-light-l: var(--dt-color-white-l);
2408
- --dt-color-content-dark-h: var(--dt-color-charcoal-80-h);
2409
- --dt-color-content-dark-s: var(--dt-color-charcoal-80-s);
2410
- --dt-color-content-dark-l: var(--dt-color-charcoal-80-l);
2411
- --dt-color-content-inverse-h: var(--dt-color-charcoal-80-h);
2412
- --dt-color-content-inverse-s: var(--dt-color-charcoal-80-s);
2413
- --dt-color-content-inverse-l: var(--dt-color-charcoal-80-l);
2414
2500
  --dt-color-content-link-h: var(--dt-color-white-h);
2415
2501
  --dt-color-content-link-s: var(--dt-color-white-s);
2416
2502
  --dt-color-content-link-l: var(--dt-color-white-l);
@@ -2432,18 +2518,63 @@ html[data-highcontrast-enabled] {
2432
2518
  --dt-color-content-error-h: var(--dt-color-red-10-h);
2433
2519
  --dt-color-content-error-s: var(--dt-color-red-10-s);
2434
2520
  --dt-color-content-error-l: var(--dt-color-red-10-l);
2435
- --dt-color-content-placeholder-h: var(--dt-color-charcoal-50-h);
2436
- --dt-color-content-placeholder-s: var(--dt-color-charcoal-50-s);
2437
- --dt-color-content-placeholder-l: var(--dt-color-charcoal-50-l);
2438
2521
  --dt-color-content-positive-h: var(--dt-color-green-10-h);
2439
2522
  --dt-color-content-positive-s: var(--dt-color-green-10-s);
2440
2523
  --dt-color-content-positive-l: var(--dt-color-green-10-l);
2441
- --dt-color-content-disabled-h: var(--dt-color-charcoal-50-h);
2442
- --dt-color-content-disabled-s: var(--dt-color-charcoal-50-s);
2443
- --dt-color-content-disabled-l: var(--dt-color-charcoal-50-l);
2444
2524
  --dt-color-content-brand-h: var(--dt-color-orange-30-h);
2445
2525
  --dt-color-content-brand-s: var(--dt-color-orange-30-s);
2446
2526
  --dt-color-content-brand-l: var(--dt-color-orange-30-l);
2527
+ --dt-color-content-default-solid-h: var(--dt-color-white-h);
2528
+ --dt-color-content-default-solid-s: var(--dt-color-white-s);
2529
+ --dt-color-content-default-solid-l: var(--dt-color-white-l);
2530
+ --dt-color-content-subdued-solid-h: var(--dt-color-charcoal-30-h);
2531
+ --dt-color-content-subdued-solid-s: var(--dt-color-charcoal-30-s);
2532
+ --dt-color-content-subdued-solid-l: var(--dt-color-charcoal-30-l);
2533
+ --dt-color-content-light-solid-h: var(--dt-color-white-h);
2534
+ --dt-color-content-light-solid-s: var(--dt-color-white-s);
2535
+ --dt-color-content-light-solid-l: var(--dt-color-white-l);
2536
+ --dt-color-content-inverse-solid-h: var(--dt-color-charcoal-70-h);
2537
+ --dt-color-content-inverse-solid-s: var(--dt-color-charcoal-70-s);
2538
+ --dt-color-content-inverse-solid-l: var(--dt-color-charcoal-70-l);
2539
+ --dt-color-content-dark-solid-h: var(--dt-color-charcoal-80-h);
2540
+ --dt-color-content-dark-solid-s: var(--dt-color-charcoal-80-s);
2541
+ --dt-color-content-dark-solid-l: var(--dt-color-charcoal-80-l);
2542
+ --dt-color-content-disabled-solid-h: var(--dt-color-charcoal-50-h);
2543
+ --dt-color-content-disabled-solid-s: var(--dt-color-charcoal-50-s);
2544
+ --dt-color-content-disabled-solid-l: var(--dt-color-charcoal-50-l);
2545
+ --dt-color-content-placeholder-solid-h: var(--dt-color-charcoal-50-h);
2546
+ --dt-color-content-placeholder-solid-s: var(--dt-color-charcoal-50-s);
2547
+ --dt-color-content-placeholder-solid-l: var(--dt-color-charcoal-50-l);
2548
+ --dt-color-content-brand-solid-h: var(--dt-color-orange-30-h);
2549
+ --dt-color-content-brand-solid-s: var(--dt-color-orange-30-s);
2550
+ --dt-color-content-brand-solid-l: var(--dt-color-orange-30-l);
2551
+ --dt-color-content-error-solid-h: var(--dt-color-red-10-h);
2552
+ --dt-color-content-error-solid-s: var(--dt-color-red-10-s);
2553
+ --dt-color-content-error-solid-l: var(--dt-color-red-10-l);
2554
+ --dt-color-content-positive-solid-h: var(--dt-color-green-10-h);
2555
+ --dt-color-content-positive-solid-s: var(--dt-color-green-10-s);
2556
+ --dt-color-content-positive-solid-l: var(--dt-color-green-10-l);
2557
+ --dt-color-content-interactive-light-solid-h: var(--dt-color-white-h);
2558
+ --dt-color-content-interactive-light-solid-s: var(--dt-color-white-s);
2559
+ --dt-color-content-interactive-light-solid-l: var(--dt-color-white-l);
2560
+ --dt-color-content-interactive-primary-solid-h: var(--dt-color-charcoal-80-h);
2561
+ --dt-color-content-interactive-primary-solid-s: var(--dt-color-charcoal-80-s);
2562
+ --dt-color-content-interactive-primary-solid-l: var(--dt-color-charcoal-80-l);
2563
+ --dt-color-content-interactive-secondary-solid-h: var(--dt-color-white-h);
2564
+ --dt-color-content-interactive-secondary-solid-s: var(--dt-color-white-s);
2565
+ --dt-color-content-interactive-secondary-solid-l: var(--dt-color-white-l);
2566
+ --dt-color-content-interactive-inverse-solid-h: var(--dt-color-white-h);
2567
+ --dt-color-content-interactive-inverse-solid-s: var(--dt-color-white-s);
2568
+ --dt-color-content-interactive-inverse-solid-l: var(--dt-color-white-l);
2569
+ --dt-color-content-interactive-dark-solid-h: var(--dt-color-charcoal-80-h);
2570
+ --dt-color-content-interactive-dark-solid-s: var(--dt-color-charcoal-80-s);
2571
+ --dt-color-content-interactive-dark-solid-l: var(--dt-color-charcoal-80-l);
2572
+ --dt-color-content-interactive-brand-solid-h: var(--dt-color-orange-30-h);
2573
+ --dt-color-content-interactive-brand-solid-s: var(--dt-color-orange-30-s);
2574
+ --dt-color-content-interactive-brand-solid-l: var(--dt-color-orange-30-l);
2575
+ --dt-color-content-interactive-error-solid-h: var(--dt-color-red-10-h);
2576
+ --dt-color-content-interactive-error-solid-s: var(--dt-color-red-10-s);
2577
+ --dt-color-content-interactive-error-solid-l: var(--dt-color-red-10-l);
2447
2578
  --dt-color-focus-inner-h: var(--dt-color-black-h);
2448
2579
  --dt-color-focus-inner-s: var(--dt-color-black-s);
2449
2580
  --dt-color-focus-inner-l: var(--dt-color-black-l);
@@ -2545,286 +2676,6 @@ html[data-highcontrast-enabled] {
2545
2676
  --dt-color-thirdparty-coop-container-primary-l: var(--dt-color-thirdparty-coop-blue-90-l);
2546
2677
  }
2547
2678
  }
2548
- @media (prefers-color-scheme: dark) {
2549
- html[data-darkmode-enabled][data-highcontrast-enabled] {
2550
- --dt-color-background-default-h: var(--dt-color-black-h);
2551
- --dt-color-background-default-s: var(--dt-color-black-s);
2552
- --dt-color-background-default-l: var(--dt-color-black-l);
2553
- --dt-color-background-subtle-h: var(--dt-color-black-h);
2554
- --dt-color-background-subtle-s: var(--dt-color-black-s);
2555
- --dt-color-background-subtle-l: var(--dt-color-black-l);
2556
- --dt-color-background-dark-h: var(--dt-color-black-h);
2557
- --dt-color-background-dark-s: var(--dt-color-black-s);
2558
- --dt-color-background-dark-l: var(--dt-color-black-l);
2559
- --dt-color-container-default-h: var(--dt-color-black-h);
2560
- --dt-color-container-default-s: var(--dt-color-black-s);
2561
- --dt-color-container-default-l: var(--dt-color-black-l);
2562
- --dt-color-container-subtle-h: var(--dt-color-black-h);
2563
- --dt-color-container-subtle-s: var(--dt-color-black-s);
2564
- --dt-color-container-subtle-l: var(--dt-color-black-l);
2565
- --dt-color-container-strong-h: var(--dt-color-black-h);
2566
- --dt-color-container-strong-s: var(--dt-color-black-s);
2567
- --dt-color-container-strong-l: var(--dt-color-black-l);
2568
- --dt-color-container-dark-h: var(--dt-color-black-h);
2569
- --dt-color-container-dark-s: var(--dt-color-black-s);
2570
- --dt-color-container-dark-l: var(--dt-color-black-l);
2571
- --dt-color-container-light-h: var(--dt-color-white-h);
2572
- --dt-color-container-light-s: var(--dt-color-white-s);
2573
- --dt-color-container-light-l: var(--dt-color-white-l);
2574
- --dt-color-container-inverse-h: var(--dt-color-white-h);
2575
- --dt-color-container-inverse-s: var(--dt-color-white-s);
2576
- --dt-color-container-inverse-l: var(--dt-color-white-l);
2577
- --dt-color-container-inverse-alternative-h: var(--dt-color-black-h);
2578
- --dt-color-container-inverse-alternative-s: var(--dt-color-black-s);
2579
- --dt-color-container-inverse-alternative-l: var(--dt-color-black-l);
2580
- --dt-color-border-default-h: var(--dt-color-white-h);
2581
- --dt-color-border-default-s: var(--dt-color-white-s);
2582
- --dt-color-border-default-l: var(--dt-color-white-l);
2583
- --dt-color-border-subtle-h: var(--dt-color-white-h);
2584
- --dt-color-border-subtle-s: var(--dt-color-white-s);
2585
- --dt-color-border-subtle-l: var(--dt-color-white-l);
2586
- --dt-color-border-strong-h: var(--dt-color-white-h);
2587
- --dt-color-border-strong-s: var(--dt-color-white-s);
2588
- --dt-color-border-strong-l: var(--dt-color-white-l);
2589
- --dt-color-border-inverse-h: var(--dt-color-black-h);
2590
- --dt-color-border-inverse-s: var(--dt-color-black-s);
2591
- --dt-color-border-inverse-l: var(--dt-color-black-l);
2592
- --dt-color-border-selected-h: var(--dt-color-white-h);
2593
- --dt-color-border-selected-s: var(--dt-color-white-s);
2594
- --dt-color-border-selected-l: var(--dt-color-white-l);
2595
- --dt-color-border-selected-brand-h: var(--dt-color-orange-30-h);
2596
- --dt-color-border-selected-brand-s: var(--dt-color-orange-30-s);
2597
- --dt-color-border-selected-brand-l: var(--dt-color-orange-30-l);
2598
- --dt-color-border-form-h: var(--dt-color-white-h);
2599
- --dt-color-border-form-s: var(--dt-color-white-s);
2600
- --dt-color-border-form-l: var(--dt-color-white-l);
2601
- --dt-color-border-decorative-brand-h: var(--dt-color-orange-30-h);
2602
- --dt-color-border-decorative-brand-s: var(--dt-color-orange-30-s);
2603
- --dt-color-border-decorative-brand-l: var(--dt-color-orange-30-l);
2604
- --dt-color-divider-default-h: var(--dt-color-white-h);
2605
- --dt-color-divider-default-s: var(--dt-color-white-s);
2606
- --dt-color-divider-default-l: var(--dt-color-white-l);
2607
- --dt-color-divider-inverse-h: var(--dt-color-black-h);
2608
- --dt-color-divider-inverse-s: var(--dt-color-black-s);
2609
- --dt-color-divider-inverse-l: var(--dt-color-black-l);
2610
- --dt-color-interactive-brand-h: var(--dt-color-orange-30-h);
2611
- --dt-color-interactive-brand-s: var(--dt-color-orange-30-s);
2612
- --dt-color-interactive-brand-l: var(--dt-color-orange-30-l);
2613
- --dt-color-interactive-primary-h: var(--dt-color-white-h);
2614
- --dt-color-interactive-primary-s: var(--dt-color-white-s);
2615
- --dt-color-interactive-primary-l: var(--dt-color-white-l);
2616
- --dt-color-interactive-secondary-h: var(--dt-color-black-h);
2617
- --dt-color-interactive-secondary-s: var(--dt-color-black-s);
2618
- --dt-color-interactive-secondary-l: var(--dt-color-black-l);
2619
- --dt-color-interactive-inverse-h: var(--dt-color-black-h);
2620
- --dt-color-interactive-inverse-s: var(--dt-color-black-s);
2621
- --dt-color-interactive-inverse-l: var(--dt-color-black-l);
2622
- --dt-color-interactive-light-h: var(--dt-color-white-h);
2623
- --dt-color-interactive-light-s: var(--dt-color-white-s);
2624
- --dt-color-interactive-light-l: var(--dt-color-white-l);
2625
- --dt-color-interactive-form-h: var(--dt-color-white-h);
2626
- --dt-color-interactive-form-s: var(--dt-color-white-s);
2627
- --dt-color-interactive-form-l: var(--dt-color-white-l);
2628
- --dt-color-interactive-error-h: var(--dt-color-red-40-h);
2629
- --dt-color-interactive-error-s: var(--dt-color-red-40-s);
2630
- --dt-color-interactive-error-l: var(--dt-color-red-40-l);
2631
- --dt-color-support-error-h: var(--dt-color-red-light-hc-h);
2632
- --dt-color-support-error-s: var(--dt-color-red-light-hc-s);
2633
- --dt-color-support-error-l: var(--dt-color-red-light-hc-l);
2634
- --dt-color-support-warning-h: var(--dt-color-yellow-h);
2635
- --dt-color-support-warning-s: var(--dt-color-yellow-s);
2636
- --dt-color-support-warning-l: var(--dt-color-yellow-l);
2637
- --dt-color-support-positive-h: var(--dt-color-green-light-hc-h);
2638
- --dt-color-support-positive-s: var(--dt-color-green-light-hc-s);
2639
- --dt-color-support-positive-l: var(--dt-color-green-light-hc-l);
2640
- --dt-color-support-info-h: var(--dt-color-blue-light-hc-h);
2641
- --dt-color-support-info-s: var(--dt-color-blue-light-hc-s);
2642
- --dt-color-support-info-l: var(--dt-color-blue-light-hc-l);
2643
- --dt-color-support-neutral-h: var(--dt-color-black-h);
2644
- --dt-color-support-neutral-s: var(--dt-color-black-s);
2645
- --dt-color-support-neutral-l: var(--dt-color-black-l);
2646
- --dt-color-support-error-02-h: var(--dt-color-black-h);
2647
- --dt-color-support-error-02-s: var(--dt-color-black-s);
2648
- --dt-color-support-error-02-l: var(--dt-color-black-l);
2649
- --dt-color-support-error-tonal-h: var(--dt-color-black-h);
2650
- --dt-color-support-error-tonal-s: var(--dt-color-black-s);
2651
- --dt-color-support-error-tonal-l: var(--dt-color-black-l);
2652
- --dt-color-support-warning-02-h: var(--dt-color-black-h);
2653
- --dt-color-support-warning-02-s: var(--dt-color-black-s);
2654
- --dt-color-support-warning-02-l: var(--dt-color-black-l);
2655
- --dt-color-support-warning-tonal-h: var(--dt-color-black-h);
2656
- --dt-color-support-warning-tonal-s: var(--dt-color-black-s);
2657
- --dt-color-support-warning-tonal-l: var(--dt-color-black-l);
2658
- --dt-color-support-positive-02-h: var(--dt-color-black-h);
2659
- --dt-color-support-positive-02-s: var(--dt-color-black-s);
2660
- --dt-color-support-positive-02-l: var(--dt-color-black-l);
2661
- --dt-color-support-positive-tonal-h: var(--dt-color-black-h);
2662
- --dt-color-support-positive-tonal-s: var(--dt-color-black-s);
2663
- --dt-color-support-positive-tonal-l: var(--dt-color-black-l);
2664
- --dt-color-support-info-02-h: var(--dt-color-black-h);
2665
- --dt-color-support-info-02-s: var(--dt-color-black-s);
2666
- --dt-color-support-info-02-l: var(--dt-color-black-l);
2667
- --dt-color-support-info-tonal-h: var(--dt-color-black-h);
2668
- --dt-color-support-info-tonal-s: var(--dt-color-black-s);
2669
- --dt-color-support-info-tonal-l: var(--dt-color-black-l);
2670
- --dt-color-support-info-inverse-h: var(--dt-color-blue-dark-hc-h);
2671
- --dt-color-support-info-inverse-s: var(--dt-color-blue-dark-hc-s);
2672
- --dt-color-support-info-inverse-l: var(--dt-color-blue-dark-hc-l);
2673
- --dt-color-support-positive-inverse-h: var(--dt-color-green-dark-hc-h);
2674
- --dt-color-support-positive-inverse-s: var(--dt-color-green-dark-hc-s);
2675
- --dt-color-support-positive-inverse-l: var(--dt-color-green-dark-hc-l);
2676
- --dt-color-support-neutral-persistent-h: var(--dt-color-black-h);
2677
- --dt-color-support-neutral-persistent-s: var(--dt-color-black-s);
2678
- --dt-color-support-neutral-persistent-l: var(--dt-color-black-l);
2679
- --dt-color-support-error-inverse-h: var(--dt-color-red-dark-hc-h);
2680
- --dt-color-support-error-inverse-s: var(--dt-color-red-dark-hc-s);
2681
- --dt-color-support-error-inverse-l: var(--dt-color-red-dark-hc-l);
2682
- --dt-color-support-warning-inverse-h: var(--dt-color-yellow-75-h);
2683
- --dt-color-support-warning-inverse-s: var(--dt-color-yellow-75-s);
2684
- --dt-color-support-warning-inverse-l: var(--dt-color-yellow-75-l);
2685
- --dt-color-support-brand-01-h: var(--dt-color-orange-30-h);
2686
- --dt-color-support-brand-01-s: var(--dt-color-orange-30-s);
2687
- --dt-color-support-brand-01-l: var(--dt-color-orange-30-l);
2688
- --dt-color-support-brand-02-h: var(--dt-color-black-h);
2689
- --dt-color-support-brand-02-s: var(--dt-color-black-s);
2690
- --dt-color-support-brand-02-l: var(--dt-color-black-l);
2691
- --dt-color-support-brand-03-h: var(--dt-color-black-h);
2692
- --dt-color-support-brand-03-s: var(--dt-color-black-s);
2693
- --dt-color-support-brand-03-l: var(--dt-color-black-l);
2694
- --dt-color-support-brand-03-subtle-h: var(--dt-color-cupcake-90-h);
2695
- --dt-color-support-brand-03-subtle-s: var(--dt-color-cupcake-90-s);
2696
- --dt-color-support-brand-03-subtle-l: var(--dt-color-cupcake-90-l);
2697
- --dt-color-support-brand-04-h: var(--dt-color-black-h);
2698
- --dt-color-support-brand-04-s: var(--dt-color-black-s);
2699
- --dt-color-support-brand-04-l: var(--dt-color-black-l);
2700
- --dt-color-support-brand-04-subtle-h: var(--dt-color-berry-90-h);
2701
- --dt-color-support-brand-04-subtle-s: var(--dt-color-berry-90-s);
2702
- --dt-color-support-brand-04-subtle-l: var(--dt-color-berry-90-l);
2703
- --dt-color-support-brand-05-h: var(--dt-color-black-h);
2704
- --dt-color-support-brand-05-s: var(--dt-color-black-s);
2705
- --dt-color-support-brand-05-l: var(--dt-color-black-l);
2706
- --dt-color-support-brand-05-subtle-h: var(--dt-color-turmeric-80-h);
2707
- --dt-color-support-brand-05-subtle-s: var(--dt-color-turmeric-80-s);
2708
- --dt-color-support-brand-05-subtle-l: var(--dt-color-turmeric-80-l);
2709
- --dt-color-support-brand-06-h: var(--dt-color-black-h);
2710
- --dt-color-support-brand-06-s: var(--dt-color-black-s);
2711
- --dt-color-support-brand-06-l: var(--dt-color-black-l);
2712
- --dt-color-support-brand-06-subtle-h: var(--dt-color-aubergine-80-h);
2713
- --dt-color-support-brand-06-subtle-s: var(--dt-color-aubergine-80-s);
2714
- --dt-color-support-brand-06-subtle-l: var(--dt-color-aubergine-80-l);
2715
- --dt-color-support-brand-07-h: var(--dt-color-black-h);
2716
- --dt-color-support-brand-07-s: var(--dt-color-black-s);
2717
- --dt-color-support-brand-07-l: var(--dt-color-black-l);
2718
- --dt-color-support-brand-07-subtle-h: var(--dt-color-tomato-90-h);
2719
- --dt-color-support-brand-07-subtle-s: var(--dt-color-tomato-90-s);
2720
- --dt-color-support-brand-07-subtle-l: var(--dt-color-tomato-90-l);
2721
- --dt-color-content-default-h: var(--dt-color-white-h);
2722
- --dt-color-content-default-s: var(--dt-color-white-s);
2723
- --dt-color-content-default-l: var(--dt-color-white-l);
2724
- --dt-color-content-subdued-h: var(--dt-color-white-h);
2725
- --dt-color-content-subdued-s: var(--dt-color-white-s);
2726
- --dt-color-content-subdued-l: var(--dt-color-white-l);
2727
- --dt-color-content-interactive-brand-h: var(--dt-color-orange-30-h);
2728
- --dt-color-content-interactive-brand-s: var(--dt-color-orange-30-s);
2729
- --dt-color-content-interactive-brand-l: var(--dt-color-orange-30-l);
2730
- --dt-color-content-interactive-light-h: var(--dt-color-white-h);
2731
- --dt-color-content-interactive-light-s: var(--dt-color-white-s);
2732
- --dt-color-content-interactive-light-l: var(--dt-color-white-l);
2733
- --dt-color-content-interactive-primary-h: var(--dt-color-black-h);
2734
- --dt-color-content-interactive-primary-s: var(--dt-color-black-s);
2735
- --dt-color-content-interactive-primary-l: var(--dt-color-black-l);
2736
- --dt-color-content-interactive-secondary-h: var(--dt-color-white-h);
2737
- --dt-color-content-interactive-secondary-s: var(--dt-color-white-s);
2738
- --dt-color-content-interactive-secondary-l: var(--dt-color-white-l);
2739
- --dt-color-content-interactive-tertiary-h: var(--dt-color-white-h);
2740
- --dt-color-content-interactive-tertiary-s: var(--dt-color-white-s);
2741
- --dt-color-content-interactive-tertiary-l: var(--dt-color-white-l);
2742
- --dt-color-content-interactive-subdued-h: var(--dt-color-white-h);
2743
- --dt-color-content-interactive-subdued-s: var(--dt-color-white-s);
2744
- --dt-color-content-interactive-subdued-l: var(--dt-color-white-l);
2745
- --dt-color-content-interactive-inverse-h: var(--dt-color-white-h);
2746
- --dt-color-content-interactive-inverse-s: var(--dt-color-white-s);
2747
- --dt-color-content-interactive-inverse-l: var(--dt-color-white-l);
2748
- --dt-color-content-interactive-dark-h: var(--dt-color-black-h);
2749
- --dt-color-content-interactive-dark-s: var(--dt-color-black-s);
2750
- --dt-color-content-interactive-dark-l: var(--dt-color-black-l);
2751
- --dt-color-content-interactive-error-h: var(--dt-color-red-light-hc-h);
2752
- --dt-color-content-interactive-error-s: var(--dt-color-red-light-hc-s);
2753
- --dt-color-content-interactive-error-l: var(--dt-color-red-light-hc-l);
2754
- --dt-color-content-light-h: var(--dt-color-white-h);
2755
- --dt-color-content-light-s: var(--dt-color-white-s);
2756
- --dt-color-content-light-l: var(--dt-color-white-l);
2757
- --dt-color-content-dark-h: var(--dt-color-black-h);
2758
- --dt-color-content-dark-s: var(--dt-color-black-s);
2759
- --dt-color-content-dark-l: var(--dt-color-black-l);
2760
- --dt-color-content-inverse-h: var(--dt-color-black-h);
2761
- --dt-color-content-inverse-s: var(--dt-color-black-s);
2762
- --dt-color-content-inverse-l: var(--dt-color-black-l);
2763
- --dt-color-content-link-h: var(--dt-color-white-h);
2764
- --dt-color-content-link-s: var(--dt-color-white-s);
2765
- --dt-color-content-link-l: var(--dt-color-white-l);
2766
- --dt-color-content-link-distinct-h: var(--dt-color-blue-light-hc-h);
2767
- --dt-color-content-link-distinct-s: var(--dt-color-blue-light-hc-s);
2768
- --dt-color-content-link-distinct-l: var(--dt-color-blue-light-hc-l);
2769
- --dt-color-content-link-light-h: var(--dt-color-white-h);
2770
- --dt-color-content-link-light-s: var(--dt-color-white-s);
2771
- --dt-color-content-link-light-l: var(--dt-color-white-l);
2772
- --dt-color-content-link-inverse-h: var(--dt-color-black-h);
2773
- --dt-color-content-link-inverse-s: var(--dt-color-black-s);
2774
- --dt-color-content-link-inverse-l: var(--dt-color-black-l);
2775
- --dt-color-content-link-visited-h: var(--dt-color-system-purple-10-h);
2776
- --dt-color-content-link-visited-s: var(--dt-color-system-purple-10-s);
2777
- --dt-color-content-link-visited-l: var(--dt-color-system-purple-10-l);
2778
- --dt-color-content-link-visited-inverse-h: var(--dt-color-system-purple-h);
2779
- --dt-color-content-link-visited-inverse-s: var(--dt-color-system-purple-s);
2780
- --dt-color-content-link-visited-inverse-l: var(--dt-color-system-purple-l);
2781
- --dt-color-content-error-h: var(--dt-color-red-light-hc-h);
2782
- --dt-color-content-error-s: var(--dt-color-red-light-hc-s);
2783
- --dt-color-content-error-l: var(--dt-color-red-light-hc-l);
2784
- --dt-color-content-placeholder-h: var(--dt-color-charcoal-50-h);
2785
- --dt-color-content-placeholder-s: var(--dt-color-charcoal-50-s);
2786
- --dt-color-content-placeholder-l: var(--dt-color-charcoal-50-l);
2787
- --dt-color-content-positive-h: var(--dt-color-green-light-hc-h);
2788
- --dt-color-content-positive-s: var(--dt-color-green-light-hc-s);
2789
- --dt-color-content-positive-l: var(--dt-color-green-light-hc-l);
2790
- --dt-color-content-disabled-h: var(--dt-color-charcoal-50-h);
2791
- --dt-color-content-disabled-s: var(--dt-color-charcoal-50-s);
2792
- --dt-color-content-disabled-l: var(--dt-color-charcoal-50-l);
2793
- --dt-color-content-brand-h: var(--dt-color-orange-30-h);
2794
- --dt-color-content-brand-s: var(--dt-color-orange-30-s);
2795
- --dt-color-content-brand-l: var(--dt-color-orange-30-l);
2796
- --dt-color-focus-inner-h: var(--dt-color-black-h);
2797
- --dt-color-focus-inner-s: var(--dt-color-black-s);
2798
- --dt-color-focus-inner-l: var(--dt-color-black-l);
2799
- --dt-color-focus-outer-h: var(--dt-color-blue-30-h);
2800
- --dt-color-focus-outer-s: var(--dt-color-blue-30-s);
2801
- --dt-color-focus-outer-l: var(--dt-color-blue-30-l);
2802
- --dt-color-disabled-01-h: var(--dt-color-truffle-80-h);
2803
- --dt-color-disabled-01-s: var(--dt-color-truffle-80-s);
2804
- --dt-color-disabled-01-l: var(--dt-color-truffle-80-l);
2805
- --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-20-h);
2806
- --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-20-s);
2807
- --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-20-l);
2808
- --dt-color-skeleton-01-h: var(--dt-color-truffle-80-h);
2809
- --dt-color-skeleton-01-s: var(--dt-color-truffle-80-s);
2810
- --dt-color-skeleton-01-l: var(--dt-color-truffle-80-l);
2811
- --dt-color-skeleton-02-h: var(--dt-color-truffle-100-h);
2812
- --dt-color-skeleton-02-s: var(--dt-color-truffle-100-s);
2813
- --dt-color-skeleton-02-l: var(--dt-color-truffle-100-l);
2814
- --dt-color-skeleton-03-h: var(--dt-color-truffle-90-h);
2815
- --dt-color-skeleton-03-s: var(--dt-color-truffle-90-s);
2816
- --dt-color-skeleton-03-l: var(--dt-color-truffle-90-l);
2817
- --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-75-h);
2818
- --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-75-s);
2819
- --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-75-l);
2820
- --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-70-h);
2821
- --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-70-s);
2822
- --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-70-l);
2823
- --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-80-h);
2824
- --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-80-s);
2825
- --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-80-l);
2826
- }
2827
- }
2828
2679
  :root {
2829
2680
  --pie-animation-slide-translate-start: -100%;
2830
2681
  }