@dialpad/dialtone-css 8.80.0-next.7 → 8.80.0-next.8

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 (20) hide show
  1. package/lib/build/less/components/box.less +11 -3
  2. package/lib/build/less/components/button.less +30 -25
  3. package/lib/build/less/components/card.less +1 -1
  4. package/lib/build/less/components/chip.less +32 -0
  5. package/lib/build/less/components/image-viewer.less +1 -0
  6. package/lib/build/less/components/modal.less +1 -1
  7. package/lib/build/less/components/popover.less +1 -1
  8. package/lib/build/less/components/toast.less +2 -2
  9. package/lib/build/less/recipes/unread_pill.less +1 -1
  10. package/lib/build/less/utilities/effects.less +11 -5
  11. package/lib/dist/dialtone-default-theme.css +541 -128
  12. package/lib/dist/dialtone-default-theme.min.css +1 -1
  13. package/lib/dist/dialtone-docs.json +1 -1
  14. package/lib/dist/dialtone.css +380 -84
  15. package/lib/dist/dialtone.min.css +1 -1
  16. package/lib/dist/tokens/tokens-base-dark.css +267 -126
  17. package/lib/dist/tokens/tokens-base-light.css +161 -44
  18. package/lib/dist/tokens/tokens-debug-base.css +158 -41
  19. package/lib/dist/tokens-docs.json +1 -1
  20. package/package.json +2 -2
package/lib/dist/tokens/tokens-base-dark.css CHANGED
@@ -5,70 +5,306 @@
5
5
  --dt-shadow-focus-inset-type: dropShadow;
6
6
  --dt-shadow-focus-2-type: dropShadow;
7
7
  --dt-shadow-focus-1-type: dropShadow;
8
- --dt-shadow-card-7-type: dropShadow;
9
- --dt-shadow-card-7-spread: 0rem;
10
- --dt-shadow-card-7-blur: 0rem;
11
- --dt-shadow-card-6-type: dropShadow;
12
- --dt-shadow-card-6-spread: 0rem;
13
- --dt-shadow-card-6-blur: 0rem;
14
- --dt-shadow-card-5-type: dropShadow;
15
- --dt-shadow-card-5-spread: 0rem;
16
- --dt-shadow-card-5-blur: 0rem;
17
- --dt-shadow-card-4-type: dropShadow;
18
- --dt-shadow-card-3-type: dropShadow;
19
- --dt-shadow-card-3-color: oklch(0 0 0 / 0.5804);
20
- --dt-shadow-card-2-type: dropShadow;
21
- --dt-shadow-card-2-color: oklch(0 0 0 / 0.451);
22
- --dt-shadow-card-1-type: dropShadow;
23
- --dt-shadow-card-1-color: oklch(0 0 0 / 0.349);
8
+ --dt-shadow-extra-large-7-offset-y: -0.05rem;
9
+ --dt-shadow-extra-large-7-offset-x: 0.05rem;
10
+ --dt-shadow-extra-large-7-type: dropShadow;
11
+ --dt-shadow-extra-large-7-color: oklch(0 0 0 / 0.2);
12
+ --dt-shadow-extra-large-7-spread: 0rem;
13
+ --dt-shadow-extra-large-7-blur: 0rem;
14
+ --dt-shadow-extra-large-6-offset-y: 0.05rem;
15
+ --dt-shadow-extra-large-6-offset-x: -0.05rem;
16
+ --dt-shadow-extra-large-6-type: dropShadow;
17
+ --dt-shadow-extra-large-6-color: oklch(0 0 0 / 0.2);
18
+ --dt-shadow-extra-large-6-spread: 0rem;
19
+ --dt-shadow-extra-large-6-blur: 0rem;
20
+ --dt-shadow-extra-large-5-offset-y: -0.05rem;
21
+ --dt-shadow-extra-large-5-offset-x: -0.05rem;
24
22
  --dt-shadow-extra-large-5-type: dropShadow;
23
+ --dt-shadow-extra-large-5-color: oklch(0 0 0 / 0.2);
25
24
  --dt-shadow-extra-large-5-spread: 0rem;
26
25
  --dt-shadow-extra-large-5-blur: 0rem;
26
+ --dt-shadow-extra-large-4-offset-y: 0.05rem;
27
+ --dt-shadow-extra-large-4-offset-x: 0.05rem;
27
28
  --dt-shadow-extra-large-4-type: dropShadow;
29
+ --dt-shadow-extra-large-4-color: oklch(0 0 0 / 0.2);
28
30
  --dt-shadow-extra-large-4-spread: 0rem;
29
31
  --dt-shadow-extra-large-4-blur: 0rem;
32
+ --dt-shadow-extra-large-3-offset-y: 4.8rem;
33
+ --dt-shadow-extra-large-3-offset-x: 0rem;
30
34
  --dt-shadow-extra-large-3-type: dropShadow;
35
+ --dt-shadow-extra-large-3-color: oklch(0 0 0 / 0.32);
31
36
  --dt-shadow-extra-large-3-spread: 0rem;
32
- --dt-shadow-extra-large-3-blur: 0rem;
37
+ --dt-shadow-extra-large-3-blur: 4.8rem;
38
+ --dt-shadow-extra-large-2-offset-y: 1.2rem;
39
+ --dt-shadow-extra-large-2-offset-x: 0rem;
33
40
  --dt-shadow-extra-large-2-type: dropShadow;
