@justeattakeaway/pie-css 0.19.0 → 0.20.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 +568 -400
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -10,12 +10,15 @@
10
10
  --dt-color-berry-70: #98696f;
11
11
  --dt-color-berry-90: #4c3437;
12
12
  --dt-color-black: #000;
13
- --dt-color-blue: #125fca;
14
- --dt-color-blue-10: #dbeaff;
13
+ --dt-color-blue: #3147ad;
14
+ --dt-color-blue-10: #ced7f8;
15
15
  --dt-color-blue-25: #c1dade;
16
- --dt-color-blue-30: #7aadf6;
16
+ --dt-color-blue-30: #9eaef0;
17
+ --dt-color-blue-5: #e4e9fb;
17
18
  --dt-color-blue-70: #094dac;
18
- --dt-color-blue-90: #083343;
19
+ --dt-color-blue-75: #2b3e97;
20
+ --dt-color-blue-80: #1e2c6b;
21
+ --dt-color-blue-90: #17214f;
19
22
  --dt-color-blue-dark-hc: #1054b4;
20
23
  --dt-color-blue-light-hc: #8bbcfe;
21
24
  --dt-color-charcoal-30: #d7d9da;
@@ -31,10 +34,12 @@
31
34
  --dt-color-cupcake-70: #6a787a;
32
35
  --dt-color-cupcake-80: #4c5657;
33
36
  --dt-color-cupcake-90: #254043;
34
- --dt-color-green: #017a39;
35
- --dt-color-green-10: #cff7e1;
36
- --dt-color-green-30: #22bf65;
37
- --dt-color-green-90: #273f33;
37
+ --dt-color-green: #2b7836;
38
+ --dt-color-green-10: #b4e4bb;
39
+ --dt-color-green-30: #68ca77;
40
+ --dt-color-green-5: #ceeed3;
41
+ --dt-color-green-80: #024c23;
42
+ --dt-color-green-90: #023d1c;
38
43
  --dt-color-green-dark-hc: #196634;
39
44
  --dt-color-green-light-hc: #26d46e;
40
45
  --dt-color-latte-10: #f1e3c9;
@@ -64,12 +69,15 @@
64
69
  --dt-color-orange-dark-hc: #a33100;
65
70
  --dt-color-purple: #5b3d5b;
66
71
  --dt-color-purple-light-hc: #ba98ba;
67
- --dt-color-red: #d50525;
68
- --dt-color-red-10: #ffd3cc;
72
+ --dt-color-red: #cc0300;
73
+ --dt-color-red-10: #ffbbba;
74
+ --dt-color-red-100: #47121b;
69
75
  --dt-color-red-25: #f2a6b0;
70
- --dt-color-red-30: #f68179;
76
+ --dt-color-red-30: #f85c59;
71
77
  --dt-color-red-40: #e22c3e;
72
- --dt-color-red-90: #491e24;
78
+ --dt-color-red-5: #ffd2d1;
79
+ --dt-color-red-50: #d60e0a;
80
+ --dt-color-red-90: #5c0200;
73
81
  --dt-color-red-dark-hc: #a4041f;
74
82
  --dt-color-red-light-hc: #ff7a80;
75
83
  --dt-color-system-purple: #800080;
@@ -92,44 +100,61 @@
92
100
  --dt-color-tomato-5: #ffd3bf;
93
101
  --dt-color-tomato-50: #f75e28;
94
102
  --dt-color-tomato-90: #622b18;
103
+ --dt-color-truffle-10: #f6f3ef;
104
+ --dt-color-truffle-100: #1c1a17;
105
+ --dt-color-truffle-20: #f0ece6;
106
+ --dt-color-truffle-30: #e7e2da;
107
+ --dt-color-truffle-5: #fdfdfb;
108
+ --dt-color-truffle-55: #beb7ac;
109
+ --dt-color-truffle-65: #8c867e;
110
+ --dt-color-truffle-70: #59564f;
111
+ --dt-color-truffle-75: #4c4843;
112
+ --dt-color-truffle-80: #3f3d39;
113
+ --dt-color-truffle-85: #353431;
114
+ --dt-color-truffle-90: #2b2a28;
95
115
  --dt-color-turmeric-10: #fceac0;
96
116
  --dt-color-turmeric-5: #fdf2d8;
97
117
  --dt-color-turmeric-60: #b48c32;
98
118
  --dt-color-turmeric-70: #917228;
99
119
  --dt-color-turmeric-80: #644f1c;
100
120
  --dt-color-white: #fff;
101
- --dt-color-yellow: #f6c243;
102
- --dt-color-yellow-10: #fff9df;
103
- --dt-color-yellow-90: #474630;
121
+ --dt-color-yellow: #ffd600;
122
+ --dt-color-yellow-10: #fff8d6;
123
+ --dt-color-yellow-30: #ffeb80;
124
+ --dt-color-yellow-40: #ffde33;
125
+ --dt-color-yellow-75: #a38900;
126
+ --dt-color-yellow-80: #6b5a00;
127
+ --dt-color-yellow-90: #574a00;
104
128
  --dt-color-yellow-dark-hc: #685731;
105
129
  /* Alias tokens - Color */
106
130
  /* Default color theme */
107
- --dt-color-background-default: var(--dt-color-mozzarella-5);
108
- --dt-color-background-subtle: var(--dt-color-mozzarella-10);
109
- --dt-color-background-dark: var(--dt-color-mozzarella-100);
131
+ --dt-color-background-default: var(--dt-color-truffle-5);
132
+ --dt-color-background-subtle: var(--dt-color-truffle-10);
133
+ --dt-color-background-dark: var(--dt-color-truffle-100);
110
134
  --dt-color-container-default: var(--dt-color-white);
111
- --dt-color-container-subtle: var(--dt-color-mozzarella-10);
112
- --dt-color-container-strong: var(--dt-color-mozzarella-20);
113
- --dt-color-container-dark: var(--dt-color-mozzarella-90);
135
+ --dt-color-container-subtle: var(--dt-color-truffle-10);
136
+ --dt-color-container-strong: var(--dt-color-truffle-20);
137
+ --dt-color-container-dark: var(--dt-color-truffle-90);
114
138
  --dt-color-container-light: var(--dt-color-white);
115
- --dt-color-container-inverse: var(--dt-color-mozzarella-90);
116
- --dt-color-container-inverse-alternative: var(--dt-color-mozzarella-90);
117
- --dt-color-border-default: var(--dt-color-mozzarella-20);
118
- --dt-color-border-subtle: var(--dt-color-mozzarella-10);
119
- --dt-color-border-strong: var(--dt-color-mozzarella-30);
120
- --dt-color-border-inverse: var(--dt-color-mozzarella-70);
121
- --dt-color-border-selected: var(--dt-color-mozzarella-50);
139
+ --dt-color-container-inverse: var(--dt-color-truffle-90);
140
+ --dt-color-container-inverse-alternative: var(--dt-color-truffle-90);
141
+ --dt-color-border-default: var(--dt-color-truffle-20);
142
+ --dt-color-border-subtle: var(--dt-color-truffle-10);
143
+ --dt-color-border-strong: var(--dt-color-truffle-30);
144
+ --dt-color-border-inverse: var(--dt-color-truffle-70);
145
+ --dt-color-border-selected: var(--dt-color-truffle-75);
122
146
  --dt-color-border-selected-brand: var(--dt-color-orange);
123
- --dt-color-border-form: var(--dt-color-mozzarella-55);
147
+ --dt-color-border-form: var(--dt-color-truffle-65);
148
+ --dt-color-border-neutral: var(--dt-color-white);
124
149
  --dt-color-border-decorative-brand: var(--dt-color-orange-30);
125
150
  --dt-color-divider-default: rgb(0,0,0,0.08);
126
151
  --dt-color-divider-inverse: rgb(255,255,255,0.20);
127
152
  --dt-color-interactive-brand: var(--dt-color-orange);
128
- --dt-color-interactive-primary: var(--dt-color-mozzarella-90);
129
- --dt-color-interactive-secondary: var(--dt-color-mozzarella-10);
153
+ --dt-color-interactive-primary: var(--dt-color-truffle-90);
154
+ --dt-color-interactive-secondary: var(--dt-color-truffle-10);
130
155
  --dt-color-interactive-inverse: var(--dt-color-white);
131
156
  --dt-color-interactive-light: var(--dt-color-white);
132
- --dt-color-interactive-form: var(--dt-color-mozzarella-60);
157
+ --dt-color-interactive-form: var(--dt-color-truffle-65);
133
158
  --dt-color-interactive-error: var(--dt-color-red);
134
159
  --dt-color-overlay: rgb(0,0,0,0.55);
135
160
  --dt-color-transparent: rgb(255,255,255,0);
@@ -137,16 +162,20 @@
137
162
  --dt-color-support-warning: var(--dt-color-yellow);
138
163
  --dt-color-support-positive: var(--dt-color-green);
139
164
  --dt-color-support-info: var(--dt-color-blue);
140
- --dt-color-support-neutral: var(--dt-color-mozzarella-20);
165
+ --dt-color-support-neutral: var(--dt-color-truffle-20);
141
166
  --dt-color-support-error-02: var(--dt-color-red-10);
142
- --dt-color-support-warning-02: var(--dt-color-yellow-10);
167
+ --dt-color-support-error-tonal: var(--dt-color-red-5);
168
+ --dt-color-support-warning-02: var(--dt-color-yellow-30);
169
+ --dt-color-support-warning-tonal: var(--dt-color-yellow-10);
143
170
  --dt-color-support-positive-02: var(--dt-color-green-10);
171
+ --dt-color-support-positive-tonal: var(--dt-color-green-5);
144
172
  --dt-color-support-info-02: var(--dt-color-blue-10);
173
+ --dt-color-support-info-tonal: var(--dt-color-blue-5);
145
174
  --dt-color-support-info-inverse: var(--dt-color-blue-30);
146
175
  --dt-color-support-positive-inverse: var(--dt-color-green-30);
147
- --dt-color-support-neutral-persistent: var(--dt-color-mozzarella-20);
148
- --dt-color-support-error-inverse: var(--dt-color-red-40);
149
- --dt-color-support-warning-inverse: var(--dt-color-yellow);
176
+ --dt-color-support-neutral-persistent: var(--dt-color-truffle-20);
177
+ --dt-color-support-error-inverse: var(--dt-color-red-30);
178
+ --dt-color-support-warning-inverse: var(--dt-color-yellow-40);
150
179
  --dt-color-support-brand-01: var(--dt-color-orange-30);
151
180
  --dt-color-support-brand-02: var(--dt-color-orange-10);
152
181
  --dt-color-support-brand-03: var(--dt-color-blue-25);
@@ -210,15 +239,15 @@
210
239
  --dt-color-resting-bg: #fff;
211
240
  --dt-color-resting: 0%;
212
241
  --dt-color-focus-inner: var(--dt-color-white);
213
- --dt-color-focus-outer: var(--dt-color-blue-70);
214
- --dt-color-disabled-01: var(--dt-color-mozzarella-20);
215
- --dt-color-disabled-01-inverse: var(--dt-color-mozzarella-80);
216
- --dt-color-skeleton-01: var(--dt-color-mozzarella-10);
217
- --dt-color-skeleton-02: var(--dt-color-mozzarella-20);
242
+ --dt-color-focus-outer: var(--dt-color-blue-75);
243
+ --dt-color-disabled-01: var(--dt-color-truffle-20);
244
+ --dt-color-disabled-01-inverse: var(--dt-color-truffle-80);
245
+ --dt-color-skeleton-01: var(--dt-color-truffle-10);
246
+ --dt-color-skeleton-02: var(--dt-color-truffle-20);
218
247
  --dt-color-skeleton-03: var(--dt-color-white);
219
- --dt-color-skeleton-shimmer-01: var(--dt-color-mozzarella-5);
220
- --dt-color-skeleton-shimmer-02: var(--dt-color-mozzarella-5);
221
- --dt-color-skeleton-shimmer-03: var(--dt-color-mozzarella-10);
248
+ --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-5);
249
+ --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-5);
250
+ --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-10);
222
251
  --dt-color-thirdparty-apple-container-primary: var(--dt-color-black);
223
252
  --dt-color-thirdparty-apple-content-primary: var(--dt-color-white);
224
253
  --dt-color-thirdparty-apple-container-secondary: var(--dt-color-white);
@@ -582,7 +611,7 @@
582
611
  --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%);
583
612
  --dt-gradient-jetplus-brand-02: linear-gradient(140deg, var(--dt-color-orange-10) 0%, var(--dt-color-orange-20) 40%, var(--dt-color-tomato-30) 100%);
584
613
  --dt-gradient-jetplus-brand-03: linear-gradient(140deg, var(--dt-color-orange-0) 0%, var(--dt-color-orange-10) 40%, var(--dt-color-tomato-5) 100%);
585
- --dt-gradient-jetplus-support-01: linear-gradient(180deg, var(--dt-color-mozzarella-20) 0%, var(--dt-color-mozzarella-5) 40%, var(--dt-color-mozzarella-5) 100%);
614
+ --dt-gradient-jetplus-support-01: linear-gradient(180deg, var(--dt-color-truffle-20) 0%, var(--dt-color-truffle-5) 40%, var(--dt-color-truffle-5) 100%);
586
615
  --dt-gradient-jetplus-support-02: linear-gradient(180deg, var(--dt-color-orange-10) 0%, var(--dt-color-transparent) 40%, var(--dt-color-transparent) 100%);