41
+ --dt-shadow-extra-large-2-color: oklch(0 0 0 / 0.20);
42
+ --dt-shadow-extra-large-2-spread: 0rem;
43
+ --dt-shadow-extra-large-2-blur: 1.6rem;
44
+ --dt-shadow-extra-large-1-offset-y: 0.4rem;
45
+ --dt-shadow-extra-large-1-offset-x: 0rem;
34
46
  --dt-shadow-extra-large-1-type: dropShadow;
35
- --dt-shadow-extra-large-1-color: oklch(0 0 0 / 0.549);
47
+ --dt-shadow-extra-large-1-color: oklch(0 0 0 / 0.08);
48
+ --dt-shadow-extra-large-1-spread: 0rem;
49
+ --dt-shadow-extra-large-1-blur: 0.6rem;
50
+ --dt-shadow-large-7-offset-y: -0.05rem;
51
+ --dt-shadow-large-7-offset-x: 0.05rem;
52
+ --dt-shadow-large-7-type: dropShadow;
53
+ --dt-shadow-large-7-color: oklch(0 0 0 / 0.2);
54
+ --dt-shadow-large-7-spread: 0rem;
55
+ --dt-shadow-large-7-blur: 0rem;
56
+ --dt-shadow-large-6-offset-y: 0.05rem;
57
+ --dt-shadow-large-6-offset-x: -0.05rem;
58
+ --dt-shadow-large-6-type: dropShadow;
59
+ --dt-shadow-large-6-color: oklch(0 0 0 / 0.2);
60
+ --dt-shadow-large-6-spread: 0rem;
61
+ --dt-shadow-large-6-blur: 0rem;
62
+ --dt-shadow-large-5-offset-y: -0.05rem;
63
+ --dt-shadow-large-5-offset-x: -0.05rem;
36
64
  --dt-shadow-large-5-type: dropShadow;
65
+ --dt-shadow-large-5-color: oklch(0 0 0 / 0.2);
37
66
  --dt-shadow-large-5-spread: 0rem;
38
67
  --dt-shadow-large-5-blur: 0rem;
68
+ --dt-shadow-large-4-offset-y: 0.05rem;
69
+ --dt-shadow-large-4-offset-x: 0.05rem;
39
70
  --dt-shadow-large-4-type: dropShadow;
71
+ --dt-shadow-large-4-color: oklch(0 0 0 / 0.2);
40
72
  --dt-shadow-large-4-spread: 0rem;
41
73
  --dt-shadow-large-4-blur: 0rem;
74
+ --dt-shadow-large-3-offset-y: 0.8rem;
75
+ --dt-shadow-large-3-offset-x: 0rem;
42
76
  --dt-shadow-large-3-type: dropShadow;
77
+ --dt-shadow-large-3-color: oklch(0 0 0 / 0.16);
43
78
  --dt-shadow-large-3-spread: 0rem;
44
- --dt-shadow-large-3-blur: 0rem;
79
+ --dt-shadow-large-3-blur: 1.2rem;
80
+ --dt-shadow-large-2-offset-y: 0.2rem;
81
+ --dt-shadow-large-2-offset-x: 0rem;
45
82
  --dt-shadow-large-2-type: dropShadow;
83
+ --dt-shadow-large-2-color: oklch(0 0 0 / 0.12);
84
+ --dt-shadow-large-2-spread: 0rem;
85
+ --dt-shadow-large-2-blur: 0.8rem;
86
+ --dt-shadow-large-1-offset-y: 0.1rem;
87
+ --dt-shadow-large-1-offset-x: 0rem;
46
88
  --dt-shadow-large-1-type: dropShadow;
47
- --dt-shadow-large-1-color: oklch(0 0 0 / 0.549);
89
+ --dt-shadow-large-1-color: oklch(0 0 0 / 0.08);
90
+ --dt-shadow-large-1-spread: 0rem;
91
+ --dt-shadow-large-1-blur: 0.2rem;
92
+ --dt-shadow-medium-7-offset-y: -0.05rem;
93
+ --dt-shadow-medium-7-offset-x: 0.05rem;
94
+ --dt-shadow-medium-7-type: dropShadow;
95
+ --dt-shadow-medium-7-color: oklch(0 0 0 / 0.2);
96
+ --dt-shadow-medium-7-spread: 0rem;
97
+ --dt-shadow-medium-7-blur: 0rem;
98
+ --dt-shadow-medium-6-offset-y: 0.05rem;
99
+ --dt-shadow-medium-6-offset-x: -0.05rem;
100
+ --dt-shadow-medium-6-type: dropShadow;
101
+ --dt-shadow-medium-6-color: oklch(0 0 0 / 0.2);
102
+ --dt-shadow-medium-6-spread: 0rem;
103
+ --dt-shadow-medium-6-blur: 0rem;
104
+ --dt-shadow-medium-5-offset-y: -0.05rem;
105
+ --dt-shadow-medium-5-offset-x: -0.05rem;
48
106
  --dt-shadow-medium-5-type: dropShadow;
107
+ --dt-shadow-medium-5-color: oklch(0 0 0 / 0.2);
49
108
  --dt-shadow-medium-5-spread: 0rem;
50
109
  --dt-shadow-medium-5-blur: 0rem;
110
+ --dt-shadow-medium-4-offset-y: 0.05rem;
111
+ --dt-shadow-medium-4-offset-x: 0.05rem;
51
112
  --dt-shadow-medium-4-type: dropShadow;
113
+ --dt-shadow-medium-4-color: oklch(0 0 0 / 0.2);
52
114
  --dt-shadow-medium-4-spread: 0rem;
53
115
  --dt-shadow-medium-4-blur: 0rem;
116
+ --dt-shadow-medium-3-offset-y: 0.8rem;
117
+ --dt-shadow-medium-3-offset-x: 0rem;
54
118
  --dt-shadow-medium-3-type: dropShadow;
119
+ --dt-shadow-medium-3-color: oklch(0 0 0 / 0.16);
55
120
  --dt-shadow-medium-3-spread: 0rem;
56
- --dt-shadow-medium-3-blur: 0rem;
121
+ --dt-shadow-medium-3-blur: 1.2rem;
122
+ --dt-shadow-medium-2-offset-y: 0.2rem;
123
+ --dt-shadow-medium-2-offset-x: 0rem;
57
124
  --dt-shadow-medium-2-type: dropShadow;
125
+ --dt-shadow-medium-2-color: oklch(0 0 0 / 0.12);
126
+ --dt-shadow-medium-2-spread: 0rem;
127
+ --dt-shadow-medium-2-blur: 0.8rem;
128
+ --dt-shadow-medium-1-offset-y: 0.1rem;
129
+ --dt-shadow-medium-1-offset-x: 0rem;
58
130
  --dt-shadow-medium-1-type: dropShadow;
59
- --dt-shadow-medium-1-color: oklch(0 0 0 / 0.549);
131
+ --dt-shadow-medium-1-color: oklch(0 0 0 / 0.08);
132
+ --dt-shadow-medium-1-spread: 0rem;
133
+ --dt-shadow-medium-1-blur: 0.2rem;
134
+ --dt-shadow-small-5-offset-y: -0.05rem;
135
+ --dt-shadow-small-5-offset-x: 0.05rem;
60
136
  --dt-shadow-small-5-type: dropShadow;
137
+ --dt-shadow-small-5-color: oklch(0 0 0 / 0.2);
61
138
  --dt-shadow-small-5-spread: 0rem;
62
139
  --dt-shadow-small-5-blur: 0rem;
140
+ --dt-shadow-small-4-offset-y: 0.05rem;
141
+ --dt-shadow-small-4-offset-x: -0.05rem;
63
142
  --dt-shadow-small-4-type: dropShadow;
143
+ --dt-shadow-small-4-color: oklch(0 0 0 / 0.2);
64
144
  --dt-shadow-small-4-spread: 0rem;
65
145
  --dt-shadow-small-4-blur: 0rem;
146
+ --dt-shadow-small-3-offset-y: -0.05rem;
147
+ --dt-shadow-small-3-offset-x: -0.05rem;
66
148
  --dt-shadow-small-3-type: dropShadow;
149
+ --dt-shadow-small-3-color: oklch(0 0 0 / 0.2);
67
150
  --dt-shadow-small-3-spread: 0rem;
68
151
  --dt-shadow-small-3-blur: 0rem;
152
+ --dt-shadow-small-2-offset-y: 0.05rem;
153
+ --dt-shadow-small-2-offset-x: 0.05rem;
69
154
  --dt-shadow-small-2-type: dropShadow;
155
+ --dt-shadow-small-2-color: oklch(0 0 0 / 0.2);
156
+ --dt-shadow-small-2-spread: 0rem;
157
+ --dt-shadow-small-2-blur: 0rem;
158
+ --dt-shadow-small-1-offset-y: 0.2rem;
159
+ --dt-shadow-small-1-offset-x: 0rem;
70
160
  --dt-shadow-small-1-type: dropShadow;