587
616
  --dt-gradient-ai-container-default: linear-gradient(140deg, var(--dt-color-cupcake-10) 40%, var(--dt-color-aubergine-5) 100%);
588
617
  --dt-gradient-ai-border-default: linear-gradient(140deg, var(--dt-color-cupcake-40) 40%, var(--dt-color-aubergine-30) 100%);
@@ -615,7 +644,7 @@ html[data-highcontrast-enabled] {
615
644
  --dt-color-interactive-inverse: var(--dt-color-white);
616
645
  --dt-color-interactive-light: var(--dt-color-white);
617
646
  --dt-color-interactive-form: var(--dt-color-black);
618
- --dt-color-interactive-error: var(--dt-color-red);
647
+ --dt-color-interactive-error: var(--dt-color-red-50);
619
648
  --dt-color-overlay: rgb(0,0,0,0.55);
620
649
  --dt-color-transparent: rgb(255,255,255,0);
621
650
  --dt-color-support-error: var(--dt-color-red-dark-hc);
@@ -624,9 +653,13 @@ html[data-highcontrast-enabled] {
624
653
  --dt-color-support-info: var(--dt-color-blue-dark-hc);
625
654
  --dt-color-support-neutral: var(--dt-color-white);
626
655
  --dt-color-support-error-02: var(--dt-color-white);
656
+ --dt-color-support-error-tonal: var(--dt-color-white);
627
657
  --dt-color-support-warning-02: var(--dt-color-white);
658
+ --dt-color-support-warning-tonal: var(--dt-color-white);
628
659
  --dt-color-support-positive-02: var(--dt-color-white);
660
+ --dt-color-support-positive-tonal: var(--dt-color-white);
629
661
  --dt-color-support-info-02: var(--dt-color-white);
662
+ --dt-color-support-info-tonal: var(--dt-color-white);
630
663
  --dt-color-support-info-inverse: var(--dt-color-blue-light-hc);
631
664
  --dt-color-support-positive-inverse: var(--dt-color-green-light-hc);
632
665
  --dt-color-support-neutral-persistent: var(--dt-color-white);
@@ -695,62 +728,67 @@ html[data-highcontrast-enabled] {
695
728
  --dt-color-resting-bg: #fff;
696
729
  --dt-color-resting: 0%;
697
730
  --dt-color-focus-inner: var(--dt-color-white);
698
- --dt-color-focus-outer: var(--dt-color-blue-70);
699
- --dt-color-disabled-01: var(--dt-color-mozzarella-20);
700
- --dt-color-disabled-01-inverse: var(--dt-color-mozzarella-80);
701
- --dt-color-skeleton-01: var(--dt-color-mozzarella-10);
702
- --dt-color-skeleton-02: var(--dt-color-mozzarella-20);
731
+ --dt-color-focus-outer: var(--dt-color-blue-30);
732
+ --dt-color-disabled-01: var(--dt-color-truffle-20);
733
+ --dt-color-disabled-01-inverse: var(--dt-color-truffle-80);
734
+ --dt-color-skeleton-01: var(--dt-color-truffle-10);
735
+ --dt-color-skeleton-02: var(--dt-color-truffle-20);
703
736
  --dt-color-skeleton-03: var(--dt-color-white);
704
- --dt-color-skeleton-shimmer-01: var(--dt-color-mozzarella-5);
705
- --dt-color-skeleton-shimmer-02: var(--dt-color-mozzarella-5);
706
- --dt-color-skeleton-shimmer-03: var(--dt-color-mozzarella-10);
737
+ --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-5);
738
+ --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-5);
739
+ --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-10);
707
740
  }
708
741
  /* Dark color theme */
709
742
  @media (prefers-color-scheme: dark) {
710
743
  html[data-darkmode-enabled] {
711
- --dt-color-background-default: var(--dt-color-mozzarella-100);
712
- --dt-color-background-subtle: var(--dt-color-mozzarella-80);
713
- --dt-color-background-dark: var(--dt-color-white);
714
- --dt-color-container-default: var(--dt-color-mozzarella-90);
715
- --dt-color-container-subtle: var(--dt-color-mozzarella-80);
716
- --dt-color-container-strong: var(--dt-color-mozzarella-70);
717
- --dt-color-container-dark: var(--dt-color-mozzarella-90);
744
+ --dt-color-background-default: var(--dt-color-truffle-100);
745
+ --dt-color-background-subtle: var(--dt-color-truffle-80);
746
+ --dt-color-background-dark: var(--dt-color-truffle-5);
747
+ --dt-color-container-default: var(--dt-color-truffle-90);
748
+ --dt-color-container-subtle: var(--dt-color-truffle-80);
749
+ --dt-color-container-strong: var(--dt-color-truffle-70);
750
+ --dt-color-container-dark: var(--dt-color-truffle-90);
718
751
  --dt-color-container-light: var(--dt-color-white);
719
752
  --dt-color-container-inverse: var(--dt-color-white);
720
- --dt-color-container-inverse-alternative: var(--dt-color-mozzarella-70);
721
- --dt-color-border-default: var(--dt-color-mozzarella-70);
722
- --dt-color-border-subtle: var(--dt-color-mozzarella-75);
723
- --dt-color-border-strong: var(--dt-color-mozzarella-60);
724
- --dt-color-border-inverse: var(--dt-color-mozzarella-20);
725
- --dt-color-border-selected: var(--dt-color-mozzarella-30);
753
+ --dt-color-container-inverse-alternative: var(--dt-color-truffle-70);
754
+ --dt-color-border-default: var(--dt-color-truffle-70);
755
+ --dt-color-border-subtle: var(--dt-color-truffle-75);
756
+ --dt-color-border-strong: var(--dt-color-truffle-65);
757
+ --dt-color-border-inverse: var(--dt-color-truffle-20);
758
+ --dt-color-border-selected: var(--dt-color-truffle-30);
726
759
  --dt-color-border-selected-brand: var(--dt-color-orange);
727
- --dt-color-border-form: var(--dt-color-mozzarella-50);
760
+ --dt-color-border-form: var(--dt-color-truffle-55);
761
+ --dt-color-border-neutral: var(--dt-color-truffle-80);
728
762
  --dt-color-border-decorative-brand: var(--dt-color-orange-30);
729
763
  --dt-color-divider-default: rgb(255,255,255,0.20);
730
764
  --dt-color-divider-inverse: rgb(0,0,0,0.08);
731
765
  --dt-color-interactive-brand: var(--dt-color-orange);
732
766
  --dt-color-interactive-primary: var(--dt-color-white);
733
- --dt-color-interactive-secondary: var(--dt-color-mozzarella-75);
734
- --dt-color-interactive-inverse: var(--dt-color-mozzarella-90);
767
+ --dt-color-interactive-secondary: var(--dt-color-truffle-75);
768
+ --dt-color-interactive-inverse: var(--dt-color-truffle-90);
735
769
  --dt-color-interactive-light: var(--dt-color-white);
736
- --dt-color-interactive-form: var(--dt-color-mozzarella-50);
737
- --dt-color-interactive-error: var(--dt-color-red-40);
770
+ --dt-color-interactive-form: var(--dt-color-truffle-55);
771
+ --dt-color-interactive-error: var(--dt-color-red-50);
738
772
  --dt-color-overlay: rgb(0,0,0,0.55);
739
773
  --dt-color-transparent: rgb(255,255,255,0);
740
- --dt-color-support-error: var(--dt-color-red-40);
741
- --dt-color-support-warning: var(--dt-color-yellow);
774
+ --dt-color-support-error: var(--dt-color-red-50);
775
+ --dt-color-support-warning: var(--dt-color-yellow-40);
742
776
  --dt-color-support-positive: var(--dt-color-green-30);
743
777
  --dt-color-support-info: var(--dt-color-blue-30);
744
- --dt-color-support-neutral: var(--dt-color-mozzarella-100);
778
+ --dt-color-support-neutral: var(--dt-color-truffle-100);
745
779
  --dt-color-support-error-02: var(--dt-color-red-90);
746
- --dt-color-support-warning-02: var(--dt-color-yellow-90);
747
- --dt-color-support-positive-02: var(--dt-color-green-90);
748
- --dt-color-support-info-02: var(--dt-color-blue-90);
780
+ --dt-color-support-error-tonal: var(--dt-color-red-100);
781
+ --dt-color-support-warning-02: var(--dt-color-yellow-80);
782
+ --dt-color-support-warning-tonal: var(--dt-color-yellow-90);
783
+ --dt-color-support-positive-02: var(--dt-color-green-80);
784
+ --dt-color-support-positive-tonal: var(--dt-color-green-90);
785
+ --dt-color-support-info-02: var(--dt-color-blue-80);
786
+ --dt-color-support-info-tonal: var(--dt-color-blue-90);
749
787
  --dt-color-support-info-inverse: var(--dt-color-blue);
750
788
  --dt-color-support-positive-inverse: var(--dt-color-green);
751
- --dt-color-support-neutral-persistent: var(--dt-color-mozzarella-20);
789
+ --dt-color-support-neutral-persistent: var(--dt-color-truffle-20);
752
790
  --dt-color-support-error-inverse: var(--dt-color-red);
753
- --dt-color-support-warning-inverse: var(--dt-color-turmeric-60);
791
+ --dt-color-support-warning-inverse: var(--dt-color-yellow-75);
754
792
  --dt-color-support-brand-01: var(--dt-color-orange-30);
755
793
  --dt-color-support-brand-02: var(--dt-color-orange-75);
756
794
  --dt-color-support-brand-03: var(--dt-color-blue-25);
@@ -780,19 +818,19 @@ html[data-highcontrast-enabled] {
780
818
  --dt-color-content-interactive-subdued: var(--dt-color-charcoal-40);
781
819
  --dt-color-content-interactive-inverse: var(--dt-color-white);
782
820
  --dt-color-content-interactive-dark: var(--dt-color-charcoal-80);
783
- --dt-color-content-interactive-error: var(--dt-color-red-30);
821
+ --dt-color-content-interactive-error: var(--dt-color-red-10);
784
822
  --dt-color-content-light: var(--dt-color-white);
785
823
  --dt-color-content-dark: var(--dt-color-charcoal-80);
786
824
  --dt-color-content-inverse: var(--dt-color-charcoal-80);
787
825
  --dt-color-content-link: var(--dt-color-white);
788
- --dt-color-content-link-distinct: var(--dt-color-blue-30);
826
+ --dt-color-content-link-distinct: var(--dt-color-blue-10);
789
827
  --dt-color-content-link-light: var(--dt-color-white);
790
828
  --dt-color-content-link-inverse: var(--dt-color-charcoal-80);
791
829
  --dt-color-content-link-visited: var(--dt-color-system-purple-10);
792
830
  --dt-color-content-link-visited-inverse: var(--dt-color-system-purple);
793
- --dt-color-content-error: var(--dt-color-red-30);
831
+ --dt-color-content-error: var(--dt-color-red-10);
794
832
  --dt-color-content-placeholder: var(--dt-color-charcoal-50);
795
- --dt-color-content-positive: var(--dt-color-green-30);
833
+ --dt-color-content-positive: var(--dt-color-green-10);
796
834
  --dt-color-content-disabled: var(--dt-color-charcoal-50);
797
835
  --dt-color-content-brand: var(--dt-color-orange-30);
798
836
  --dt-color-hover-01-bg: #fff;
@@ -815,14 +853,14 @@ html[data-highcontrast-enabled] {
815
853
  --dt-color-resting: 0%;
816
854
  --dt-color-focus-inner: var(--dt-color-black);
817
855
  --dt-color-focus-outer: var(--dt-color-blue-30);
818
- --dt-color-disabled-01: var(--dt-color-mozzarella-80);
819
- --dt-color-disabled-01-inverse: var(--dt-color-mozzarella-20);
820
- --dt-color-skeleton-01: var(--dt-color-mozzarella-80);
821
- --dt-color-skeleton-02: var(--dt-color-mozzarella-75);
822
- --dt-color-skeleton-03: var(--dt-color-mozzarella-90);
823
- --dt-color-skeleton-shimmer-01: var(--dt-color-mozzarella-75);
824
- --dt-color-skeleton-shimmer-02: var(--dt-color-mozzarella-70);
825
- --dt-color-skeleton-shimmer-03: var(--dt-color-mozzarella-80);
856
+ --dt-color-disabled-01: var(--dt-color-truffle-80);
857
+ --dt-color-disabled-01-inverse: var(--dt-color-truffle-20);
858
+ --dt-color-skeleton-01: var(--dt-color-truffle-80);
859
+ --dt-color-skeleton-02: var(--dt-color-truffle-75);
860
+ --dt-color-skeleton-03: var(--dt-color-truffle-90);
861
+ --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-75);
862
+ --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-70);
863
+ --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-80);
826
864
  --dt-color-thirdparty-apple-container-primary: var(--dt-color-white);
827
865
  --dt-color-thirdparty-apple-content-primary: var(--dt-color-black);
828
866
  --dt-color-thirdparty-apple-container-secondary: var(--dt-color-black);
@@ -888,9 +926,13 @@ html[data-highcontrast-enabled] {
888
926
  --dt-color-support-info: var(--dt-color-blue-light-hc);
889
927
  --dt-color-support-neutral: var(--dt-color-black);
890
928
  --dt-color-support-error-02: var(--dt-color-black);
929
+ --dt-color-support-error-tonal: var(--dt-color-black);
891
930
  --dt-color-support-warning-02: var(--dt-color-black);
931
+ --dt-color-support-warning-tonal: var(--dt-color-black);
892
932
  --dt-color-support-positive-02: var(--dt-color-black);
933
+ --dt-color-support-positive-tonal: var(--dt-color-black);
893
934
  --dt-color-support-info-02: var(--dt-color-black);
935
+ --dt-color-support-info-tonal: var(--dt-color-black);
894
936
  --dt-color-support-info-inverse: var(--dt-color-blue-dark-hc);
895
937
  --dt-color-support-positive-inverse: var(--dt-color-green-dark-hc);
896
938
  --dt-color-support-neutral-persistent: var(--dt-color-black);
@@ -953,14 +995,14 @@ html[data-highcontrast-enabled] {
953
995
  --dt-color-resting: 0%;
954
996
  --dt-color-focus-inner: var(--dt-color-black);
955
997
  --dt-color-focus-outer: var(--dt-color-blue-30);
956
- --dt-color-disabled-01: var(--dt-color-mozzarella-80);
957
- --dt-color-disabled-01-inverse: var(--dt-color-mozzarella-20);
958
- --dt-color-skeleton-01: var(--dt-color-mozzarella-80);
959
- --dt-color-skeleton-02: var(--dt-color-mozzarella-100);
960
- --dt-color-skeleton-03: var(--dt-color-mozzarella-90);
961
- --dt-color-skeleton-shimmer-01: var(--dt-color-mozzarella-75);
962
- --dt-color-skeleton-shimmer-02: var(--dt-color-mozzarella-70);
963
- --dt-color-skeleton-shimmer-03: var(--dt-color-mozzarella-80);
998
+ --dt-color-disabled-01: var(--dt-color-truffle-80);
999
+ --dt-color-disabled-01-inverse: var(--dt-color-truffle-20);
1000
+ --dt-color-skeleton-01: var(--dt-color-truffle-80);
1001
+ --dt-color-skeleton-02: var(--dt-color-truffle-100);
1002
+ --dt-color-skeleton-03: var(--dt-color-truffle-90);
1003
+ --dt-color-skeleton-shimmer-01: var(--dt-color-truffle-75);
1004
+ --dt-color-skeleton-shimmer-02: var(--dt-color-truffle-70);
1005
+ --dt-color-skeleton-shimmer-03: var(--dt-color-truffle-80);
964
1006
  }
965
1007
  }
966
1008
  /* Dark elevation theme */
@@ -992,7 +1034,7 @@ html[data-highcontrast-enabled] {
992
1034
  --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%);
993
1035
  --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%);