71
- --dt-shadow-small-1-color: oklch(0 0 0 / 0.451);
161
+ --dt-shadow-small-1-color: oklch(0 0 0 / 0.33);
162
+ --dt-shadow-small-1-spread: 0rem;
163
+ --dt-shadow-small-1-blur: 0.6rem;
164
+ --dt-shadow-card-5-offset-y: -0.05rem;
165
+ --dt-shadow-card-5-offset-x: 0.05rem;
166
+ --dt-shadow-card-5-type: dropShadow;
167
+ --dt-shadow-card-5-color: oklch(0 0 0 / 0.2);
168
+ --dt-shadow-card-5-spread: 0rem;
169
+ --dt-shadow-card-5-blur: 0rem;
170
+ --dt-shadow-card-4-offset-y: 0.05rem;
171
+ --dt-shadow-card-4-offset-x: -0.05rem;
172
+ --dt-shadow-card-4-type: dropShadow;
173
+ --dt-shadow-card-4-color: oklch(0 0 0 / 0.2);
174
+ --dt-shadow-card-4-spread: 0rem;
175
+ --dt-shadow-card-4-blur: 0rem;
176
+ --dt-shadow-card-3-offset-y: -0.05rem;
177
+ --dt-shadow-card-3-offset-x: -0.05rem;
178
+ --dt-shadow-card-3-type: dropShadow;
179
+ --dt-shadow-card-3-color: oklch(0 0 0 / 0.2);
180
+ --dt-shadow-card-3-spread: 0rem;
181
+ --dt-shadow-card-3-blur: 0rem;
182
+ --dt-shadow-card-2-offset-y: 0.05rem;
183
+ --dt-shadow-card-2-offset-x: 0.05rem;
184
+ --dt-shadow-card-2-type: dropShadow;
185
+ --dt-shadow-card-2-color: oklch(0 0 0 / 0.2);
186
+ --dt-shadow-card-2-spread: 0rem;
187
+ --dt-shadow-card-2-blur: 0rem;
188
+ --dt-shadow-card-1-offset-y: 0.2rem;
189
+ --dt-shadow-card-1-offset-x: 0rem;
190
+ --dt-shadow-card-1-type: dropShadow;
191
+ --dt-shadow-card-1-color: oklch(0 0 0 / 0.33);
192
+ --dt-shadow-card-1-spread: 0rem;
193
+ --dt-shadow-card-1-blur: 0.6rem;
194
+ --dt-shadow-modal-7-offset-y: -0.05rem;
195
+ --dt-shadow-modal-7-offset-x: 0.05rem;
196
+ --dt-shadow-modal-7-type: dropShadow;
197
+ --dt-shadow-modal-7-color: oklch(0 0 0 / 0.2);
198
+ --dt-shadow-modal-7-spread: 0rem;
199
+ --dt-shadow-modal-7-blur: 0rem;
200
+ --dt-shadow-modal-6-offset-y: 0.05rem;
201
+ --dt-shadow-modal-6-offset-x: -0.05rem;
202
+ --dt-shadow-modal-6-type: dropShadow;
203
+ --dt-shadow-modal-6-color: oklch(0 0 0 / 0.2);
204
+ --dt-shadow-modal-6-spread: 0rem;
205
+ --dt-shadow-modal-6-blur: 0rem;
206
+ --dt-shadow-modal-5-offset-y: -0.05rem;
207
+ --dt-shadow-modal-5-offset-x: -0.05rem;
208
+ --dt-shadow-modal-5-type: dropShadow;
209
+ --dt-shadow-modal-5-color: oklch(0 0 0 / 0.2);
210
+ --dt-shadow-modal-5-spread: 0rem;
211
+ --dt-shadow-modal-5-blur: 0rem;
212
+ --dt-shadow-modal-4-offset-y: 0.05rem;
213
+ --dt-shadow-modal-4-offset-x: 0.05rem;
214
+ --dt-shadow-modal-4-type: dropShadow;
215
+ --dt-shadow-modal-4-color: oklch(0 0 0 / 0.2);
216
+ --dt-shadow-modal-4-spread: 0rem;
217
+ --dt-shadow-modal-4-blur: 0rem;
218
+ --dt-shadow-modal-3-offset-y: 4.8rem;
219
+ --dt-shadow-modal-3-offset-x: 0rem;
220
+ --dt-shadow-modal-3-type: dropShadow;
221
+ --dt-shadow-modal-3-color: oklch(0 0 0 / 0.32);
222
+ --dt-shadow-modal-3-spread: 0rem;
223
+ --dt-shadow-modal-3-blur: 4.8rem;
224
+ --dt-shadow-modal-2-offset-y: 1.2rem;
225
+ --dt-shadow-modal-2-offset-x: 0rem;
226
+ --dt-shadow-modal-2-type: dropShadow;
227
+ --dt-shadow-modal-2-color: oklch(0 0 0 / 0.20);
228
+ --dt-shadow-modal-2-spread: 0rem;
229
+ --dt-shadow-modal-2-blur: 1.6rem;
230
+ --dt-shadow-modal-1-offset-y: 0.4rem;
231
+ --dt-shadow-modal-1-offset-x: 0rem;
232
+ --dt-shadow-modal-1-type: dropShadow;
233
+ --dt-shadow-modal-1-color: oklch(0 0 0 / 0.08);
234
+ --dt-shadow-modal-1-spread: 0rem;
235
+ --dt-shadow-modal-1-blur: 0.6rem;
236
+ --dt-shadow-overlay-7-offset-y: -0.05rem;
237
+ --dt-shadow-overlay-7-offset-x: 0.05rem;
238
+ --dt-shadow-overlay-7-type: dropShadow;
239
+ --dt-shadow-overlay-7-color: oklch(0 0 0 / 0.2);
240
+ --dt-shadow-overlay-7-spread: 0rem;
241
+ --dt-shadow-overlay-7-blur: 0rem;
242
+ --dt-shadow-overlay-6-offset-y: 0.05rem;
243
+ --dt-shadow-overlay-6-offset-x: -0.05rem;
244
+ --dt-shadow-overlay-6-type: dropShadow;
245
+ --dt-shadow-overlay-6-color: oklch(0 0 0 / 0.2);
246
+ --dt-shadow-overlay-6-spread: 0rem;
247
+ --dt-shadow-overlay-6-blur: 0rem;
248
+ --dt-shadow-overlay-5-offset-y: -0.05rem;
249
+ --dt-shadow-overlay-5-offset-x: -0.05rem;
250
+ --dt-shadow-overlay-5-type: dropShadow;
251
+ --dt-shadow-overlay-5-color: oklch(0 0 0 / 0.2);
252
+ --dt-shadow-overlay-5-spread: 0rem;
253
+ --dt-shadow-overlay-5-blur: 0rem;
254
+ --dt-shadow-overlay-4-offset-y: 0.05rem;
255
+ --dt-shadow-overlay-4-offset-x: 0.05rem;
256
+ --dt-shadow-overlay-4-type: dropShadow;
257
+ --dt-shadow-overlay-4-color: oklch(0 0 0 / 0.2);
258
+ --dt-shadow-overlay-4-spread: 0rem;
259
+ --dt-shadow-overlay-4-blur: 0rem;
260
+ --dt-shadow-overlay-3-offset-y: 0.8rem;
261
+ --dt-shadow-overlay-3-offset-x: 0rem;
262
+ --dt-shadow-overlay-3-type: dropShadow;
263
+ --dt-shadow-overlay-3-color: oklch(0 0 0 / 0.16);
264
+ --dt-shadow-overlay-3-spread: 0rem;
265
+ --dt-shadow-overlay-3-blur: 1.2rem;
266
+ --dt-shadow-overlay-2-offset-y: 0.2rem;
267
+ --dt-shadow-overlay-2-offset-x: 0rem;
268
+ --dt-shadow-overlay-2-type: dropShadow;
269
+ --dt-shadow-overlay-2-color: oklch(0 0 0 / 0.12);
270
+ --dt-shadow-overlay-2-spread: 0rem;
271
+ --dt-shadow-overlay-2-blur: 0.8rem;
272
+ --dt-shadow-overlay-1-offset-y: 0.1rem;
273
+ --dt-shadow-overlay-1-offset-x: 0rem;
274
+ --dt-shadow-overlay-1-type: dropShadow;
275
+ --dt-shadow-overlay-1-color: oklch(0 0 0 / 0.08);
276
+ --dt-shadow-overlay-1-spread: 0rem;
277
+ --dt-shadow-overlay-1-blur: 0.2rem;
278
+ --dt-shadow-raised-5-offset-y: -0.05rem;
279
+ --dt-shadow-raised-5-offset-x: 0.05rem;
280
+ --dt-shadow-raised-5-type: dropShadow;
281
+ --dt-shadow-raised-5-color: oklch(0 0 0 / 0.2);
282
+ --dt-shadow-raised-5-spread: 0rem;
283
+ --dt-shadow-raised-5-blur: 0rem;
284
+ --dt-shadow-raised-4-offset-y: 0.05rem;
285
+ --dt-shadow-raised-4-offset-x: -0.05rem;
286
+ --dt-shadow-raised-4-type: dropShadow;
287
+ --dt-shadow-raised-4-color: oklch(0 0 0 / 0.2);
288
+ --dt-shadow-raised-4-spread: 0rem;
289
+ --dt-shadow-raised-4-blur: 0rem;
290
+ --dt-shadow-raised-3-offset-y: -0.05rem;
291
+ --dt-shadow-raised-3-offset-x: -0.05rem;
292
+ --dt-shadow-raised-3-type: dropShadow;
293
+ --dt-shadow-raised-3-color: oklch(0 0 0 / 0.2);
294
+ --dt-shadow-raised-3-spread: 0rem;
295
+ --dt-shadow-raised-3-blur: 0rem;
296
+ --dt-shadow-raised-2-offset-y: 0.05rem;
297
+ --dt-shadow-raised-2-offset-x: 0.05rem;
298
+ --dt-shadow-raised-2-type: dropShadow;
299
+ --dt-shadow-raised-2-color: oklch(0 0 0 / 0.2);
300
+ --dt-shadow-raised-2-spread: 0rem;
301
+ --dt-shadow-raised-2-blur: 0rem;
302
+ --dt-shadow-raised-1-offset-y: 0.2rem;
303
+ --dt-shadow-raised-1-offset-x: 0rem;
304
+ --dt-shadow-raised-1-type: dropShadow;
305
+ --dt-shadow-raised-1-color: oklch(0 0 0 / 0.33);
306
+ --dt-shadow-raised-1-spread: 0rem;
307
+ --dt-shadow-raised-1-blur: 0.6rem;
72
308
  --dt-opacity-1300: 1;
73
309
  --dt-opacity-1200: 0.9;
74
310
  --dt-opacity-1100: 0.8;
@@ -394,104 +630,6 @@
394
630
  --dt-shadow-focus-1-offset-x: var(--dt-size-0);
395
631
  --dt-shadow-focus-1-spread: var(--dt-size-100);
396
632
  --dt-shadow-focus-1-blur: var(--dt-size-0);
397
- --dt-shadow-card-7-offset-y: var(--dt-size-50-negative);
398
- --dt-shadow-card-7-offset-x: var(--dt-size-50);
399
- --dt-shadow-card-7-color: oklch(0 0 0);
400
- --dt-shadow-card-6-offset-y: var(--dt-size-50);
401
- --dt-shadow-card-6-offset-x: var(--dt-size-50-negative);
402
- --dt-shadow-card-6-color: oklch(0 0 0);
403
- --dt-shadow-card-5-offset-y: var(--dt-size-50-negative);
404
- --dt-shadow-card-5-offset-x: var(--dt-size-50-negative);
405
- --dt-shadow-card-5-color: oklch(0 0 0);
406
- --dt-shadow-card-4-offset-y: var(--dt-size-50);
407
- --dt-shadow-card-4-offset-x: var(--dt-size-50);
408
- --dt-shadow-card-4-color: oklch(0 0 0);
409
- --dt-shadow-card-4-spread: var(--dt-size-0);
410
- --dt-shadow-card-4-blur: var(--dt-size-0);
411
- --dt-shadow-card-3-offset-y: var(--dt-size-200);
412
- --dt-shadow-card-3-offset-x: var(--dt-size-0);
413
- --dt-shadow-card-3-spread: var(--dt-size-0);
414
- --dt-shadow-card-3-blur: var(--dt-size-500);
415
- --dt-shadow-card-2-offset-y: var(--dt-size-200);
416
- --dt-shadow-card-2-offset-x: var(--dt-size-0);
417
- --dt-shadow-card-2-spread: var(--dt-size-0);
418
- --dt-shadow-card-2-blur: var(--dt-size-300);
419
- --dt-shadow-card-1-offset-y: var(--dt-size-100);
420
- --dt-shadow-card-1-offset-x: var(--dt-size-0);
421
- --dt-shadow-card-1-spread: var(--dt-size-0);
422
- --dt-shadow-card-1-blur: var(--dt-size-200);
423
- --dt-shadow-extra-large-5-offset-y: var(--dt-size-50-negative);
424
- --dt-shadow-extra-large-5-offset-x: var(--dt-size-50);
425
- --dt-shadow-extra-large-5-color: oklch(0 0 0);
426
- --dt-shadow-extra-large-4-offset-y: var(--dt-size-50);
427
- --dt-shadow-extra-large-4-offset-x: var(--dt-size-50-negative);
428
- --dt-shadow-extra-large-4-color: oklch(0 0 0);
429
- --dt-shadow-extra-large-3-offset-y: var(--dt-size-50-negative);
430
- --dt-shadow-extra-large-3-offset-x: var(--dt-size-50-negative);
431
- --dt-shadow-extra-large-3-color: oklch(0 0 0);
432
- --dt-shadow-extra-large-2-offset-y: var(--dt-size-50);
433
- --dt-shadow-extra-large-2-offset-x: var(--dt-size-50);
434
- --dt-shadow-extra-large-2-color: oklch(0 0 0);
435
- --dt-shadow-extra-large-2-spread: var(--dt-size-0);
436
- --dt-shadow-extra-large-2-blur: var(--dt-size-0);
437
- --dt-shadow-extra-large-1-offset-y: var(--dt-size-200);
438
- --dt-shadow-extra-large-1-offset-x: var(--dt-size-0);
439
- --dt-shadow-extra-large-1-spread: var(--dt-size-0);
440
- --dt-shadow-extra-large-1-blur: var(--dt-size-600);
441
- --dt-shadow-large-5-offset-y: var(--dt-size-50-negative);
442
- --dt-shadow-large-5-offset-x: var(--dt-size-50);
443
- --dt-shadow-large-5-color: oklch(0 0 0);
444
- --dt-shadow-large-4-offset-y: var(--dt-size-50);
445
- --dt-shadow-large-4-offset-x: var(--dt-size-50-negative);
446
- --dt-shadow-large-4-color: oklch(0 0 0);
447
- --dt-shadow-large-3-offset-y: var(--dt-size-50-negative);
448
- --dt-shadow-large-3-offset-x: var(--dt-size-50-negative);
449
- --dt-shadow-large-3-color: oklch(0 0 0);
450
- --dt-shadow-large-2-offset-y: var(--dt-size-50);
451
- --dt-shadow-large-2-offset-x: var(--dt-size-50-negative);
452
- --dt-shadow-large-2-color: oklch(0 0 0);
453
- --dt-shadow-large-2-spread: var(--dt-size-0);
454
- --dt-shadow-large-2-blur: var(--dt-size-0);
455
- --dt-shadow-large-1-offset-y: var(--dt-size-200);
456
- --dt-shadow-large-1-offset-x: var(--dt-size-0);
457
- --dt-shadow-large-1-spread: var(--dt-size-0);
458
- --dt-shadow-large-1-blur: var(--dt-size-500);
459
- --dt-shadow-medium-5-offset-y: var(--dt-size-50-negative);
460
- --dt-shadow-medium-5-offset-x: var(--dt-size-50);
461
- --dt-shadow-medium-5-color: oklch(0 0 0);
462
- --dt-shadow-medium-4-offset-y: var(--dt-size-50);
463
- --dt-shadow-medium-4-offset-x: var(--dt-size-50-negative);
464
- --dt-shadow-medium-4-color: oklch(0 0 0);
465
- --dt-shadow-medium-3-offset-y: var(--dt-size-50-negative);
466
- --dt-shadow-medium-3-offset-x: var(--dt-size-50-negative);
467
- --dt-shadow-medium-3-color: oklch(0 0 0);
468
- --dt-shadow-medium-2-offset-y: var(--dt-size-50);
469
- --dt-shadow-medium-2-offset-x: var(--dt-size-50);
470
- --dt-shadow-medium-2-color: oklch(0 0 0);
471
- --dt-shadow-medium-2-spread: var(--dt-size-0);
472
- --dt-shadow-medium-2-blur: var(--dt-size-0);
473
- --dt-shadow-medium-1-offset-y: var(--dt-size-200);
474
- --dt-shadow-medium-1-offset-x: var(--dt-size-0);
475
- --dt-shadow-medium-1-spread: var(--dt-size-0);
476
- --dt-shadow-medium-1-blur: var(--dt-size-400);
477
- --dt-shadow-small-5-offset-y: var(--dt-size-50-negative);
478
- --dt-shadow-small-5-offset-x: var(--dt-size-50);
479
- --dt-shadow-small-5-color: oklch(0 0 0);
480
- --dt-shadow-small-4-offset-y: var(--dt-size-50);
481
- --dt-shadow-small-4-offset-x: var(--dt-size-50-negative);
482
- --dt-shadow-small-4-color: oklch(0 0 0);
483
- --dt-shadow-small-3-offset-y: var(--dt-size-50-negative);
484
- --dt-shadow-small-3-offset-x: var(--dt-size-50-negative);
485
- --dt-shadow-small-3-color: oklch(0 0 0);
486
- --dt-shadow-small-2-offset-y: var(--dt-size-50);
487
- --dt-shadow-small-2-offset-x: var(--dt-size-50);
488
- --dt-shadow-small-2-color: oklch(0 0 0);
489
- --dt-shadow-small-2-spread: var(--dt-size-0);
490
- --dt-shadow-small-2-blur: var(--dt-size-0);
491
- --dt-shadow-small-1-offset-y: var(--dt-size-200);
492
- --dt-shadow-small-1-offset-x: var(--dt-size-0);
493
- --dt-shadow-small-1-spread: var(--dt-size-0);
494
- --dt-shadow-small-1-blur: var(--dt-size-300);
495
633
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
496
634
  --dt-color-black-1000: oklch(1 0 0);