994
1036
  --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%);
995
- --dt-gradient-jetplus-support-01: linear-gradient(180deg, var(--dt-color-mozzarella-70) 0%, var(--dt-color-mozzarella-100) 40%, var(--dt-color-mozzarella-100) 100%);
1037
+ --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%);
996
1038
  --dt-gradient-jetplus-support-02: linear-gradient(180deg, var(--dt-color-orange-75) 0%, var(--dt-color-transparent) 40%, var(--dt-color-transparent) 100%);
997
1039
  --dt-gradient-ai-container-default: linear-gradient(140deg, var(--dt-color-cupcake-80) 40%, var(--dt-color-purple) 100%);
998
1040
  --dt-gradient-ai-border-default: linear-gradient(140deg, var(--dt-color-cupcake-40) 40%, var(--dt-color-aubergine-30) 100%);
@@ -1029,24 +1071,33 @@ html[data-highcontrast-enabled] {
1029
1071
  --dt-color-black-h: 0;
1030
1072
  --dt-color-black-s: 0%;
1031
1073
  --dt-color-black-l: 0%;
1032
- --dt-color-blue-h: 215;
1033
- --dt-color-blue-s: 83.6%;
1034
- --dt-color-blue-l: 43.1%;
1035
- --dt-color-blue-10-h: 215;
1036
- --dt-color-blue-10-s: 100%;
1037
- --dt-color-blue-10-l: 92.9%;
1074
+ --dt-color-blue-h: 229;
1075
+ --dt-color-blue-s: 55.9%;
1076
+ --dt-color-blue-l: 43.5%;
1077
+ --dt-color-blue-10-h: 227;
1078
+ --dt-color-blue-10-s: 75%;
1079
+ --dt-color-blue-10-l: 89%;
1038
1080
  --dt-color-blue-25-h: 188;
1039
1081
  --dt-color-blue-25-s: 30.5%;
1040
1082
  --dt-color-blue-25-l: 81.4%;
1041
- --dt-color-blue-30-h: 215;
1042
- --dt-color-blue-30-s: 87.3%;
1043
- --dt-color-blue-30-l: 72.2%;
1083
+ --dt-color-blue-30-h: 228;
1084
+ --dt-color-blue-30-s: 73.2%;
1085
+ --dt-color-blue-30-l: 78%;
1086
+ --dt-color-blue-5-h: 227;
1087
+ --dt-color-blue-5-s: 74.2%;
1088
+ --dt-color-blue-5-l: 93.9%;
1044
1089
  --dt-color-blue-70-h: 215;
1045
1090
  --dt-color-blue-70-s: 90.1%;
1046
1091
  --dt-color-blue-70-l: 35.5%;
1047
- --dt-color-blue-90-h: 196;
1048
- --dt-color-blue-90-s: 78.7%;
1049
- --dt-color-blue-90-l: 14.7%;
1092
+ --dt-color-blue-75-h: 229;
1093
+ --dt-color-blue-75-s: 55.7%;
1094
+ --dt-color-blue-75-l: 38%;
1095
+ --dt-color-blue-80-h: 229;
1096
+ --dt-color-blue-80-s: 56.2%;
1097
+ --dt-color-blue-80-l: 26.9%;
1098
+ --dt-color-blue-90-h: 229;
1099
+ --dt-color-blue-90-s: 54.9%;
1100
+ --dt-color-blue-90-l: 20%;
1050
1101
  --dt-color-blue-dark-hc-h: 215;
1051
1102
  --dt-color-blue-dark-hc-s: 83.7%;
1052
1103
  --dt-color-blue-dark-hc-l: 38.4%;
@@ -1092,18 +1143,24 @@ html[data-highcontrast-enabled] {
1092
1143
  --dt-color-cupcake-90-h: 186;
1093
1144
  --dt-color-cupcake-90-s: 28.8%;
1094
1145
  --dt-color-cupcake-90-l: 20.4%;
1095
- --dt-color-green-h: 148;
1096
- --dt-color-green-s: 98.4%;
1097
- --dt-color-green-l: 24.1%;
1098
- --dt-color-green-10-h: 147;
1099
- --dt-color-green-10-s: 71.4%;
1100
- --dt-color-green-10-l: 89%;
1101
- --dt-color-green-30-h: 146;
1102
- --dt-color-green-30-s: 69.8%;
1103
- --dt-color-green-30-l: 44.1%;
1104
- --dt-color-green-90-h: 150;
1105
- --dt-color-green-90-s: 23.5%;
1106
- --dt-color-green-90-l: 20%;
1146
+ --dt-color-green-h: 129;
1147
+ --dt-color-green-s: 47.2%;
1148
+ --dt-color-green-l: 32%;
1149
+ --dt-color-green-10-h: 129;
1150
+ --dt-color-green-10-s: 47.1%;
1151
+ --dt-color-green-10-l: 80%;
1152
+ --dt-color-green-30-h: 129;
1153
+ --dt-color-green-30-s: 48%;
1154
+ --dt-color-green-30-l: 60%;
1155
+ --dt-color-green-5-h: 129;
1156
+ --dt-color-green-5-s: 48.5%;
1157
+ --dt-color-green-5-l: 87.1%;
1158
+ --dt-color-green-80-h: 147;
1159
+ --dt-color-green-80-s: 94.9%;
1160
+ --dt-color-green-80-l: 15.3%;
1161
+ --dt-color-green-90-h: 146;
1162
+ --dt-color-green-90-s: 93.7%;
1163
+ --dt-color-green-90-l: 12.4%;
1107
1164
  --dt-color-green-dark-hc-h: 141;
1108
1165
  --dt-color-green-dark-hc-s: 60.6%;
1109
1166
  --dt-color-green-dark-hc-l: 24.9%;
@@ -1191,24 +1248,33 @@ html[data-highcontrast-enabled] {
1191
1248
  --dt-color-purple-light-hc-h: 300;
1192
1249
  --dt-color-purple-light-hc-s: 19.8%;
1193
1250
  --dt-color-purple-light-hc-l: 66.3%;
1194
- --dt-color-red-h: 351;
1195
- --dt-color-red-s: 95.4%;
1196
- --dt-color-red-l: 42.7%;
1197
- --dt-color-red-10-h: 8;
1251
+ --dt-color-red-h: 1;
1252
+ --dt-color-red-s: 100%;
1253
+ --dt-color-red-l: 40%;
1254
+ --dt-color-red-10-h: 1;
1198
1255
  --dt-color-red-10-s: 100%;
1199
- --dt-color-red-10-l: 90%;
1256
+ --dt-color-red-10-l: 86.5%;
1257
+ --dt-color-red-100-h: 350;
1258
+ --dt-color-red-100-s: 59.6%;
1259
+ --dt-color-red-100-l: 17.5%;
1200
1260
  --dt-color-red-25-h: 352;
1201
1261
  --dt-color-red-25-s: 74.5%;
1202
1262
  --dt-color-red-25-l: 80%;
1203
- --dt-color-red-30-h: 4;
1204
- --dt-color-red-30-s: 87.4%;
1205
- --dt-color-red-30-l: 72%;
1263
+ --dt-color-red-30-h: 1;
1264
+ --dt-color-red-30-s: 91.9%;
1265
+ --dt-color-red-30-l: 66.1%;
1206
1266
  --dt-color-red-40-h: 354;
1207
1267
  --dt-color-red-40-s: 75.8%;
1208
1268
  --dt-color-red-40-l: 52.9%;
1209
- --dt-color-red-90-h: 352;
1210
- --dt-color-red-90-s: 41.7%;
1211
- --dt-color-red-90-l: 20.2%;
1269
+ --dt-color-red-5-h: 1;
1270
+ --dt-color-red-5-s: 100%;
1271
+ --dt-color-red-5-l: 91%;
1272
+ --dt-color-red-50-h: 1;
1273
+ --dt-color-red-50-s: 91.1%;
1274
+ --dt-color-red-50-l: 43.9%;
1275
+ --dt-color-red-90-h: 1;
1276
+ --dt-color-red-90-s: 100%;
1277
+ --dt-color-red-90-l: 18%;
1212
1278
  --dt-color-red-dark-hc-h: 350;
1213
1279
  --dt-color-red-dark-hc-s: 95.2%;
1214
1280
  --dt-color-red-dark-hc-l: 32.9%;
@@ -1275,6 +1341,42 @@ html[data-highcontrast-enabled] {
1275
1341
  --dt-color-tomato-90-h: 15;
1276
1342
  --dt-color-tomato-90-s: 60.7%;
1277
1343
  --dt-color-tomato-90-l: 23.9%;
1344
+ --dt-color-truffle-10-h: 34;
1345
+ --dt-color-truffle-10-s: 28%;
1346
+ --dt-color-truffle-10-l: 95.1%;
1347
+ --dt-color-truffle-100-h: 36;
1348
+ --dt-color-truffle-100-s: 9.8%;
1349
+ --dt-color-truffle-100-l: 10%;
1350
+ --dt-color-truffle-20-h: 36;
1351
+ --dt-color-truffle-20-s: 25%;
1352
+ --dt-color-truffle-20-l: 92.2%;
1353
+ --dt-color-truffle-30-h: 37;
1354
+ --dt-color-truffle-30-s: 21.3%;
1355
+ --dt-color-truffle-30-l: 88%;
1356
+ --dt-color-truffle-5-h: 60;
1357
+ --dt-color-truffle-5-s: 33.3%;
1358
+ --dt-color-truffle-5-l: 98.8%;
1359
+ --dt-color-truffle-55-h: 37;
1360
+ --dt-color-truffle-55-s: 12.2%;
1361
+ --dt-color-truffle-55-l: 71%;
1362
+ --dt-color-truffle-65-h: 34;
1363
+ --dt-color-truffle-65-s: 5.7%;
1364
+ --dt-color-truffle-65-l: 52.2%;
1365
+ --dt-color-truffle-70-h: 42;
1366
+ --dt-color-truffle-70-s: 6%;
1367
+ --dt-color-truffle-70-l: 32.9%;
1368
+ --dt-color-truffle-75-h: 33;
1369
+ --dt-color-truffle-75-s: 6.3%;
1370
+ --dt-color-truffle-75-l: 28%;
1371
+ --dt-color-truffle-80-h: 40;
1372
+ --dt-color-truffle-80-s: 5%;
1373
+ --dt-color-truffle-80-l: 23.5%;
1374
+ --dt-color-truffle-85-h: 45;
1375
+ --dt-color-truffle-85-s: 3.9%;
1376
+ --dt-color-truffle-85-l: 20%;
1377
+ --dt-color-truffle-90-h: 40;
1378
+ --dt-color-truffle-90-s: 3.6%;
1379
+ --dt-color-truffle-90-l: 16.3%;
1278
1380
  --dt-color-turmeric-10-h: 42;
1279
1381
  --dt-color-turmeric-10-s: 90.9%;
1280
1382
  --dt-color-turmeric-10-l: 87.1%;
@@ -1293,90 +1395,105 @@ html[data-highcontrast-enabled] {
1293
1395
  --dt-color-white-h: 0;
1294
1396
  --dt-color-white-s: 0%;
1295
1397
  --dt-color-white-l: 100%;
1296
- --dt-color-yellow-h: 43;
1297
- --dt-color-yellow-s: 90.9%;
1298
- --dt-color-yellow-l: 61.4%;
1299
- --dt-color-yellow-10-h: 49;
1398
+ --dt-color-yellow-h: 50;
1399
+ --dt-color-yellow-s: 100%;
1400
+ --dt-color-yellow-l: 50%;
1401
+ --dt-color-yellow-10-h: 50;
1300
1402
  --dt-color-yellow-10-s: 100%;
1301
- --dt-color-yellow-10-l: 93.7%;
1302
- --dt-color-yellow-90-h: 57;
1303
- --dt-color-yellow-90-s: 19.3%;
1304
- --dt-color-yellow-90-l: 23.3%;
1403
+ --dt-color-yellow-10-l: 92%;
1404
+ --dt-color-yellow-30-h: 51;
1405
+ --dt-color-yellow-30-s: 100%;
1406
+ --dt-color-yellow-30-l: 75.1%;
1407
+ --dt-color-yellow-40-h: 50;
1408
+ --dt-color-yellow-40-s: 100%;
1409
+ --dt-color-yellow-40-l: 60%;
1410
+ --dt-color-yellow-75-h: 50;
1411
+ --dt-color-yellow-75-s: 100%;
1412
+ --dt-color-yellow-75-l: 32%;
1413
+ --dt-color-yellow-80-h: 50;
1414
+ --dt-color-yellow-80-s: 100%;
1415
+ --dt-color-yellow-80-l: 21%;
1416
+ --dt-color-yellow-90-h: 51;
1417
+ --dt-color-yellow-90-s: 100%;
1418
+ --dt-color-yellow-90-l: 17.1%;
1305
1419
  --dt-color-yellow-dark-hc-h: 41;
1306
1420
  --dt-color-yellow-dark-hc-s: 35.9%;
1307
1421
  --dt-color-yellow-dark-hc-l: 30%;
1308
- --dt-color-background-default-h: var(--dt-color-mozzarella-5-h);
1309
- --dt-color-background-default-s: var(--dt-color-mozzarella-5-s);
1310
- --dt-color-background-default-l: var(--dt-color-mozzarella-5-l);
1311
- --dt-color-background-subtle-h: var(--dt-color-mozzarella-10-h);
1312
- --dt-color-background-subtle-s: var(--dt-color-mozzarella-10-s);
1313
- --dt-color-background-subtle-l: var(--dt-color-mozzarella-10-l);
1314
- --dt-color-background-dark-h: var(--dt-color-mozzarella-100-h);
1315
- --dt-color-background-dark-s: var(--dt-color-mozzarella-100-s);
1316
- --dt-color-background-dark-l: var(--dt-color-mozzarella-100-l);
1422
+ --dt-color-background-default-h: var(--dt-color-truffle-5-h);
1423
+ --dt-color-background-default-s: var(--dt-color-truffle-5-s);
1424
+ --dt-color-background-default-l: var(--dt-color-truffle-5-l);
1425
+ --dt-color-background-subtle-h: var(--dt-color-truffle-10-h);
1426
+ --dt-color-background-subtle-s: var(--dt-color-truffle-10-s);
1427
+ --dt-color-background-subtle-l: var(--dt-color-truffle-10-l);
1428
+ --dt-color-background-dark-h: var(--dt-color-truffle-100-h);
1429
+ --dt-color-background-dark-s: var(--dt-color-truffle-100-s);
1430
+ --dt-color-background-dark-l: var(--dt-color-truffle-100-l);
1317
1431
  --dt-color-container-default-h: var(--dt-color-white-h);
1318
1432
  --dt-color-container-default-s: var(--dt-color-white-s);
1319
1433
  --dt-color-container-default-l: var(--dt-color-white-l);
1320
- --dt-color-container-subtle-h: var(--dt-color-mozzarella-10-h);
1321
- --dt-color-container-subtle-s: var(--dt-color-mozzarella-10-s);
1322
- --dt-color-container-subtle-l: var(--dt-color-mozzarella-10-l);
1323
- --dt-color-container-strong-h: var(--dt-color-mozzarella-20-h);
1324
- --dt-color-container-strong-s: var(--dt-color-mozzarella-20-s);
1325
- --dt-color-container-strong-l: var(--dt-color-mozzarella-20-l);
1326
- --dt-color-container-dark-h: var(--dt-color-mozzarella-90-h);
1327
- --dt-color-container-dark-s: var(--dt-color-mozzarella-90-s);
1328
- --dt-color-container-dark-l: var(--dt-color-mozzarella-90-l);
1434
+ --dt-color-container-subtle-h: var(--dt-color-truffle-10-h);
1435
+ --dt-color-container-subtle-s: var(--dt-color-truffle-10-s);
1436
+ --dt-color-container-subtle-l: var(--dt-color-truffle-10-l);
1437
+ --dt-color-container-strong-h: var(--dt-color-truffle-20-h);
1438
+ --dt-color-container-strong-s: var(--dt-color-truffle-20-s);
1439
+ --dt-color-container-strong-l: var(--dt-color-truffle-20-l);
1440
+ --dt-color-container-dark-h: var(--dt-color-truffle-90-h);
1441
+ --dt-color-container-dark-s: var(--dt-color-truffle-90-s);
1442
+ --dt-color-container-dark-l: var(--dt-color-truffle-90-l);
1329
1443
  --dt-color-container-light-h: var(--dt-color-white-h);
1330
1444
  --dt-color-container-light-s: var(--dt-color-white-s);
1331
1445
  --dt-color-container-light-l: var(--dt-color-white-l);
1332
- --dt-color-container-inverse-h: var(--dt-color-mozzarella-90-h);
1333
- --dt-color-container-inverse-s: var(--dt-color-mozzarella-90-s);
1334
- --dt-color-container-inverse-l: var(--dt-color-mozzarella-90-l);
1335
- --dt-color-container-inverse-alternative-h: var(--dt-color-mozzarella-90-h);
1336
- --dt-color-container-inverse-alternative-s: var(--dt-color-mozzarella-90-s);
1337
- --dt-color-container-inverse-alternative-l: var(--dt-color-mozzarella-90-l);
1338
- --dt-color-border-default-h: var(--dt-color-mozzarella-20-h);
1339
- --dt-color-border-default-s: var(--dt-color-mozzarella-20-s);
1340
- --dt-color-border-default-l: var(--dt-color-mozzarella-20-l);
1341
- --dt-color-border-subtle-h: var(--dt-color-mozzarella-10-h);
1342
- --dt-color-border-subtle-s: var(--dt-color-mozzarella-10-s);
1343
- --dt-color-border-subtle-l: var(--dt-color-mozzarella-10-l);
1344
- --dt-color-border-strong-h: var(--dt-color-mozzarella-30-h);
1345
- --dt-color-border-strong-s: var(--dt-color-mozzarella-30-s);
1346
- --dt-color-border-strong-l: var(--dt-color-mozzarella-30-l);
1347
- --dt-color-border-inverse-h: var(--dt-color-mozzarella-70-h);
1348
- --dt-color-border-inverse-s: var(--dt-color-mozzarella-70-s);
1349
- --dt-color-border-inverse-l: var(--dt-color-mozzarella-70-l);
1350
- --dt-color-border-selected-h: var(--dt-color-mozzarella-50-h);
1351
- --dt-color-border-selected-s: var(--dt-color-mozzarella-50-s);
1352
- --dt-color-border-selected-l: var(--dt-color-mozzarella-50-l);
1446
+ --dt-color-container-inverse-h: var(--dt-color-truffle-90-h);
1447
+ --dt-color-container-inverse-s: var(--dt-color-truffle-90-s);
1448
+ --dt-color-container-inverse-l: var(--dt-color-truffle-90-l);
1449
+ --dt-color-container-inverse-alternative-h: var(--dt-color-truffle-90-h);
1450
+ --dt-color-container-inverse-alternative-s: var(--dt-color-truffle-90-s);
1451
+ --dt-color-container-inverse-alternative-l: var(--dt-color-truffle-90-l);
1452
+ --dt-color-border-default-h: var(--dt-color-truffle-20-h);
1453
+ --dt-color-border-default-s: var(--dt-color-truffle-20-s);
1454
+ --dt-color-border-default-l: var(--dt-color-truffle-20-l);
1455
+ --dt-color-border-subtle-h: var(--dt-color-truffle-10-h);
1456
+ --dt-color-border-subtle-s: var(--dt-color-truffle-10-s);
1457
+ --dt-color-border-subtle-l: var(--dt-color-truffle-10-l);
1458
+ --dt-color-border-strong-h: var(--dt-color-truffle-30-h);
1459
+ --dt-color-border-strong-s: var(--dt-color-truffle-30-s);
1460
+ --dt-color-border-strong-l: var(--dt-color-truffle-30-l);
1461
+ --dt-color-border-inverse-h: var(--dt-color-truffle-70-h);
1462
+ --dt-color-border-inverse-s: var(--dt-color-truffle-70-s);
1463
+ --dt-color-border-inverse-l: var(--dt-color-truffle-70-l);
1464
+ --dt-color-border-selected-h: var(--dt-color-truffle-75-h);
1465
+ --dt-color-border-selected-s: var(--dt-color-truffle-75-s);
1466
+ --dt-color-border-selected-l: var(--dt-color-truffle-75-l);
1353
1467
  --dt-color-border-selected-brand-h: var(--dt-color-orange-h);
1354
1468
  --dt-color-border-selected-brand-s: var(--dt-color-orange-s);
1355
1469
  --dt-color-border-selected-brand-l: var(--dt-color-orange-l);
1356
- --dt-color-border-form-h: var(--dt-color-mozzarella-55-h);
1357
- --dt-color-border-form-s: var(--dt-color-mozzarella-55-s);
1358
- --dt-color-border-form-l: var(--dt-color-mozzarella-55-l);
1470
+ --dt-color-border-form-h: var(--dt-color-truffle-65-h);
1471
+ --dt-color-border-form-s: var(--dt-color-truffle-65-s);
1472
+ --dt-color-border-form-l: var(--dt-color-truffle-65-l);
1473
+ --dt-color-border-neutral-h: var(--dt-color-white-h);
1474
+ --dt-color-border-neutral-s: var(--dt-color-white-s);
1475
+ --dt-color-border-neutral-l: var(--dt-color-white-l);
1359
1476
  --dt-color-border-decorative-brand-h: var(--dt-color-orange-30-h);
1360
1477
  --dt-color-border-decorative-brand-s: var(--dt-color-orange-30-s);
1361
1478
  --dt-color-border-decorative-brand-l: var(--dt-color-orange-30-l);
1362
1479
  --dt-color-interactive-brand-h: var(--dt-color-orange-h);
1363
1480
  --dt-color-interactive-brand-s: var(--dt-color-orange-s);
1364
1481
  --dt-color-interactive-brand-l: var(--dt-color-orange-l);
1365
- --dt-color-interactive-primary-h: var(--dt-color-mozzarella-90-h);
1366
- --dt-color-interactive-primary-s: var(--dt-color-mozzarella-90-s);
1367
- --dt-color-interactive-primary-l: var(--dt-color-mozzarella-90-l);
1368
- --dt-color-interactive-secondary-h: var(--dt-color-mozzarella-10-h);
1369
- --dt-color-interactive-secondary-s: var(--dt-color-mozzarella-10-s);
1370
- --dt-color-interactive-secondary-l: var(--dt-color-mozzarella-10-l);
1482
+ --dt-color-interactive-primary-h: var(--dt-color-truffle-90-h);
1483
+ --dt-color-interactive-primary-s: var(--dt-color-truffle-90-s);
1484
+ --dt-color-interactive-primary-l: var(--dt-color-truffle-90-l);
1485
+ --dt-color-interactive-secondary-h: var(--dt-color-truffle-10-h);
1486
+ --dt-color-interactive-secondary-s: var(--dt-color-truffle-10-s);
1487
+ --dt-color-interactive-secondary-l: var(--dt-color-truffle-10-l);
1371
1488
  --dt-color-interactive-inverse-h: var(--dt-color-white-h);
1372
1489
  --dt-color-interactive-inverse-s: var(--dt-color-white-s);
1373
1490
  --dt-color-interactive-inverse-l: var(--dt-color-white-l);
1374
1491
  --dt-color-interactive-light-h: var(--dt-color-white-h);
1375
1492
  --dt-color-interactive-light-s: var(--dt-color-white-s);
1376
1493
  --dt-color-interactive-light-l: var(--dt-color-white-l);
1377
- --dt-color-interactive-form-h: var(--dt-color-mozzarella-60-h);
1378
- --dt-color-interactive-form-s: var(--dt-color-mozzarella-60-s);
1379
- --dt-color-interactive-form-l: var(--dt-color-mozzarella-60-l);
1494
+ --dt-color-interactive-form-h: var(--dt-color-truffle-65-h);
1495
+ --dt-color-interactive-form-s: var(--dt-color-truffle-65-s);
1496
+ --dt-color-interactive-form-l: var(--dt-color-truffle-65-l);
1380
1497
  --dt-color-interactive-error-h: var(--dt-color-red-h);
1381
1498
  --dt-color-interactive-error-s: var(--dt-color-red-s);
1382
1499
  --dt-color-interactive-error-l: var(--dt-color-red-l);
@@ -1392,36 +1509,48 @@ html[data-highcontrast-enabled] {
1392
1509
  --dt-color-support-info-h: var(--dt-color-blue-h);
1393
1510
  --dt-color-support-info-s: var(--dt-color-blue-s);
1394
1511
  --dt-color-support-info-l: var(--dt-color-blue-l);
1395
- --dt-color-support-neutral-h: var(--dt-color-mozzarella-20-h);
1396
- --dt-color-support-neutral-s: var(--dt-color-mozzarella-20-s);
1397
- --dt-color-support-neutral-l: var(--dt-color-mozzarella-20-l);
1512
+ --dt-color-support-neutral-h: var(--dt-color-truffle-20-h);
1513
+ --dt-color-support-neutral-s: var(--dt-color-truffle-20-s);
1514
+ --dt-color-support-neutral-l: var(--dt-color-truffle-20-l);
1398
1515
  --dt-color-support-error-02-h: var(--dt-color-red-10-h);
1399
1516
  --dt-color-support-error-02-s: var(--dt-color-red-10-s);
1400
1517
  --dt-color-support-error-02-l: var(--dt-color-red-10-l);
1401
- --dt-color-support-warning-02-h: var(--dt-color-yellow-10-h);
1402
- --dt-color-support-warning-02-s: var(--dt-color-yellow-10-s);
1403
- --dt-color-support-warning-02-l: var(--dt-color-yellow-10-l);
1518
+ --dt-color-support-error-tonal-h: var(--dt-color-red-5-h);
1519
+ --dt-color-support-error-tonal-s: var(--dt-color-red-5-s);
1520
+ --dt-color-support-error-tonal-l: var(--dt-color-red-5-l);
1521
+ --dt-color-support-warning-02-h: var(--dt-color-yellow-30-h);
1522
+ --dt-color-support-warning-02-s: var(--dt-color-yellow-30-s);
1523
+ --dt-color-support-warning-02-l: var(--dt-color-yellow-30-l);
1524
+ --dt-color-support-warning-tonal-h: var(--dt-color-yellow-10-h);
1525
+ --dt-color-support-warning-tonal-s: var(--dt-color-yellow-10-s);
1526
+ --dt-color-support-warning-tonal-l: var(--dt-color-yellow-10-l);
1404
1527
  --dt-color-support-positive-02-h: var(--dt-color-green-10-h);
1405
1528
  --dt-color-support-positive-02-s: var(--dt-color-green-10-s);
1406
1529
  --dt-color-support-positive-02-l: var(--dt-color-green-10-l);
1530
+ --dt-color-support-positive-tonal-h: var(--dt-color-green-5-h);
1531
+ --dt-color-support-positive-tonal-s: var(--dt-color-green-5-s);
1532
+ --dt-color-support-positive-tonal-l: var(--dt-color-green-5-l);
1407
1533
  --dt-color-support-info-02-h: var(--dt-color-blue-10-h);
1408
1534
  --dt-color-support-info-02-s: var(--dt-color-blue-10-s);
1409
1535
  --dt-color-support-info-02-l: var(--dt-color-blue-10-l);
1536
+ --dt-color-support-info-tonal-h: var(--dt-color-blue-5-h);
1537
+ --dt-color-support-info-tonal-s: var(--dt-color-blue-5-s);
1538
+ --dt-color-support-info-tonal-l: var(--dt-color-blue-5-l);
1410
1539
  --dt-color-support-info-inverse-h: var(--dt-color-blue-30-h);
1411
1540
  --dt-color-support-info-inverse-s: var(--dt-color-blue-30-s);
1412
1541
  --dt-color-support-info-inverse-l: var(--dt-color-blue-30-l);
1413
1542
  --dt-color-support-positive-inverse-h: var(--dt-color-green-30-h);
1414
1543
  --dt-color-support-positive-inverse-s: var(--dt-color-green-30-s);
1415
1544
  --dt-color-support-positive-inverse-l: var(--dt-color-green-30-l);
1416
- --dt-color-support-neutral-persistent-h: var(--dt-color-mozzarella-20-h);
1417
- --dt-color-support-neutral-persistent-s: var(--dt-color-mozzarella-20-s);
1418
- --dt-color-support-neutral-persistent-l: var(--dt-color-mozzarella-20-l);
1419
- --dt-color-support-error-inverse-h: var(--dt-color-red-40-h);
1420
- --dt-color-support-error-inverse-s: var(--dt-color-red-40-s);
1421
- --dt-color-support-error-inverse-l: var(--dt-color-red-40-l);
1422
- --dt-color-support-warning-inverse-h: var(--dt-color-yellow-h);
1423
- --dt-color-support-warning-inverse-s: var(--dt-color-yellow-s);
1424
- --dt-color-support-warning-inverse-l: var(--dt-color-yellow-l);
1545
+ --dt-color-support-neutral-persistent-h: var(--dt-color-truffle-20-h);
1546
+ --dt-color-support-neutral-persistent-s: var(--dt-color-truffle-20-s);
1547
+ --dt-color-support-neutral-persistent-l: var(--dt-color-truffle-20-l);
1548
+ --dt-color-support-error-inverse-h: var(--dt-color-red-30-h);
1549
+ --dt-color-support-error-inverse-s: var(--dt-color-red-30-s);
1550
+ --dt-color-support-error-inverse-l: var(--dt-color-red-30-l);
1551
+ --dt-color-support-warning-inverse-h: var(--dt-color-yellow-40-h);
1552
+ --dt-color-support-warning-inverse-s: var(--dt-color-yellow-40-s);
1553
+ --dt-color-support-warning-inverse-l: var(--dt-color-yellow-40-l);
1425
1554
  --dt-color-support-brand-01-h: var(--dt-color-orange-30-h);
1426
1555
  --dt-color-support-brand-01-s: var(--dt-color-orange-30-s);
1427
1556
  --dt-color-support-brand-01-l: var(--dt-color-orange-30-l);
@@ -1557,33 +1686,33 @@ html[data-highcontrast-enabled] {
1557
1686
  --dt-color-focus-inner-h: var(--dt-color-white-h);
1558
1687
  --dt-color-focus-inner-s: var(--dt-color-white-s);
1559
1688
  --dt-color-focus-inner-l: var(--dt-color-white-l);
1560
- --dt-color-focus-outer-h: var(--dt-color-blue-70-h);
1561
- --dt-color-focus-outer-s: var(--dt-color-blue-70-s);
1562
- --dt-color-focus-outer-l: var(--dt-color-blue-70-l);
1563
- --dt-color-disabled-01-h: var(--dt-color-mozzarella-20-h);
1564
- --dt-color-disabled-01-s: var(--dt-color-mozzarella-20-s);
1565
- --dt-color-disabled-01-l: var(--dt-color-mozzarella-20-l);
1566
- --dt-color-disabled-01-inverse-h: var(--dt-color-mozzarella-80-h);
1567
- --dt-color-disabled-01-inverse-s: var(--dt-color-mozzarella-80-s);
1568
- --dt-color-disabled-01-inverse-l: var(--dt-color-mozzarella-80-l);
1569
- --dt-color-skeleton-01-h: var(--dt-color-mozzarella-10-h);
1570
- --dt-color-skeleton-01-s: var(--dt-color-mozzarella-10-s);
1571
- --dt-color-skeleton-01-l: var(--dt-color-mozzarella-10-l);
1572
- --dt-color-skeleton-02-h: var(--dt-color-mozzarella-20-h);
1573
- --dt-color-skeleton-02-s: var(--dt-color-mozzarella-20-s);
1574
- --dt-color-skeleton-02-l: var(--dt-color-mozzarella-20-l);
1689
+ --dt-color-focus-outer-h: var(--dt-color-blue-75-h);
1690
+ --dt-color-focus-outer-s: var(--dt-color-blue-75-s);
1691
+ --dt-color-focus-outer-l: var(--dt-color-blue-75-l);
1692
+ --dt-color-disabled-01-h: var(--dt-color-truffle-20-h);
1693
+ --dt-color-disabled-01-s: var(--dt-color-truffle-20-s);
1694
+ --dt-color-disabled-01-l: var(--dt-color-truffle-20-l);
1695
+ --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-80-h);
1696
+ --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-80-s);
1697
+ --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-80-l);
1698
+ --dt-color-skeleton-01-h: var(--dt-color-truffle-10-h);
1699
+ --dt-color-skeleton-01-s: var(--dt-color-truffle-10-s);
1700
+ --dt-color-skeleton-01-l: var(--dt-color-truffle-10-l);
1701
+ --dt-color-skeleton-02-h: var(--dt-color-truffle-20-h);
1702
+ --dt-color-skeleton-02-s: var(--dt-color-truffle-20-s);
1703
+ --dt-color-skeleton-02-l: var(--dt-color-truffle-20-l);
1575
1704
  --dt-color-skeleton-03-h: var(--dt-color-white-h);
1576
1705
  --dt-color-skeleton-03-s: var(--dt-color-white-s);
1577
1706
  --dt-color-skeleton-03-l: var(--dt-color-white-l);
1578
- --dt-color-skeleton-shimmer-01-h: var(--dt-color-mozzarella-5-h);
1579
- --dt-color-skeleton-shimmer-01-s: var(--dt-color-mozzarella-5-s);
1580
- --dt-color-skeleton-shimmer-01-l: var(--dt-color-mozzarella-5-l);
1581
- --dt-color-skeleton-shimmer-02-h: var(--dt-color-mozzarella-5-h);
1582
- --dt-color-skeleton-shimmer-02-s: var(--dt-color-mozzarella-5-s);
1583
- --dt-color-skeleton-shimmer-02-l: var(--dt-color-mozzarella-5-l);
1584
- --dt-color-skeleton-shimmer-03-h: var(--dt-color-mozzarella-10-h);
1585
- --dt-color-skeleton-shimmer-03-s: var(--dt-color-mozzarella-10-s);
1586
- --dt-color-skeleton-shimmer-03-l: var(--dt-color-mozzarella-10-l);
1707
+ --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-5-h);
1708
+ --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-5-s);
1709
+ --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-5-l);
1710
+ --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-5-h);
1711
+ --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-5-s);
1712
+ --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-5-l);
1713
+ --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-10-h);
1714
+ --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-10-s);
1715
+ --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-10-l);
1587
1716
  --dt-color-thirdparty-apple-container-primary-h: var(--dt-color-black-h);
1588
1717
  --dt-color-thirdparty-apple-container-primary-s: var(--dt-color-black-s);
1589
1718
  --dt-color-thirdparty-apple-container-primary-l: var(--dt-color-black-l);
@@ -1733,9 +1862,9 @@ html[data-highcontrast-enabled] {
1733
1862
  --dt-color-interactive-form-h: var(--dt-color-black-h);
1734
1863
  --dt-color-interactive-form-s: var(--dt-color-black-s);
1735
1864
  --dt-color-interactive-form-l: var(--dt-color-black-l);
1736
- --dt-color-interactive-error-h: var(--dt-color-red-h);
1737
- --dt-color-interactive-error-s: var(--dt-color-red-s);
1738
- --dt-color-interactive-error-l: var(--dt-color-red-l);
1865
+ --dt-color-interactive-error-h: var(--dt-color-red-50-h);
1866
+ --dt-color-interactive-error-s: var(--dt-color-red-50-s);
1867
+ --dt-color-interactive-error-l: var(--dt-color-red-50-l);
1739
1868
  --dt-color-support-error-h: var(--dt-color-red-dark-hc-h);
1740
1869
  --dt-color-support-error-s: var(--dt-color-red-dark-hc-s);
1741
1870
  --dt-color-support-error-l: var(--dt-color-red-dark-hc-l);
@@ -1754,15 +1883,27 @@ html[data-highcontrast-enabled] {
1754
1883
  --dt-color-support-error-02-h: var(--dt-color-white-h);
1755
1884
  --dt-color-support-error-02-s: var(--dt-color-white-s);
1756
1885
  --dt-color-support-error-02-l: var(--dt-color-white-l);
1886
+ --dt-color-support-error-tonal-h: var(--dt-color-white-h);
1887
+ --dt-color-support-error-tonal-s: var(--dt-color-white-s);
1888
+ --dt-color-support-error-tonal-l: var(--dt-color-white-l);
1757
1889
  --dt-color-support-warning-02-h: var(--dt-color-white-h);
1758
1890
  --dt-color-support-warning-02-s: var(--dt-color-white-s);
1759
1891
  --dt-color-support-warning-02-l: var(--dt-color-white-l);
1892
+ --dt-color-support-warning-tonal-h: var(--dt-color-white-h);
1893
+ --dt-color-support-warning-tonal-s: var(--dt-color-white-s);
1894
+ --dt-color-support-warning-tonal-l: var(--dt-color-white-l);
1760
1895
  --dt-color-support-positive-02-h: var(--dt-color-white-h);
1761
1896
  --dt-color-support-positive-02-s: var(--dt-color-white-s);
1762
1897
  --dt-color-support-positive-02-l: var(--dt-color-white-l);
1898
+ --dt-color-support-positive-tonal-h: var(--dt-color-white-h);
1899
+ --dt-color-support-positive-tonal-s: var(--dt-color-white-s);
1900
+ --dt-color-support-positive-tonal-l: var(--dt-color-white-l);
1763
1901
  --dt-color-support-info-02-h: var(--dt-color-white-h);
1764
1902
  --dt-color-support-info-02-s: var(--dt-color-white-s);
1765
1903
  --dt-color-support-info-02-l: var(--dt-color-white-l);
1904
+ --dt-color-support-info-tonal-h: var(--dt-color-white-h);
1905
+ --dt-color-support-info-tonal-s: var(--dt-color-white-s);
1906
+ --dt-color-support-info-tonal-l: var(--dt-color-white-l);
1766
1907
  --dt-color-support-info-inverse-h: var(--dt-color-blue-light-hc-h);
1767
1908
  --dt-color-support-info-inverse-s: var(--dt-color-blue-light-hc-s);
1768
1909
  --dt-color-support-info-inverse-l: var(--dt-color-blue-light-hc-l);
@@ -1913,87 +2054,90 @@ html[data-highcontrast-enabled] {
1913
2054
  --dt-color-focus-inner-h: var(--dt-color-white-h);
1914
2055
  --dt-color-focus-inner-s: var(--dt-color-white-s);
1915
2056
  --dt-color-focus-inner-l: var(--dt-color-white-l);
1916
- --dt-color-focus-outer-h: var(--dt-color-blue-70-h);
1917
- --dt-color-focus-outer-s: var(--dt-color-blue-70-s);
1918
- --dt-color-focus-outer-l: var(--dt-color-blue-70-l);
1919
- --dt-color-disabled-01-h: var(--dt-color-mozzarella-20-h);
1920
- --dt-color-disabled-01-s: var(--dt-color-mozzarella-20-s);
1921
- --dt-color-disabled-01-l: var(--dt-color-mozzarella-20-l);
1922
- --dt-color-disabled-01-inverse-h: var(--dt-color-mozzarella-80-h);
1923
- --dt-color-disabled-01-inverse-s: var(--dt-color-mozzarella-80-s);
1924
- --dt-color-disabled-01-inverse-l: var(--dt-color-mozzarella-80-l);
1925
- --dt-color-skeleton-01-h: var(--dt-color-mozzarella-10-h);
1926
- --dt-color-skeleton-01-s: var(--dt-color-mozzarella-10-s);
1927
- --dt-color-skeleton-01-l: var(--dt-color-mozzarella-10-l);
1928
- --dt-color-skeleton-02-h: var(--dt-color-mozzarella-20-h);
1929
- --dt-color-skeleton-02-s: var(--dt-color-mozzarella-20-s);
1930
- --dt-color-skeleton-02-l: var(--dt-color-mozzarella-20-l);
2057
+ --dt-color-focus-outer-h: var(--dt-color-blue-30-h);
2058
+ --dt-color-focus-outer-s: var(--dt-color-blue-30-s);
2059
+ --dt-color-focus-outer-l: var(--dt-color-blue-30-l);
2060
+ --dt-color-disabled-01-h: var(--dt-color-truffle-20-h);
2061
+ --dt-color-disabled-01-s: var(--dt-color-truffle-20-s);
2062
+ --dt-color-disabled-01-l: var(--dt-color-truffle-20-l);
2063
+ --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-80-h);
2064
+ --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-80-s);
2065
+ --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-80-l);
2066
+ --dt-color-skeleton-01-h: var(--dt-color-truffle-10-h);
2067
+ --dt-color-skeleton-01-s: var(--dt-color-truffle-10-s);
2068
+ --dt-color-skeleton-01-l: var(--dt-color-truffle-10-l);
2069
+ --dt-color-skeleton-02-h: var(--dt-color-truffle-20-h);
2070
+ --dt-color-skeleton-02-s: var(--dt-color-truffle-20-s);
2071
+ --dt-color-skeleton-02-l: var(--dt-color-truffle-20-l);
1931
2072
  --dt-color-skeleton-03-h: var(--dt-color-white-h);