497
635
  --dt-color-black-950: oklch(0.9622 0.0025 48.72);
@@ -647,12 +785,15 @@
647
785
  --dt-font-size-75: calc(var(--dt-font-size-root) * 1.1); /* xs / extra small */
648
786
  --dt-font-size-50: var(--dt-font-size-root); /* xxs / extra extra small */
649
787
  --dt-shadow-focus-1-color: oklch(0.1949 0.006 91.63);
650
- --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
651
- --dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color), var(--dt-shadow-card-4-offset-x) var(--dt-shadow-card-4-offset-y) var(--dt-shadow-card-4-blur) var(--dt-shadow-card-4-spread) var(--dt-shadow-card-4-color), var(--dt-shadow-card-5-offset-x) var(--dt-shadow-card-5-offset-y) var(--dt-shadow-card-5-blur) var(--dt-shadow-card-5-spread) var(--dt-shadow-card-5-color), var(--dt-shadow-card-6-offset-x) var(--dt-shadow-card-6-offset-y) var(--dt-shadow-card-6-blur) var(--dt-shadow-card-6-spread) var(--dt-shadow-card-6-color), var(--dt-shadow-card-7-offset-x) var(--dt-shadow-card-7-offset-y) var(--dt-shadow-card-7-blur) var(--dt-shadow-card-7-spread) var(--dt-shadow-card-7-color);
652
- --dt-shadow-extra-large: var(--dt-shadow-extra-large-1-offset-x) var(--dt-shadow-extra-large-1-offset-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color), var(--dt-shadow-extra-large-2-offset-x) var(--dt-shadow-extra-large-2-offset-y) var(--dt-shadow-extra-large-2-blur) var(--dt-shadow-extra-large-2-spread) var(--dt-shadow-extra-large-2-color), var(--dt-shadow-extra-large-3-offset-x) var(--dt-shadow-extra-large-3-offset-y) var(--dt-shadow-extra-large-3-blur) var(--dt-shadow-extra-large-3-spread) var(--dt-shadow-extra-large-3-color), var(--dt-shadow-extra-large-4-offset-x) var(--dt-shadow-extra-large-4-offset-y) var(--dt-shadow-extra-large-4-blur) var(--dt-shadow-extra-large-4-spread) var(--dt-shadow-extra-large-4-color), var(--dt-shadow-extra-large-5-offset-x) var(--dt-shadow-extra-large-5-offset-y) var(--dt-shadow-extra-large-5-blur) var(--dt-shadow-extra-large-5-spread) var(--dt-shadow-extra-large-5-color);
653
- --dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);
654
- --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
788
+ --dt-shadow-extra-large: var(--dt-shadow-extra-large-1-offset-x) var(--dt-shadow-extra-large-1-offset-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color), var(--dt-shadow-extra-large-2-offset-x) var(--dt-shadow-extra-large-2-offset-y) var(--dt-shadow-extra-large-2-blur) var(--dt-shadow-extra-large-2-spread) var(--dt-shadow-extra-large-2-color), var(--dt-shadow-extra-large-3-offset-x) var(--dt-shadow-extra-large-3-offset-y) var(--dt-shadow-extra-large-3-blur) var(--dt-shadow-extra-large-3-spread) var(--dt-shadow-extra-large-3-color), var(--dt-shadow-extra-large-4-offset-x) var(--dt-shadow-extra-large-4-offset-y) var(--dt-shadow-extra-large-4-blur) var(--dt-shadow-extra-large-4-spread) var(--dt-shadow-extra-large-4-color), var(--dt-shadow-extra-large-5-offset-x) var(--dt-shadow-extra-large-5-offset-y) var(--dt-shadow-extra-large-5-blur) var(--dt-shadow-extra-large-5-spread) var(--dt-shadow-extra-large-5-color), var(--dt-shadow-extra-large-6-offset-x) var(--dt-shadow-extra-large-6-offset-y) var(--dt-shadow-extra-large-6-blur) var(--dt-shadow-extra-large-6-spread) var(--dt-shadow-extra-large-6-color), var(--dt-shadow-extra-large-7-offset-x) var(--dt-shadow-extra-large-7-offset-y) var(--dt-shadow-extra-large-7-blur) var(--dt-shadow-extra-large-7-spread) var(--dt-shadow-extra-large-7-color);
789
+ --dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color), var(--dt-shadow-large-6-offset-x) var(--dt-shadow-large-6-offset-y) var(--dt-shadow-large-6-blur) var(--dt-shadow-large-6-spread) var(--dt-shadow-large-6-color), var(--dt-shadow-large-7-offset-x) var(--dt-shadow-large-7-offset-y) var(--dt-shadow-large-7-blur) var(--dt-shadow-large-7-spread) var(--dt-shadow-large-7-color);
790
+ --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color), var(--dt-shadow-medium-6-offset-x) var(--dt-shadow-medium-6-offset-y) var(--dt-shadow-medium-6-blur) var(--dt-shadow-medium-6-spread) var(--dt-shadow-medium-6-color), var(--dt-shadow-medium-7-offset-x) var(--dt-shadow-medium-7-offset-y) var(--dt-shadow-medium-7-blur) var(--dt-shadow-medium-7-spread) var(--dt-shadow-medium-7-color);
655
791
  --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