1932
2073
  --dt-color-skeleton-03-s: var(--dt-color-white-s);
1933
2074
  --dt-color-skeleton-03-l: var(--dt-color-white-l);
1934
- --dt-color-skeleton-shimmer-01-h: var(--dt-color-mozzarella-5-h);
1935
- --dt-color-skeleton-shimmer-01-s: var(--dt-color-mozzarella-5-s);
1936
- --dt-color-skeleton-shimmer-01-l: var(--dt-color-mozzarella-5-l);
1937
- --dt-color-skeleton-shimmer-02-h: var(--dt-color-mozzarella-5-h);
1938
- --dt-color-skeleton-shimmer-02-s: var(--dt-color-mozzarella-5-s);
1939
- --dt-color-skeleton-shimmer-02-l: var(--dt-color-mozzarella-5-l);
1940
- --dt-color-skeleton-shimmer-03-h: var(--dt-color-mozzarella-10-h);
1941
- --dt-color-skeleton-shimmer-03-s: var(--dt-color-mozzarella-10-s);
1942
- --dt-color-skeleton-shimmer-03-l: var(--dt-color-mozzarella-10-l);
2075
+ --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-5-h);
2076
+ --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-5-s);
2077
+ --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-5-l);
2078
+ --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-5-h);
2079
+ --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-5-s);
2080
+ --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-5-l);
2081
+ --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-10-h);
2082
+ --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-10-s);
2083
+ --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-10-l);
1943
2084
  }
1944
2085
  @media (prefers-color-scheme: dark) {
1945
2086
  html[data-darkmode-enabled] {
1946
- --dt-color-background-default-h: var(--dt-color-mozzarella-100-h);
1947
- --dt-color-background-default-s: var(--dt-color-mozzarella-100-s);
1948
- --dt-color-background-default-l: var(--dt-color-mozzarella-100-l);
1949
- --dt-color-background-subtle-h: var(--dt-color-mozzarella-80-h);
1950
- --dt-color-background-subtle-s: var(--dt-color-mozzarella-80-s);
1951
- --dt-color-background-subtle-l: var(--dt-color-mozzarella-80-l);
1952
- --dt-color-background-dark-h: var(--dt-color-white-h);
1953
- --dt-color-background-dark-s: var(--dt-color-white-s);
1954
- --dt-color-background-dark-l: var(--dt-color-white-l);
1955
- --dt-color-container-default-h: var(--dt-color-mozzarella-90-h);
1956
- --dt-color-container-default-s: var(--dt-color-mozzarella-90-s);
1957
- --dt-color-container-default-l: var(--dt-color-mozzarella-90-l);
1958
- --dt-color-container-subtle-h: var(--dt-color-mozzarella-80-h);
1959
- --dt-color-container-subtle-s: var(--dt-color-mozzarella-80-s);
1960
- --dt-color-container-subtle-l: var(--dt-color-mozzarella-80-l);
1961
- --dt-color-container-strong-h: var(--dt-color-mozzarella-70-h);
1962
- --dt-color-container-strong-s: var(--dt-color-mozzarella-70-s);
1963
- --dt-color-container-strong-l: var(--dt-color-mozzarella-70-l);
1964
- --dt-color-container-dark-h: var(--dt-color-mozzarella-90-h);
1965
- --dt-color-container-dark-s: var(--dt-color-mozzarella-90-s);
1966
- --dt-color-container-dark-l: var(--dt-color-mozzarella-90-l);
2087
+ --dt-color-background-default-h: var(--dt-color-truffle-100-h);
2088
+ --dt-color-background-default-s: var(--dt-color-truffle-100-s);
2089
+ --dt-color-background-default-l: var(--dt-color-truffle-100-l);
2090
+ --dt-color-background-subtle-h: var(--dt-color-truffle-80-h);
2091
+ --dt-color-background-subtle-s: var(--dt-color-truffle-80-s);
2092
+ --dt-color-background-subtle-l: var(--dt-color-truffle-80-l);
2093
+ --dt-color-background-dark-h: var(--dt-color-truffle-5-h);
2094
+ --dt-color-background-dark-s: var(--dt-color-truffle-5-s);
2095
+ --dt-color-background-dark-l: var(--dt-color-truffle-5-l);
2096
+ --dt-color-container-default-h: var(--dt-color-truffle-90-h);
2097
+ --dt-color-container-default-s: var(--dt-color-truffle-90-s);
2098
+ --dt-color-container-default-l: var(--dt-color-truffle-90-l);
2099
+ --dt-color-container-subtle-h: var(--dt-color-truffle-80-h);
2100
+ --dt-color-container-subtle-s: var(--dt-color-truffle-80-s);
2101
+ --dt-color-container-subtle-l: var(--dt-color-truffle-80-l);
2102
+ --dt-color-container-strong-h: var(--dt-color-truffle-70-h);
2103
+ --dt-color-container-strong-s: var(--dt-color-truffle-70-s);
2104
+ --dt-color-container-strong-l: var(--dt-color-truffle-70-l);
2105
+ --dt-color-container-dark-h: var(--dt-color-truffle-90-h);
2106
+ --dt-color-container-dark-s: var(--dt-color-truffle-90-s);
2107
+ --dt-color-container-dark-l: var(--dt-color-truffle-90-l);
1967
2108
  --dt-color-container-light-h: var(--dt-color-white-h);
1968
2109
  --dt-color-container-light-s: var(--dt-color-white-s);
1969
2110
  --dt-color-container-light-l: var(--dt-color-white-l);
1970
2111
  --dt-color-container-inverse-h: var(--dt-color-white-h);
1971
2112
  --dt-color-container-inverse-s: var(--dt-color-white-s);
1972
2113
  --dt-color-container-inverse-l: var(--dt-color-white-l);
1973
- --dt-color-container-inverse-alternative-h: var(--dt-color-mozzarella-70-h);
1974
- --dt-color-container-inverse-alternative-s: var(--dt-color-mozzarella-70-s);
1975
- --dt-color-container-inverse-alternative-l: var(--dt-color-mozzarella-70-l);
1976
- --dt-color-border-default-h: var(--dt-color-mozzarella-70-h);
1977
- --dt-color-border-default-s: var(--dt-color-mozzarella-70-s);
1978
- --dt-color-border-default-l: var(--dt-color-mozzarella-70-l);
1979
- --dt-color-border-subtle-h: var(--dt-color-mozzarella-75-h);
1980
- --dt-color-border-subtle-s: var(--dt-color-mozzarella-75-s);
1981
- --dt-color-border-subtle-l: var(--dt-color-mozzarella-75-l);
1982
- --dt-color-border-strong-h: var(--dt-color-mozzarella-60-h);
1983
- --dt-color-border-strong-s: var(--dt-color-mozzarella-60-s);
1984
- --dt-color-border-strong-l: var(--dt-color-mozzarella-60-l);
1985
- --dt-color-border-inverse-h: var(--dt-color-mozzarella-20-h);
1986
- --dt-color-border-inverse-s: var(--dt-color-mozzarella-20-s);
1987
- --dt-color-border-inverse-l: var(--dt-color-mozzarella-20-l);
1988
- --dt-color-border-selected-h: var(--dt-color-mozzarella-30-h);
1989
- --dt-color-border-selected-s: var(--dt-color-mozzarella-30-s);
1990
- --dt-color-border-selected-l: var(--dt-color-mozzarella-30-l);
2114
+ --dt-color-container-inverse-alternative-h: var(--dt-color-truffle-70-h);
2115
+ --dt-color-container-inverse-alternative-s: var(--dt-color-truffle-70-s);
2116
+ --dt-color-container-inverse-alternative-l: var(--dt-color-truffle-70-l);
2117
+ --dt-color-border-default-h: var(--dt-color-truffle-70-h);
2118
+ --dt-color-border-default-s: var(--dt-color-truffle-70-s);
2119
+ --dt-color-border-default-l: var(--dt-color-truffle-70-l);
2120
+ --dt-color-border-subtle-h: var(--dt-color-truffle-75-h);
2121
+ --dt-color-border-subtle-s: var(--dt-color-truffle-75-s);
2122
+ --dt-color-border-subtle-l: var(--dt-color-truffle-75-l);
2123
+ --dt-color-border-strong-h: var(--dt-color-truffle-65-h);
2124
+ --dt-color-border-strong-s: var(--dt-color-truffle-65-s);
2125
+ --dt-color-border-strong-l: var(--dt-color-truffle-65-l);
2126
+ --dt-color-border-inverse-h: var(--dt-color-truffle-20-h);
2127
+ --dt-color-border-inverse-s: var(--dt-color-truffle-20-s);
2128
+ --dt-color-border-inverse-l: var(--dt-color-truffle-20-l);
2129
+ --dt-color-border-selected-h: var(--dt-color-truffle-30-h);
2130
+ --dt-color-border-selected-s: var(--dt-color-truffle-30-s);
2131
+ --dt-color-border-selected-l: var(--dt-color-truffle-30-l);
1991
2132
  --dt-color-border-selected-brand-h: var(--dt-color-orange-h);
1992
2133
  --dt-color-border-selected-brand-s: var(--dt-color-orange-s);
1993
2134
  --dt-color-border-selected-brand-l: var(--dt-color-orange-l);
1994
- --dt-color-border-form-h: var(--dt-color-mozzarella-50-h);
1995
- --dt-color-border-form-s: var(--dt-color-mozzarella-50-s);
1996
- --dt-color-border-form-l: var(--dt-color-mozzarella-50-l);
2135
+ --dt-color-border-form-h: var(--dt-color-truffle-55-h);
2136
+ --dt-color-border-form-s: var(--dt-color-truffle-55-s);
2137
+ --dt-color-border-form-l: var(--dt-color-truffle-55-l);
2138
+ --dt-color-border-neutral-h: var(--dt-color-truffle-80-h);
2139
+ --dt-color-border-neutral-s: var(--dt-color-truffle-80-s);
2140
+ --dt-color-border-neutral-l: var(--dt-color-truffle-80-l);
1997
2141
  --dt-color-border-decorative-brand-h: var(--dt-color-orange-30-h);
1998
2142
  --dt-color-border-decorative-brand-s: var(--dt-color-orange-30-s);
1999
2143
  --dt-color-border-decorative-brand-l: var(--dt-color-orange-30-l);
@@ -2003,63 +2147,75 @@ html[data-highcontrast-enabled] {
2003
2147
  --dt-color-interactive-primary-h: var(--dt-color-white-h);
2004
2148
  --dt-color-interactive-primary-s: var(--dt-color-white-s);
2005
2149
  --dt-color-interactive-primary-l: var(--dt-color-white-l);
2006
- --dt-color-interactive-secondary-h: var(--dt-color-mozzarella-75-h);
2007
- --dt-color-interactive-secondary-s: var(--dt-color-mozzarella-75-s);
2008
- --dt-color-interactive-secondary-l: var(--dt-color-mozzarella-75-l);
2009
- --dt-color-interactive-inverse-h: var(--dt-color-mozzarella-90-h);
2010
- --dt-color-interactive-inverse-s: var(--dt-color-mozzarella-90-s);
2011
- --dt-color-interactive-inverse-l: var(--dt-color-mozzarella-90-l);
2150
+ --dt-color-interactive-secondary-h: var(--dt-color-truffle-75-h);
2151
+ --dt-color-interactive-secondary-s: var(--dt-color-truffle-75-s);
2152
+ --dt-color-interactive-secondary-l: var(--dt-color-truffle-75-l);
2153
+ --dt-color-interactive-inverse-h: var(--dt-color-truffle-90-h);
2154
+ --dt-color-interactive-inverse-s: var(--dt-color-truffle-90-s);
2155
+ --dt-color-interactive-inverse-l: var(--dt-color-truffle-90-l);
2012
2156
  --dt-color-interactive-light-h: var(--dt-color-white-h);
2013
2157
  --dt-color-interactive-light-s: var(--dt-color-white-s);
2014
2158
  --dt-color-interactive-light-l: var(--dt-color-white-l);
2015
- --dt-color-interactive-form-h: var(--dt-color-mozzarella-50-h);
2016
- --dt-color-interactive-form-s: var(--dt-color-mozzarella-50-s);
2017
- --dt-color-interactive-form-l: var(--dt-color-mozzarella-50-l);
2018
- --dt-color-interactive-error-h: var(--dt-color-red-40-h);
2019
- --dt-color-interactive-error-s: var(--dt-color-red-40-s);
2020
- --dt-color-interactive-error-l: var(--dt-color-red-40-l);
2021
- --dt-color-support-error-h: var(--dt-color-red-40-h);
2022
- --dt-color-support-error-s: var(--dt-color-red-40-s);
2023
- --dt-color-support-error-l: var(--dt-color-red-40-l);
2024
- --dt-color-support-warning-h: var(--dt-color-yellow-h);
2025
- --dt-color-support-warning-s: var(--dt-color-yellow-s);
2026
- --dt-color-support-warning-l: var(--dt-color-yellow-l);
2159
+ --dt-color-interactive-form-h: var(--dt-color-truffle-55-h);
2160
+ --dt-color-interactive-form-s: var(--dt-color-truffle-55-s);
2161
+ --dt-color-interactive-form-l: var(--dt-color-truffle-55-l);
2162
+ --dt-color-interactive-error-h: var(--dt-color-red-50-h);
2163
+ --dt-color-interactive-error-s: var(--dt-color-red-50-s);
2164
+ --dt-color-interactive-error-l: var(--dt-color-red-50-l);
2165
+ --dt-color-support-error-h: var(--dt-color-red-50-h);
2166
+ --dt-color-support-error-s: var(--dt-color-red-50-s);
2167
+ --dt-color-support-error-l: var(--dt-color-red-50-l);
2168
+ --dt-color-support-warning-h: var(--dt-color-yellow-40-h);
2169
+ --dt-color-support-warning-s: var(--dt-color-yellow-40-s);
2170
+ --dt-color-support-warning-l: var(--dt-color-yellow-40-l);
2027
2171
  --dt-color-support-positive-h: var(--dt-color-green-30-h);
2028
2172
  --dt-color-support-positive-s: var(--dt-color-green-30-s);
2029
2173
  --dt-color-support-positive-l: var(--dt-color-green-30-l);
2030
2174
  --dt-color-support-info-h: var(--dt-color-blue-30-h);
2031
2175
  --dt-color-support-info-s: var(--dt-color-blue-30-s);
2032
2176
  --dt-color-support-info-l: var(--dt-color-blue-30-l);
2033
- --dt-color-support-neutral-h: var(--dt-color-mozzarella-100-h);
2034
- --dt-color-support-neutral-s: var(--dt-color-mozzarella-100-s);
2035
- --dt-color-support-neutral-l: var(--dt-color-mozzarella-100-l);
2177
+ --dt-color-support-neutral-h: var(--dt-color-truffle-100-h);
2178
+ --dt-color-support-neutral-s: var(--dt-color-truffle-100-s);
2179
+ --dt-color-support-neutral-l: var(--dt-color-truffle-100-l);
2036
2180
  --dt-color-support-error-02-h: var(--dt-color-red-90-h);
2037
2181
  --dt-color-support-error-02-s: var(--dt-color-red-90-s);
2038
2182
  --dt-color-support-error-02-l: var(--dt-color-red-90-l);
2039
- --dt-color-support-warning-02-h: var(--dt-color-yellow-90-h);
2040
- --dt-color-support-warning-02-s: var(--dt-color-yellow-90-s);
2041
- --dt-color-support-warning-02-l: var(--dt-color-yellow-90-l);
2042
- --dt-color-support-positive-02-h: var(--dt-color-green-90-h);
2043
- --dt-color-support-positive-02-s: var(--dt-color-green-90-s);
2044
- --dt-color-support-positive-02-l: var(--dt-color-green-90-l);
2045
- --dt-color-support-info-02-h: var(--dt-color-blue-90-h);
2046
- --dt-color-support-info-02-s: var(--dt-color-blue-90-s);
2047
- --dt-color-support-info-02-l: var(--dt-color-blue-90-l);
2183
+ --dt-color-support-error-tonal-h: var(--dt-color-red-100-h);
2184
+ --dt-color-support-error-tonal-s: var(--dt-color-red-100-s);
2185
+ --dt-color-support-error-tonal-l: var(--dt-color-red-100-l);
2186
+ --dt-color-support-warning-02-h: var(--dt-color-yellow-80-h);
2187
+ --dt-color-support-warning-02-s: var(--dt-color-yellow-80-s);
2188
+ --dt-color-support-warning-02-l: var(--dt-color-yellow-80-l);
2189
+ --dt-color-support-warning-tonal-h: var(--dt-color-yellow-90-h);
2190
+ --dt-color-support-warning-tonal-s: var(--dt-color-yellow-90-s);
2191
+ --dt-color-support-warning-tonal-l: var(--dt-color-yellow-90-l);
2192
+ --dt-color-support-positive-02-h: var(--dt-color-green-80-h);
2193
+ --dt-color-support-positive-02-s: var(--dt-color-green-80-s);
2194
+ --dt-color-support-positive-02-l: var(--dt-color-green-80-l);
2195
+ --dt-color-support-positive-tonal-h: var(--dt-color-green-90-h);
2196
+ --dt-color-support-positive-tonal-s: var(--dt-color-green-90-s);
2197
+ --dt-color-support-positive-tonal-l: var(--dt-color-green-90-l);
2198
+ --dt-color-support-info-02-h: var(--dt-color-blue-80-h);
2199
+ --dt-color-support-info-02-s: var(--dt-color-blue-80-s);
2200
+ --dt-color-support-info-02-l: var(--dt-color-blue-80-l);
2201
+ --dt-color-support-info-tonal-h: var(--dt-color-blue-90-h);
2202
+ --dt-color-support-info-tonal-s: var(--dt-color-blue-90-s);
2203
+ --dt-color-support-info-tonal-l: var(--dt-color-blue-90-l);
2048
2204
  --dt-color-support-info-inverse-h: var(--dt-color-blue-h);
2049
2205
  --dt-color-support-info-inverse-s: var(--dt-color-blue-s);
2050
2206
  --dt-color-support-info-inverse-l: var(--dt-color-blue-l);
2051
2207
  --dt-color-support-positive-inverse-h: var(--dt-color-green-h);
2052
2208
  --dt-color-support-positive-inverse-s: var(--dt-color-green-s);
2053
2209
  --dt-color-support-positive-inverse-l: var(--dt-color-green-l);
2054
- --dt-color-support-neutral-persistent-h: var(--dt-color-mozzarella-20-h);
2055
- --dt-color-support-neutral-persistent-s: var(--dt-color-mozzarella-20-s);
2056
- --dt-color-support-neutral-persistent-l: var(--dt-color-mozzarella-20-l);
2210
+ --dt-color-support-neutral-persistent-h: var(--dt-color-truffle-20-h);
2211
+ --dt-color-support-neutral-persistent-s: var(--dt-color-truffle-20-s);
2212
+ --dt-color-support-neutral-persistent-l: var(--dt-color-truffle-20-l);
2057
2213
  --dt-color-support-error-inverse-h: var(--dt-color-red-h);
2058
2214
  --dt-color-support-error-inverse-s: var(--dt-color-red-s);
2059
2215
  --dt-color-support-error-inverse-l: var(--dt-color-red-l);
2060
- --dt-color-support-warning-inverse-h: var(--dt-color-turmeric-60-h);
2061
- --dt-color-support-warning-inverse-s: var(--dt-color-turmeric-60-s);
2062
- --dt-color-support-warning-inverse-l: var(--dt-color-turmeric-60-l);
2216
+ --dt-color-support-warning-inverse-h: var(--dt-color-yellow-75-h);
2217
+ --dt-color-support-warning-inverse-s: var(--dt-color-yellow-75-s);
2218
+ --dt-color-support-warning-inverse-l: var(--dt-color-yellow-75-l);
2063
2219
  --dt-color-support-brand-01-h: var(--dt-color-orange-30-h);
2064
2220
  --dt-color-support-brand-01-s: var(--dt-color-orange-30-s);
2065
2221
  --dt-color-support-brand-01-l: var(--dt-color-orange-30-l);
@@ -2147,9 +2303,9 @@ html[data-highcontrast-enabled] {
2147
2303
  --dt-color-content-interactive-dark-h: var(--dt-color-charcoal-80-h);
2148
2304
  --dt-color-content-interactive-dark-s: var(--dt-color-charcoal-80-s);
2149
2305
  --dt-color-content-interactive-dark-l: var(--dt-color-charcoal-80-l);
2150
- --dt-color-content-interactive-error-h: var(--dt-color-red-30-h);
2151
- --dt-color-content-interactive-error-s: var(--dt-color-red-30-s);
2152
- --dt-color-content-interactive-error-l: var(--dt-color-red-30-l);
2306
+ --dt-color-content-interactive-error-h: var(--dt-color-red-10-h);
2307
+ --dt-color-content-interactive-error-s: var(--dt-color-red-10-s);
2308
+ --dt-color-content-interactive-error-l: var(--dt-color-red-10-l);
2153
2309
  --dt-color-content-light-h: var(--dt-color-white-h);
2154
2310
  --dt-color-content-light-s: var(--dt-color-white-s);
2155
2311
  --dt-color-content-light-l: var(--dt-color-white-l);
@@ -2162,9 +2318,9 @@ html[data-highcontrast-enabled] {
2162
2318
  --dt-color-content-link-h: var(--dt-color-white-h);
2163
2319
  --dt-color-content-link-s: var(--dt-color-white-s);
2164
2320
  --dt-color-content-link-l: var(--dt-color-white-l);
2165
- --dt-color-content-link-distinct-h: var(--dt-color-blue-30-h);
2166
- --dt-color-content-link-distinct-s: var(--dt-color-blue-30-s);
2167
- --dt-color-content-link-distinct-l: var(--dt-color-blue-30-l);
2321
+ --dt-color-content-link-distinct-h: var(--dt-color-blue-10-h);
2322
+ --dt-color-content-link-distinct-s: var(--dt-color-blue-10-s);
2323
+ --dt-color-content-link-distinct-l: var(--dt-color-blue-10-l);
2168
2324
  --dt-color-content-link-light-h: var(--dt-color-white-h);
2169
2325
  --dt-color-content-link-light-s: var(--dt-color-white-s);
2170
2326
  --dt-color-content-link-light-l: var(--dt-color-white-l);
@@ -2177,15 +2333,15 @@ html[data-highcontrast-enabled] {
2177
2333
  --dt-color-content-link-visited-inverse-h: var(--dt-color-system-purple-h);
2178
2334
  --dt-color-content-link-visited-inverse-s: var(--dt-color-system-purple-s);
2179
2335
  --dt-color-content-link-visited-inverse-l: var(--dt-color-system-purple-l);
2180
- --dt-color-content-error-h: var(--dt-color-red-30-h);
2181
- --dt-color-content-error-s: var(--dt-color-red-30-s);
2182
- --dt-color-content-error-l: var(--dt-color-red-30-l);
2336
+ --dt-color-content-error-h: var(--dt-color-red-10-h);
2337
+ --dt-color-content-error-s: var(--dt-color-red-10-s);
2338
+ --dt-color-content-error-l: var(--dt-color-red-10-l);
2183
2339
  --dt-color-content-placeholder-h: var(--dt-color-charcoal-50-h);
2184
2340
  --dt-color-content-placeholder-s: var(--dt-color-charcoal-50-s);
2185
2341
  --dt-color-content-placeholder-l: var(--dt-color-charcoal-50-l);
2186
- --dt-color-content-positive-h: var(--dt-color-green-30-h);
2187
- --dt-color-content-positive-s: var(--dt-color-green-30-s);
2188
- --dt-color-content-positive-l: var(--dt-color-green-30-l);
2342
+ --dt-color-content-positive-h: var(--dt-color-green-10-h);
2343
+ --dt-color-content-positive-s: var(--dt-color-green-10-s);
2344
+ --dt-color-content-positive-l: var(--dt-color-green-10-l);
2189
2345
  --dt-color-content-disabled-h: var(--dt-color-charcoal-50-h);
2190
2346
  --dt-color-content-disabled-s: var(--dt-color-charcoal-50-s);
2191
2347
  --dt-color-content-disabled-l: var(--dt-color-charcoal-50-l);
@@ -2198,30 +2354,30 @@ html[data-highcontrast-enabled] {
2198
2354
  --dt-color-focus-outer-h: var(--dt-color-blue-30-h);
2199
2355
  --dt-color-focus-outer-s: var(--dt-color-blue-30-s);
2200
2356
  --dt-color-focus-outer-l: var(--dt-color-blue-30-l);
2201
- --dt-color-disabled-01-h: var(--dt-color-mozzarella-80-h);
2202
- --dt-color-disabled-01-s: var(--dt-color-mozzarella-80-s);
2203
- --dt-color-disabled-01-l: var(--dt-color-mozzarella-80-l);
2204
- --dt-color-disabled-01-inverse-h: var(--dt-color-mozzarella-20-h);
2205
- --dt-color-disabled-01-inverse-s: var(--dt-color-mozzarella-20-s);
2206
- --dt-color-disabled-01-inverse-l: var(--dt-color-mozzarella-20-l);
2207
- --dt-color-skeleton-01-h: var(--dt-color-mozzarella-80-h);
2208
- --dt-color-skeleton-01-s: var(--dt-color-mozzarella-80-s);
2209
- --dt-color-skeleton-01-l: var(--dt-color-mozzarella-80-l);
2210
- --dt-color-skeleton-02-h: var(--dt-color-mozzarella-75-h);
2211
- --dt-color-skeleton-02-s: var(--dt-color-mozzarella-75-s);
2212
- --dt-color-skeleton-02-l: var(--dt-color-mozzarella-75-l);
2213
- --dt-color-skeleton-03-h: var(--dt-color-mozzarella-90-h);
2214
- --dt-color-skeleton-03-s: var(--dt-color-mozzarella-90-s);
2215
- --dt-color-skeleton-03-l: var(--dt-color-mozzarella-90-l);
2216
- --dt-color-skeleton-shimmer-01-h: var(--dt-color-mozzarella-75-h);
2217
- --dt-color-skeleton-shimmer-01-s: var(--dt-color-mozzarella-75-s);
2218
- --dt-color-skeleton-shimmer-01-l: var(--dt-color-mozzarella-75-l);
2219
- --dt-color-skeleton-shimmer-02-h: var(--dt-color-mozzarella-70-h);
2220
- --dt-color-skeleton-shimmer-02-s: var(--dt-color-mozzarella-70-s);
2221
- --dt-color-skeleton-shimmer-02-l: var(--dt-color-mozzarella-70-l);
2222
- --dt-color-skeleton-shimmer-03-h: var(--dt-color-mozzarella-80-h);
2223
- --dt-color-skeleton-shimmer-03-s: var(--dt-color-mozzarella-80-s);
2224
- --dt-color-skeleton-shimmer-03-l: var(--dt-color-mozzarella-80-l);
2357
+ --dt-color-disabled-01-h: var(--dt-color-truffle-80-h);
2358
+ --dt-color-disabled-01-s: var(--dt-color-truffle-80-s);
2359
+ --dt-color-disabled-01-l: var(--dt-color-truffle-80-l);
2360
+ --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-20-h);
2361
+ --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-20-s);
2362
+ --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-20-l);
2363
+ --dt-color-skeleton-01-h: var(--dt-color-truffle-80-h);
2364
+ --dt-color-skeleton-01-s: var(--dt-color-truffle-80-s);
2365
+ --dt-color-skeleton-01-l: var(--dt-color-truffle-80-l);
2366
+ --dt-color-skeleton-02-h: var(--dt-color-truffle-75-h);
2367
+ --dt-color-skeleton-02-s: var(--dt-color-truffle-75-s);
2368
+ --dt-color-skeleton-02-l: var(--dt-color-truffle-75-l);
2369
+ --dt-color-skeleton-03-h: var(--dt-color-truffle-90-h);
2370
+ --dt-color-skeleton-03-s: var(--dt-color-truffle-90-s);
2371
+ --dt-color-skeleton-03-l: var(--dt-color-truffle-90-l);
2372
+ --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-75-h);
2373
+ --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-75-s);
2374
+ --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-75-l);
2375
+ --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-70-h);
2376
+ --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-70-s);
2377
+ --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-70-l);
2378
+ --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-80-h);
2379
+ --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-80-s);
2380
+ --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-80-l);
2225
2381
  --dt-color-thirdparty-apple-container-primary-h: var(--dt-color-white-h);