792
+ --dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color), var(--dt-shadow-card-4-offset-x) var(--dt-shadow-card-4-offset-y) var(--dt-shadow-card-4-blur) var(--dt-shadow-card-4-spread) var(--dt-shadow-card-4-color), var(--dt-shadow-card-5-offset-x) var(--dt-shadow-card-5-offset-y) var(--dt-shadow-card-5-blur) var(--dt-shadow-card-5-spread) var(--dt-shadow-card-5-color);
793
+ --dt-shadow-modal: var(--dt-shadow-modal-1-offset-x) var(--dt-shadow-modal-1-offset-y) var(--dt-shadow-modal-1-blur) var(--dt-shadow-modal-1-spread) var(--dt-shadow-modal-1-color), var(--dt-shadow-modal-2-offset-x) var(--dt-shadow-modal-2-offset-y) var(--dt-shadow-modal-2-blur) var(--dt-shadow-modal-2-spread) var(--dt-shadow-modal-2-color), var(--dt-shadow-modal-3-offset-x) var(--dt-shadow-modal-3-offset-y) var(--dt-shadow-modal-3-blur) var(--dt-shadow-modal-3-spread) var(--dt-shadow-modal-3-color), var(--dt-shadow-modal-4-offset-x) var(--dt-shadow-modal-4-offset-y) var(--dt-shadow-modal-4-blur) var(--dt-shadow-modal-4-spread) var(--dt-shadow-modal-4-color), var(--dt-shadow-modal-5-offset-x) var(--dt-shadow-modal-5-offset-y) var(--dt-shadow-modal-5-blur) var(--dt-shadow-modal-5-spread) var(--dt-shadow-modal-5-color), var(--dt-shadow-modal-6-offset-x) var(--dt-shadow-modal-6-offset-y) var(--dt-shadow-modal-6-blur) var(--dt-shadow-modal-6-spread) var(--dt-shadow-modal-6-color), var(--dt-shadow-modal-7-offset-x) var(--dt-shadow-modal-7-offset-y) var(--dt-shadow-modal-7-blur) var(--dt-shadow-modal-7-spread) var(--dt-shadow-modal-7-color);
794
+ --dt-shadow-overlay: var(--dt-shadow-overlay-1-offset-x) var(--dt-shadow-overlay-1-offset-y) var(--dt-shadow-overlay-1-blur) var(--dt-shadow-overlay-1-spread) var(--dt-shadow-overlay-1-color), var(--dt-shadow-overlay-2-offset-x) var(--dt-shadow-overlay-2-offset-y) var(--dt-shadow-overlay-2-blur) var(--dt-shadow-overlay-2-spread) var(--dt-shadow-overlay-2-color), var(--dt-shadow-overlay-3-offset-x) var(--dt-shadow-overlay-3-offset-y) var(--dt-shadow-overlay-3-blur) var(--dt-shadow-overlay-3-spread) var(--dt-shadow-overlay-3-color), var(--dt-shadow-overlay-4-offset-x) var(--dt-shadow-overlay-4-offset-y) var(--dt-shadow-overlay-4-blur) var(--dt-shadow-overlay-4-spread) var(--dt-shadow-overlay-4-color), var(--dt-shadow-overlay-5-offset-x) var(--dt-shadow-overlay-5-offset-y) var(--dt-shadow-overlay-5-blur) var(--dt-shadow-overlay-5-spread) var(--dt-shadow-overlay-5-color), var(--dt-shadow-overlay-6-offset-x) var(--dt-shadow-overlay-6-offset-y) var(--dt-shadow-overlay-6-blur) var(--dt-shadow-overlay-6-spread) var(--dt-shadow-overlay-6-color), var(--dt-shadow-overlay-7-offset-x) var(--dt-shadow-overlay-7-offset-y) var(--dt-shadow-overlay-7-blur) var(--dt-shadow-overlay-7-spread) var(--dt-shadow-overlay-7-color);
795
+ --dt-shadow-raised: var(--dt-shadow-raised-1-offset-x) var(--dt-shadow-raised-1-offset-y) var(--dt-shadow-raised-1-blur) var(--dt-shadow-raised-1-spread) var(--dt-shadow-raised-1-color), var(--dt-shadow-raised-2-offset-x) var(--dt-shadow-raised-2-offset-y) var(--dt-shadow-raised-2-blur) var(--dt-shadow-raised-2-spread) var(--dt-shadow-raised-2-color), var(--dt-shadow-raised-3-offset-x) var(--dt-shadow-raised-3-offset-y) var(--dt-shadow-raised-3-blur) var(--dt-shadow-raised-3-spread) var(--dt-shadow-raised-3-color), var(--dt-shadow-raised-4-offset-x) var(--dt-shadow-raised-4-offset-y) var(--dt-shadow-raised-4-blur) var(--dt-shadow-raised-4-spread) var(--dt-shadow-raised-4-color), var(--dt-shadow-raised-5-offset-x) var(--dt-shadow-raised-5-offset-y) var(--dt-shadow-raised-5-blur) var(--dt-shadow-raised-5-spread) var(--dt-shadow-raised-5-color);
796
+ --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
656
797
  --dt-shadow-focus: var(--dt-shadow-focus-1-offset-x) var(--dt-shadow-focus-1-offset-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-offset-x) var(--dt-shadow-focus-2-offset-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);
657
798
  --dt-layout-1600: calc(var(--dt-layout-base) * 16); /* 1024px */
658
799
  --dt-layout-1550: calc(var(--dt-layout-base) * 15.5); /* 992px */