2226
2382
  --dt-color-thirdparty-apple-container-primary-s: var(--dt-color-white-s);
2227
2383
  --dt-color-thirdparty-apple-container-primary-l: var(--dt-color-white-l);
@@ -2394,15 +2550,27 @@ html[data-highcontrast-enabled] {
2394
2550
  --dt-color-support-error-02-h: var(--dt-color-black-h);
2395
2551
  --dt-color-support-error-02-s: var(--dt-color-black-s);
2396
2552
  --dt-color-support-error-02-l: var(--dt-color-black-l);
2553
+ --dt-color-support-error-tonal-h: var(--dt-color-black-h);
2554
+ --dt-color-support-error-tonal-s: var(--dt-color-black-s);
2555
+ --dt-color-support-error-tonal-l: var(--dt-color-black-l);
2397
2556
  --dt-color-support-warning-02-h: var(--dt-color-black-h);
2398
2557
  --dt-color-support-warning-02-s: var(--dt-color-black-s);
2399
2558
  --dt-color-support-warning-02-l: var(--dt-color-black-l);
2559
+ --dt-color-support-warning-tonal-h: var(--dt-color-black-h);
2560
+ --dt-color-support-warning-tonal-s: var(--dt-color-black-s);
2561
+ --dt-color-support-warning-tonal-l: var(--dt-color-black-l);
2400
2562
  --dt-color-support-positive-02-h: var(--dt-color-black-h);
2401
2563
  --dt-color-support-positive-02-s: var(--dt-color-black-s);
2402
2564
  --dt-color-support-positive-02-l: var(--dt-color-black-l);
2565
+ --dt-color-support-positive-tonal-h: var(--dt-color-black-h);
2566
+ --dt-color-support-positive-tonal-s: var(--dt-color-black-s);
2567
+ --dt-color-support-positive-tonal-l: var(--dt-color-black-l);
2403
2568
  --dt-color-support-info-02-h: var(--dt-color-black-h);
2404
2569
  --dt-color-support-info-02-s: var(--dt-color-black-s);
2405
2570
  --dt-color-support-info-02-l: var(--dt-color-black-l);
2571
+ --dt-color-support-info-tonal-h: var(--dt-color-black-h);
2572
+ --dt-color-support-info-tonal-s: var(--dt-color-black-s);
2573
+ --dt-color-support-info-tonal-l: var(--dt-color-black-l);
2406
2574
  --dt-color-support-info-inverse-h: var(--dt-color-blue-dark-hc-h);
2407
2575
  --dt-color-support-info-inverse-s: var(--dt-color-blue-dark-hc-s);
2408
2576
  --dt-color-support-info-inverse-l: var(--dt-color-blue-dark-hc-l);
@@ -2535,30 +2703,30 @@ html[data-highcontrast-enabled] {
2535
2703
  --dt-color-focus-outer-h: var(--dt-color-blue-30-h);
2536
2704
  --dt-color-focus-outer-s: var(--dt-color-blue-30-s);
2537
2705
  --dt-color-focus-outer-l: var(--dt-color-blue-30-l);
2538
- --dt-color-disabled-01-h: var(--dt-color-mozzarella-80-h);
2539
- --dt-color-disabled-01-s: var(--dt-color-mozzarella-80-s);
2540
- --dt-color-disabled-01-l: var(--dt-color-mozzarella-80-l);
2541
- --dt-color-disabled-01-inverse-h: var(--dt-color-mozzarella-20-h);
2542
- --dt-color-disabled-01-inverse-s: var(--dt-color-mozzarella-20-s);
2543
- --dt-color-disabled-01-inverse-l: var(--dt-color-mozzarella-20-l);
2544
- --dt-color-skeleton-01-h: var(--dt-color-mozzarella-80-h);
2545
- --dt-color-skeleton-01-s: var(--dt-color-mozzarella-80-s);
2546
- --dt-color-skeleton-01-l: var(--dt-color-mozzarella-80-l);
2547
- --dt-color-skeleton-02-h: var(--dt-color-mozzarella-100-h);
2548
- --dt-color-skeleton-02-s: var(--dt-color-mozzarella-100-s);
2549
- --dt-color-skeleton-02-l: var(--dt-color-mozzarella-100-l);
2550
- --dt-color-skeleton-03-h: var(--dt-color-mozzarella-90-h);
2551
- --dt-color-skeleton-03-s: var(--dt-color-mozzarella-90-s);
2552
- --dt-color-skeleton-03-l: var(--dt-color-mozzarella-90-l);
2553
- --dt-color-skeleton-shimmer-01-h: var(--dt-color-mozzarella-75-h);
2554
- --dt-color-skeleton-shimmer-01-s: var(--dt-color-mozzarella-75-s);
2555
- --dt-color-skeleton-shimmer-01-l: var(--dt-color-mozzarella-75-l);
2556
- --dt-color-skeleton-shimmer-02-h: var(--dt-color-mozzarella-70-h);
2557
- --dt-color-skeleton-shimmer-02-s: var(--dt-color-mozzarella-70-s);
2558
- --dt-color-skeleton-shimmer-02-l: var(--dt-color-mozzarella-70-l);
2559
- --dt-color-skeleton-shimmer-03-h: var(--dt-color-mozzarella-80-h);
2560
- --dt-color-skeleton-shimmer-03-s: var(--dt-color-mozzarella-80-s);
2561
- --dt-color-skeleton-shimmer-03-l: var(--dt-color-mozzarella-80-l);
2706
+ --dt-color-disabled-01-h: var(--dt-color-truffle-80-h);
2707
+ --dt-color-disabled-01-s: var(--dt-color-truffle-80-s);
2708
+ --dt-color-disabled-01-l: var(--dt-color-truffle-80-l);
2709
+ --dt-color-disabled-01-inverse-h: var(--dt-color-truffle-20-h);
2710
+ --dt-color-disabled-01-inverse-s: var(--dt-color-truffle-20-s);
2711
+ --dt-color-disabled-01-inverse-l: var(--dt-color-truffle-20-l);
2712
+ --dt-color-skeleton-01-h: var(--dt-color-truffle-80-h);
2713
+ --dt-color-skeleton-01-s: var(--dt-color-truffle-80-s);
2714
+ --dt-color-skeleton-01-l: var(--dt-color-truffle-80-l);
2715
+ --dt-color-skeleton-02-h: var(--dt-color-truffle-100-h);
2716
+ --dt-color-skeleton-02-s: var(--dt-color-truffle-100-s);
2717
+ --dt-color-skeleton-02-l: var(--dt-color-truffle-100-l);
2718
+ --dt-color-skeleton-03-h: var(--dt-color-truffle-90-h);
2719
+ --dt-color-skeleton-03-s: var(--dt-color-truffle-90-s);
2720
+ --dt-color-skeleton-03-l: var(--dt-color-truffle-90-l);
2721
+ --dt-color-skeleton-shimmer-01-h: var(--dt-color-truffle-75-h);
2722
+ --dt-color-skeleton-shimmer-01-s: var(--dt-color-truffle-75-s);
2723
+ --dt-color-skeleton-shimmer-01-l: var(--dt-color-truffle-75-l);
2724
+ --dt-color-skeleton-shimmer-02-h: var(--dt-color-truffle-70-h);
2725
+ --dt-color-skeleton-shimmer-02-s: var(--dt-color-truffle-70-s);
2726
+ --dt-color-skeleton-shimmer-02-l: var(--dt-color-truffle-70-l);
2727
+ --dt-color-skeleton-shimmer-03-h: var(--dt-color-truffle-80-h);
2728
+ --dt-color-skeleton-shimmer-03-s: var(--dt-color-truffle-80-s);
2729
+ --dt-color-skeleton-shimmer-03-l: var(--dt-color-truffle-80-l);
2562
2730
  }
2563
2731
  }
2564
2732
  :root {