@talelk/newui-tailwind 0.0.0-stage → 1.0.2

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 (23) hide show
  1. package/README.md +9 -2
  2. package/package.json +44 -4
  3. package/src/contrast.test.ts +217 -0
  4. package/src/fonts/Inter/Inter-Italic-cjk.var.woff2 +0 -0
  5. package/src/fonts/Inter/Inter-Italic-extended.var.woff2 +0 -0
  6. package/src/fonts/Inter/Inter-Italic-latin.var.woff2 +0 -0
  7. package/src/fonts/Inter/Inter-cjk.var.woff2 +0 -0
  8. package/src/fonts/Inter/Inter-extended.var.woff2 +0 -0
  9. package/src/fonts/Inter/Inter-latin.var.woff2 +0 -0
  10. package/src/fonts/Inter/LICENSE.txt +92 -0
  11. package/src/fonts/Inter/inter.css +114 -0
  12. package/src/generated/theme.css +1506 -0
  13. package/src/generated/tokens.css +1103 -0
  14. package/src/generated.test.ts +161 -0
  15. package/src/keyframes.test.ts +67 -0
  16. package/src/plugins/icon-pack.js +87 -0
  17. package/src/plugins/lucide.js +28 -0
  18. package/src/plugins/theme.js +89 -0
  19. package/src/source.d.ts +1 -0
  20. package/src/source.ts +23 -0
  21. package/src/style.css +41 -0
  22. package/src/tokens.test.ts +145 -0
  23. package/src/utilities.css +177 -0
package/src/generated/theme.css ADDED
@@ -0,0 +1,1506 @@
1
+ @theme inline {
2
+
3
+ /* semantic colors — utilities emit the runtime var, so dark mode flips */
4
+ --color-surface-base: var(--surface-base);
5
+ --color-surface-gray-1: var(--surface-gray-1);
6
+ --color-surface-gray-2: var(--surface-gray-2);
7
+ --color-surface-gray-3: var(--surface-gray-3);
8
+ --color-surface-gray-4: var(--surface-gray-4);
9
+ --color-surface-gray-5: var(--surface-gray-5);
10
+ --color-surface-gray-6: var(--surface-gray-6);
11
+ --color-surface-gray-7: var(--surface-gray-7);
12
+ --color-surface-gray-8: var(--surface-gray-8);
13
+ --color-surface-gray-9: var(--surface-gray-9);
14
+ --color-surface-gray-10: var(--surface-gray-10);
15
+ --color-surface-sidebar: var(--surface-sidebar);
16
+ --color-surface-elevation-1: var(--surface-elevation-1);
17
+ --color-surface-elevation-2: var(--surface-elevation-2);
18
+ --color-surface-elevation-3: var(--surface-elevation-3);
19
+ --color-surface-red-1: var(--surface-red-1);
20
+ --color-surface-red-2: var(--surface-red-2);
21
+ --color-surface-red-3: var(--surface-red-3);
22
+ --color-surface-red-4: var(--surface-red-4);
23
+ --color-surface-red-5: var(--surface-red-5);
24
+ --color-surface-red-6: var(--surface-red-6);
25
+ --color-surface-red-7: var(--surface-red-7);
26
+ --color-surface-red-8: var(--surface-red-8);
27
+ --color-surface-red-9: var(--surface-red-9);
28
+ --color-surface-red-10: var(--surface-red-10);
29
+ --color-surface-blue-1: var(--surface-blue-1);
30
+ --color-surface-blue-2: var(--surface-blue-2);
31
+ --color-surface-blue-3: var(--surface-blue-3);
32
+ --color-surface-blue-4: var(--surface-blue-4);
33
+ --color-surface-blue-5: var(--surface-blue-5);
34
+ --color-surface-blue-6: var(--surface-blue-6);
35
+ --color-surface-blue-7: var(--surface-blue-7);
36
+ --color-surface-blue-8: var(--surface-blue-8);
37
+ --color-surface-blue-9: var(--surface-blue-9);
38
+ --color-surface-blue-10: var(--surface-blue-10);
39
+ --color-surface-green-1: var(--surface-green-1);
40
+ --color-surface-green-2: var(--surface-green-2);
41
+ --color-surface-green-3: var(--surface-green-3);
42
+ --color-surface-green-4: var(--surface-green-4);
43
+ --color-surface-green-5: var(--surface-green-5);
44
+ --color-surface-green-6: var(--surface-green-6);
45
+ --color-surface-green-7: var(--surface-green-7);
46
+ --color-surface-green-8: var(--surface-green-8);
47
+ --color-surface-green-9: var(--surface-green-9);
48
+ --color-surface-green-10: var(--surface-green-10);
49
+ --color-surface-amber-1: var(--surface-amber-1);
50
+ --color-surface-amber-2: var(--surface-amber-2);
51
+ --color-surface-amber-3: var(--surface-amber-3);
52
+ --color-surface-amber-4: var(--surface-amber-4);
53
+ --color-surface-amber-5: var(--surface-amber-5);
54
+ --color-surface-amber-6: var(--surface-amber-6);
55
+ --color-surface-amber-7: var(--surface-amber-7);
56
+ --color-surface-amber-8: var(--surface-amber-8);
57
+ --color-surface-amber-9: var(--surface-amber-9);
58
+ --color-surface-amber-10: var(--surface-amber-10);
59
+ --color-surface-violet-1: var(--surface-violet-1);
60
+ --color-surface-violet-2: var(--surface-violet-2);
61
+ --color-surface-violet-3: var(--surface-violet-3);
62
+ --color-surface-violet-4: var(--surface-violet-4);
63
+ --color-surface-violet-5: var(--surface-violet-5);
64
+ --color-surface-violet-6: var(--surface-violet-6);
65
+ --color-surface-violet-7: var(--surface-violet-7);
66
+ --color-surface-violet-8: var(--surface-violet-8);
67
+ --color-surface-violet-9: var(--surface-violet-9);
68
+ --color-surface-violet-10: var(--surface-violet-10);
69
+ --color-surface-yellow-1: var(--surface-yellow-1);
70
+ --color-surface-yellow-2: var(--surface-yellow-2);
71
+ --color-surface-yellow-3: var(--surface-yellow-3);
72
+ --color-surface-yellow-4: var(--surface-yellow-4);
73
+ --color-surface-yellow-5: var(--surface-yellow-5);
74
+ --color-surface-yellow-6: var(--surface-yellow-6);
75
+ --color-surface-yellow-7: var(--surface-yellow-7);
76
+ --color-surface-yellow-8: var(--surface-yellow-8);
77
+ --color-surface-yellow-9: var(--surface-yellow-9);
78
+ --color-surface-yellow-10: var(--surface-yellow-10);
79
+ --color-surface-orange-1: var(--surface-orange-1);
80
+ --color-surface-orange-2: var(--surface-orange-2);
81
+ --color-surface-orange-3: var(--surface-orange-3);
82
+ --color-surface-orange-4: var(--surface-orange-4);
83
+ --color-surface-orange-5: var(--surface-orange-5);
84
+ --color-surface-orange-6: var(--surface-orange-6);
85
+ --color-surface-orange-7: var(--surface-orange-7);
86
+ --color-surface-orange-8: var(--surface-orange-8);
87
+ --color-surface-orange-9: var(--surface-orange-9);
88
+ --color-surface-orange-10: var(--surface-orange-10);
89
+ --color-surface-teal-1: var(--surface-teal-1);
90
+ --color-surface-teal-2: var(--surface-teal-2);
91
+ --color-surface-teal-3: var(--surface-teal-3);
92
+ --color-surface-teal-4: var(--surface-teal-4);
93
+ --color-surface-teal-5: var(--surface-teal-5);
94
+ --color-surface-teal-6: var(--surface-teal-6);
95
+ --color-surface-teal-7: var(--surface-teal-7);
96
+ --color-surface-teal-8: var(--surface-teal-8);
97
+ --color-surface-teal-9: var(--surface-teal-9);
98
+ --color-surface-teal-10: var(--surface-teal-10);
99
+ --color-surface-cyan-1: var(--surface-cyan-1);
100
+ --color-surface-cyan-2: var(--surface-cyan-2);
101
+ --color-surface-cyan-3: var(--surface-cyan-3);
102
+ --color-surface-cyan-4: var(--surface-cyan-4);
103
+ --color-surface-cyan-5: var(--surface-cyan-5);
104
+ --color-surface-cyan-6: var(--surface-cyan-6);
105
+ --color-surface-cyan-7: var(--surface-cyan-7);
106
+ --color-surface-cyan-8: var(--surface-cyan-8);
107
+ --color-surface-cyan-9: var(--surface-cyan-9);
108
+ --color-surface-cyan-10: var(--surface-cyan-10);
109
+ --color-surface-purple-1: var(--surface-purple-1);
110
+ --color-surface-purple-2: var(--surface-purple-2);
111
+ --color-surface-purple-3: var(--surface-purple-3);
112
+ --color-surface-purple-4: var(--surface-purple-4);
113
+ --color-surface-purple-5: var(--surface-purple-5);
114
+ --color-surface-purple-6: var(--surface-purple-6);
115
+ --color-surface-purple-7: var(--surface-purple-7);
116
+ --color-surface-purple-8: var(--surface-purple-8);
117
+ --color-surface-purple-9: var(--surface-purple-9);
118
+ --color-surface-purple-10: var(--surface-purple-10);
119
+ --color-surface-pink-1: var(--surface-pink-1);
120
+ --color-surface-pink-2: var(--surface-pink-2);
121
+ --color-surface-pink-3: var(--surface-pink-3);
122
+ --color-surface-pink-4: var(--surface-pink-4);
123
+ --color-surface-pink-5: var(--surface-pink-5);
124
+ --color-surface-pink-6: var(--surface-pink-6);
125
+ --color-surface-pink-7: var(--surface-pink-7);
126
+ --color-surface-pink-8: var(--surface-pink-8);
127
+ --color-surface-pink-9: var(--surface-pink-9);
128
+ --color-surface-pink-10: var(--surface-pink-10);
129
+ --color-surface-scrim: var(--surface-scrim);
130
+ --color-surface-alpha-base: var(--surface-alpha-base);
131
+ --color-surface-alpha-gray-1: var(--surface-alpha-gray-1);
132
+ --color-surface-alpha-gray-2: var(--surface-alpha-gray-2);
133
+ --color-surface-alpha-gray-3: var(--surface-alpha-gray-3);
134
+ --color-surface-alpha-gray-4: var(--surface-alpha-gray-4);
135
+ --color-surface-alpha-gray-5: var(--surface-alpha-gray-5);
136
+ --color-surface-alpha-gray-6: var(--surface-alpha-gray-6);
137
+ --color-surface-alpha-gray-7: var(--surface-alpha-gray-7);
138
+ --color-surface-alpha-gray-8: var(--surface-alpha-gray-8);
139
+ --color-surface-alpha-gray-9: var(--surface-alpha-gray-9);
140
+ --color-surface-alpha-gray-10: var(--surface-alpha-gray-10);
141
+ --color-surface-alpha-sidebar: var(--surface-alpha-sidebar);
142
+ --color-surface-alpha-elevation-1: var(--surface-alpha-elevation-1);
143
+ --color-surface-alpha-elevation-2: var(--surface-alpha-elevation-2);
144
+ --color-surface-alpha-elevation-3: var(--surface-alpha-elevation-3);
145
+ --color-ink-base: var(--ink-base);
146
+ --color-ink-gray-1: var(--ink-gray-1);
147
+ --color-ink-gray-2: var(--ink-gray-2);
148
+ --color-ink-gray-3: var(--ink-gray-3);
149
+ --color-ink-gray-4: var(--ink-gray-4);
150
+ --color-ink-gray-5: var(--ink-gray-5);
151
+ --color-ink-gray-6: var(--ink-gray-6);
152
+ --color-ink-gray-7: var(--ink-gray-7);
153
+ --color-ink-gray-8: var(--ink-gray-8);
154
+ --color-ink-gray-9: var(--ink-gray-9);
155
+ --color-ink-red-1: var(--ink-red-1);
156
+ --color-ink-red-2: var(--ink-red-2);
157
+ --color-ink-red-3: var(--ink-red-3);
158
+ --color-ink-red-4: var(--ink-red-4);
159
+ --color-ink-red-5: var(--ink-red-5);
160
+ --color-ink-red-6: var(--ink-red-6);
161
+ --color-ink-red-7: var(--ink-red-7);
162
+ --color-ink-red-8: var(--ink-red-8);
163
+ --color-ink-red-9: var(--ink-red-9);
164
+ --color-ink-blue-1: var(--ink-blue-1);
165
+ --color-ink-blue-2: var(--ink-blue-2);
166
+ --color-ink-blue-3: var(--ink-blue-3);
167
+ --color-ink-blue-4: var(--ink-blue-4);
168
+ --color-ink-blue-5: var(--ink-blue-5);
169
+ --color-ink-blue-6: var(--ink-blue-6);
170
+ --color-ink-blue-7: var(--ink-blue-7);
171
+ --color-ink-blue-8: var(--ink-blue-8);
172
+ --color-ink-blue-9: var(--ink-blue-9);
173
+ --color-ink-green-1: var(--ink-green-1);
174
+ --color-ink-green-2: var(--ink-green-2);
175
+ --color-ink-green-3: var(--ink-green-3);
176
+ --color-ink-green-4: var(--ink-green-4);
177
+ --color-ink-green-5: var(--ink-green-5);
178
+ --color-ink-green-6: var(--ink-green-6);
179
+ --color-ink-green-7: var(--ink-green-7);
180
+ --color-ink-green-8: var(--ink-green-8);
181
+ --color-ink-green-9: var(--ink-green-9);
182
+ --color-ink-amber-1: var(--ink-amber-1);
183
+ --color-ink-amber-2: var(--ink-amber-2);
184
+ --color-ink-amber-3: var(--ink-amber-3);
185
+ --color-ink-amber-4: var(--ink-amber-4);
186
+ --color-ink-amber-5: var(--ink-amber-5);
187
+ --color-ink-amber-6: var(--ink-amber-6);
188
+ --color-ink-amber-7: var(--ink-amber-7);
189
+ --color-ink-amber-8: var(--ink-amber-8);
190
+ --color-ink-amber-9: var(--ink-amber-9);
191
+ --color-ink-violet-1: var(--ink-violet-1);
192
+ --color-ink-violet-2: var(--ink-violet-2);
193
+ --color-ink-violet-3: var(--ink-violet-3);
194
+ --color-ink-violet-4: var(--ink-violet-4);
195
+ --color-ink-violet-5: var(--ink-violet-5);
196
+ --color-ink-violet-6: var(--ink-violet-6);
197
+ --color-ink-violet-7: var(--ink-violet-7);
198
+ --color-ink-violet-8: var(--ink-violet-8);
199
+ --color-ink-violet-9: var(--ink-violet-9);
200
+ --color-ink-yellow-1: var(--ink-yellow-1);
201
+ --color-ink-yellow-2: var(--ink-yellow-2);
202
+ --color-ink-yellow-3: var(--ink-yellow-3);
203
+ --color-ink-yellow-4: var(--ink-yellow-4);
204
+ --color-ink-yellow-5: var(--ink-yellow-5);
205
+ --color-ink-yellow-6: var(--ink-yellow-6);
206
+ --color-ink-yellow-7: var(--ink-yellow-7);
207
+ --color-ink-yellow-8: var(--ink-yellow-8);
208
+ --color-ink-yellow-9: var(--ink-yellow-9);
209
+ --color-ink-orange-1: var(--ink-orange-1);
210
+ --color-ink-orange-2: var(--ink-orange-2);
211
+ --color-ink-orange-3: var(--ink-orange-3);
212
+ --color-ink-orange-4: var(--ink-orange-4);
213
+ --color-ink-orange-5: var(--ink-orange-5);
214
+ --color-ink-orange-6: var(--ink-orange-6);
215
+ --color-ink-orange-7: var(--ink-orange-7);
216
+ --color-ink-orange-8: var(--ink-orange-8);
217
+ --color-ink-orange-9: var(--ink-orange-9);
218
+ --color-ink-teal-1: var(--ink-teal-1);
219
+ --color-ink-teal-2: var(--ink-teal-2);
220
+ --color-ink-teal-3: var(--ink-teal-3);
221
+ --color-ink-teal-4: var(--ink-teal-4);
222
+ --color-ink-teal-5: var(--ink-teal-5);
223
+ --color-ink-teal-6: var(--ink-teal-6);
224
+ --color-ink-teal-7: var(--ink-teal-7);
225
+ --color-ink-teal-8: var(--ink-teal-8);
226
+ --color-ink-teal-9: var(--ink-teal-9);
227
+ --color-ink-cyan-1: var(--ink-cyan-1);
228
+ --color-ink-cyan-2: var(--ink-cyan-2);
229
+ --color-ink-cyan-3: var(--ink-cyan-3);
230
+ --color-ink-cyan-4: var(--ink-cyan-4);
231
+ --color-ink-cyan-5: var(--ink-cyan-5);
232
+ --color-ink-cyan-6: var(--ink-cyan-6);
233
+ --color-ink-cyan-7: var(--ink-cyan-7);
234
+ --color-ink-cyan-8: var(--ink-cyan-8);
235
+ --color-ink-cyan-9: var(--ink-cyan-9);
236
+ --color-ink-purple-1: var(--ink-purple-1);
237
+ --color-ink-purple-2: var(--ink-purple-2);
238
+ --color-ink-purple-3: var(--ink-purple-3);
239
+ --color-ink-purple-4: var(--ink-purple-4);
240
+ --color-ink-purple-5: var(--ink-purple-5);
241
+ --color-ink-purple-6: var(--ink-purple-6);
242
+ --color-ink-purple-7: var(--ink-purple-7);
243
+ --color-ink-purple-8: var(--ink-purple-8);
244
+ --color-ink-purple-9: var(--ink-purple-9);
245
+ --color-ink-pink-1: var(--ink-pink-1);
246
+ --color-ink-pink-2: var(--ink-pink-2);
247
+ --color-ink-pink-3: var(--ink-pink-3);
248
+ --color-ink-pink-4: var(--ink-pink-4);
249
+ --color-ink-pink-5: var(--ink-pink-5);
250
+ --color-ink-pink-6: var(--ink-pink-6);
251
+ --color-ink-pink-7: var(--ink-pink-7);
252
+ --color-ink-pink-8: var(--ink-pink-8);
253
+ --color-ink-pink-9: var(--ink-pink-9);
254
+ --color-ink-blue-link: var(--ink-blue-link);
255
+ --color-outline-base: var(--outline-base);
256
+ --color-outline-gray-1: var(--outline-gray-1);
257
+ --color-outline-gray-2: var(--outline-gray-2);
258
+ --color-outline-gray-3: var(--outline-gray-3);
259
+ --color-outline-gray-4: var(--outline-gray-4);
260
+ --color-outline-gray-5: var(--outline-gray-5);
261
+ --color-outline-gray-6: var(--outline-gray-6);
262
+ --color-outline-gray-7: var(--outline-gray-7);
263
+ --color-outline-gray-8: var(--outline-gray-8);
264
+ --color-outline-gray-9: var(--outline-gray-9);
265
+ --color-outline-red-1: var(--outline-red-1);
266
+ --color-outline-red-2: var(--outline-red-2);
267
+ --color-outline-red-3: var(--outline-red-3);
268
+ --color-outline-red-4: var(--outline-red-4);
269
+ --color-outline-red-5: var(--outline-red-5);
270
+ --color-outline-red-6: var(--outline-red-6);
271
+ --color-outline-red-7: var(--outline-red-7);
272
+ --color-outline-red-8: var(--outline-red-8);
273
+ --color-outline-red-9: var(--outline-red-9);
274
+ --color-outline-red-10: var(--outline-red-10);
275
+ --color-outline-blue-1: var(--outline-blue-1);
276
+ --color-outline-blue-2: var(--outline-blue-2);
277
+ --color-outline-blue-3: var(--outline-blue-3);
278
+ --color-outline-blue-4: var(--outline-blue-4);
279
+ --color-outline-blue-5: var(--outline-blue-5);
280
+ --color-outline-blue-6: var(--outline-blue-6);
281
+ --color-outline-blue-7: var(--outline-blue-7);
282
+ --color-outline-blue-8: var(--outline-blue-8);
283
+ --color-outline-blue-9: var(--outline-blue-9);
284
+ --color-outline-blue-10: var(--outline-blue-10);
285
+ --color-outline-green-1: var(--outline-green-1);
286
+ --color-outline-green-2: var(--outline-green-2);
287
+ --color-outline-green-3: var(--outline-green-3);
288
+ --color-outline-green-4: var(--outline-green-4);
289
+ --color-outline-green-5: var(--outline-green-5);
290
+ --color-outline-green-6: var(--outline-green-6);
291
+ --color-outline-green-7: var(--outline-green-7);
292
+ --color-outline-green-8: var(--outline-green-8);
293
+ --color-outline-green-9: var(--outline-green-9);
294
+ --color-outline-green-10: var(--outline-green-10);
295
+ --color-outline-amber-1: var(--outline-amber-1);
296
+ --color-outline-amber-2: var(--outline-amber-2);
297
+ --color-outline-amber-3: var(--outline-amber-3);
298
+ --color-outline-amber-4: var(--outline-amber-4);
299
+ --color-outline-amber-5: var(--outline-amber-5);
300
+ --color-outline-amber-6: var(--outline-amber-6);
301
+ --color-outline-amber-7: var(--outline-amber-7);
302
+ --color-outline-amber-8: var(--outline-amber-8);
303
+ --color-outline-amber-9: var(--outline-amber-9);
304
+ --color-outline-amber-10: var(--outline-amber-10);
305
+ --color-outline-violet-1: var(--outline-violet-1);
306
+ --color-outline-violet-2: var(--outline-violet-2);
307
+ --color-outline-violet-3: var(--outline-violet-3);
308
+ --color-outline-violet-4: var(--outline-violet-4);
309
+ --color-outline-violet-5: var(--outline-violet-5);
310
+ --color-outline-violet-6: var(--outline-violet-6);
311
+ --color-outline-violet-7: var(--outline-violet-7);
312
+ --color-outline-violet-8: var(--outline-violet-8);
313
+ --color-outline-violet-9: var(--outline-violet-9);
314
+ --color-outline-violet-10: var(--outline-violet-10);
315
+ --color-outline-yellow-1: var(--outline-yellow-1);
316
+ --color-outline-yellow-2: var(--outline-yellow-2);
317
+ --color-outline-yellow-3: var(--outline-yellow-3);
318
+ --color-outline-yellow-4: var(--outline-yellow-4);
319
+ --color-outline-yellow-5: var(--outline-yellow-5);
320
+ --color-outline-yellow-6: var(--outline-yellow-6);
321
+ --color-outline-yellow-7: var(--outline-yellow-7);
322
+ --color-outline-yellow-8: var(--outline-yellow-8);
323
+ --color-outline-yellow-9: var(--outline-yellow-9);
324
+ --color-outline-yellow-10: var(--outline-yellow-10);
325
+ --color-outline-orange-1: var(--outline-orange-1);
326
+ --color-outline-orange-2: var(--outline-orange-2);
327
+ --color-outline-orange-3: var(--outline-orange-3);
328
+ --color-outline-orange-4: var(--outline-orange-4);
329
+ --color-outline-orange-5: var(--outline-orange-5);
330
+ --color-outline-orange-6: var(--outline-orange-6);
331
+ --color-outline-orange-7: var(--outline-orange-7);
332
+ --color-outline-orange-8: var(--outline-orange-8);
333
+ --color-outline-orange-9: var(--outline-orange-9);
334
+ --color-outline-orange-10: var(--outline-orange-10);
335
+ --color-outline-teal-1: var(--outline-teal-1);
336
+ --color-outline-teal-2: var(--outline-teal-2);
337
+ --color-outline-teal-3: var(--outline-teal-3);
338
+ --color-outline-teal-4: var(--outline-teal-4);
339
+ --color-outline-teal-5: var(--outline-teal-5);
340
+ --color-outline-teal-6: var(--outline-teal-6);
341
+ --color-outline-teal-7: var(--outline-teal-7);
342
+ --color-outline-teal-8: var(--outline-teal-8);
343
+ --color-outline-teal-9: var(--outline-teal-9);
344
+ --color-outline-teal-10: var(--outline-teal-10);
345
+ --color-outline-cyan-1: var(--outline-cyan-1);
346
+ --color-outline-cyan-2: var(--outline-cyan-2);
347
+ --color-outline-cyan-3: var(--outline-cyan-3);
348
+ --color-outline-cyan-4: var(--outline-cyan-4);
349
+ --color-outline-cyan-5: var(--outline-cyan-5);
350
+ --color-outline-cyan-6: var(--outline-cyan-6);
351
+ --color-outline-cyan-7: var(--outline-cyan-7);
352
+ --color-outline-cyan-8: var(--outline-cyan-8);
353
+ --color-outline-cyan-9: var(--outline-cyan-9);
354
+ --color-outline-cyan-10: var(--outline-cyan-10);
355
+ --color-outline-purple-1: var(--outline-purple-1);
356
+ --color-outline-purple-2: var(--outline-purple-2);
357
+ --color-outline-purple-3: var(--outline-purple-3);
358
+ --color-outline-purple-4: var(--outline-purple-4);
359
+ --color-outline-purple-5: var(--outline-purple-5);
360
+ --color-outline-purple-6: var(--outline-purple-6);
361
+ --color-outline-purple-7: var(--outline-purple-7);
362
+ --color-outline-purple-8: var(--outline-purple-8);
363
+ --color-outline-purple-9: var(--outline-purple-9);
364
+ --color-outline-purple-10: var(--outline-purple-10);
365
+ --color-outline-pink-1: var(--outline-pink-1);
366
+ --color-outline-pink-2: var(--outline-pink-2);
367
+ --color-outline-pink-3: var(--outline-pink-3);
368
+ --color-outline-pink-4: var(--outline-pink-4);
369
+ --color-outline-pink-5: var(--outline-pink-5);
370
+ --color-outline-pink-6: var(--outline-pink-6);
371
+ --color-outline-pink-7: var(--outline-pink-7);
372
+ --color-outline-pink-8: var(--outline-pink-8);
373
+ --color-outline-pink-9: var(--outline-pink-9);
374
+ --color-outline-pink-10: var(--outline-pink-10);
375
+ --color-outline-elevation-1: var(--outline-elevation-1);
376
+ --color-outline-elevation-2: var(--outline-elevation-2);
377
+ --color-outline-alpha-base: var(--outline-alpha-base);
378
+ --color-outline-alpha-gray-1: var(--outline-alpha-gray-1);
379
+ --color-outline-alpha-gray-2: var(--outline-alpha-gray-2);
380
+ --color-outline-alpha-gray-3: var(--outline-alpha-gray-3);
381
+ --color-outline-alpha-gray-4: var(--outline-alpha-gray-4);
382
+ --color-outline-alpha-gray-5: var(--outline-alpha-gray-5);
383
+ --color-outline-alpha-gray-6: var(--outline-alpha-gray-6);
384
+ --color-outline-alpha-gray-7: var(--outline-alpha-gray-7);
385
+ --color-outline-alpha-gray-8: var(--outline-alpha-gray-8);
386
+ --color-outline-alpha-gray-9: var(--outline-alpha-gray-9);
387
+ --color-outline-alpha-elevation-1: var(--outline-alpha-elevation-1);
388
+ --color-outline-alpha-elevation-2: var(--outline-alpha-elevation-2);
389
+
390
+ /* primitive ramps — addressable directly (bg-gray-500, bg-dark-gray-500) */
391
+ --color-gray-50: var(--gray-50);
392
+ --color-gray-100: var(--gray-100);
393
+ --color-gray-200: var(--gray-200);
394
+ --color-gray-300: var(--gray-300);
395
+ --color-gray-400: var(--gray-400);
396
+ --color-gray-500: var(--gray-500);
397
+ --color-gray-600: var(--gray-600);
398
+ --color-gray-700: var(--gray-700);
399
+ --color-gray-800: var(--gray-800);
400
+ --color-gray-900: var(--gray-900);
401
+ --color-gray-950: var(--gray-950);
402
+ --color-blue-50: var(--blue-50);
403
+ --color-blue-100: var(--blue-100);
404
+ --color-blue-200: var(--blue-200);
405
+ --color-blue-300: var(--blue-300);
406
+ --color-blue-400: var(--blue-400);
407
+ --color-blue-500: var(--blue-500);
408
+ --color-blue-600: var(--blue-600);
409
+ --color-blue-700: var(--blue-700);
410
+ --color-blue-800: var(--blue-800);
411
+ --color-blue-900: var(--blue-900);
412
+ --color-blue-950: var(--blue-950);
413
+ --color-green-50: var(--green-50);
414
+ --color-green-100: var(--green-100);
415
+ --color-green-200: var(--green-200);
416
+ --color-green-300: var(--green-300);
417
+ --color-green-400: var(--green-400);
418
+ --color-green-500: var(--green-500);
419
+ --color-green-600: var(--green-600);
420
+ --color-green-700: var(--green-700);
421
+ --color-green-800: var(--green-800);
422
+ --color-green-900: var(--green-900);
423
+ --color-green-950: var(--green-950);
424
+ --color-red-50: var(--red-50);
425
+ --color-red-100: var(--red-100);
426
+ --color-red-200: var(--red-200);
427
+ --color-red-300: var(--red-300);
428
+ --color-red-400: var(--red-400);
429
+ --color-red-500: var(--red-500);
430
+ --color-red-600: var(--red-600);
431
+ --color-red-700: var(--red-700);
432
+ --color-red-800: var(--red-800);
433
+ --color-red-900: var(--red-900);
434
+ --color-red-950: var(--red-950);
435
+ --color-orange-50: var(--orange-50);
436
+ --color-orange-100: var(--orange-100);
437
+ --color-orange-200: var(--orange-200);
438
+ --color-orange-300: var(--orange-300);
439
+ --color-orange-400: var(--orange-400);
440
+ --color-orange-500: var(--orange-500);
441
+ --color-orange-600: var(--orange-600);
442
+ --color-orange-700: var(--orange-700);
443
+ --color-orange-800: var(--orange-800);
444
+ --color-orange-900: var(--orange-900);
445
+ --color-orange-950: var(--orange-950);
446
+ --color-amber-50: var(--amber-50);
447
+ --color-amber-100: var(--amber-100);
448
+ --color-amber-200: var(--amber-200);
449
+ --color-amber-300: var(--amber-300);
450
+ --color-amber-400: var(--amber-400);
451
+ --color-amber-500: var(--amber-500);
452
+ --color-amber-600: var(--amber-600);
453
+ --color-amber-700: var(--amber-700);
454
+ --color-amber-800: var(--amber-800);
455
+ --color-amber-900: var(--amber-900);
456
+ --color-amber-950: var(--amber-950);
457
+ --color-yellow-50: var(--yellow-50);
458
+ --color-yellow-100: var(--yellow-100);
459
+ --color-yellow-200: var(--yellow-200);
460
+ --color-yellow-300: var(--yellow-300);
461
+ --color-yellow-400: var(--yellow-400);
462
+ --color-yellow-500: var(--yellow-500);
463
+ --color-yellow-600: var(--yellow-600);
464
+ --color-yellow-700: var(--yellow-700);
465
+ --color-yellow-800: var(--yellow-800);
466
+ --color-yellow-900: var(--yellow-900);
467
+ --color-yellow-950: var(--yellow-950);
468
+ --color-teal-50: var(--teal-50);
469
+ --color-teal-100: var(--teal-100);
470
+ --color-teal-200: var(--teal-200);
471
+ --color-teal-300: var(--teal-300);
472
+ --color-teal-400: var(--teal-400);
473
+ --color-teal-500: var(--teal-500);
474
+ --color-teal-600: var(--teal-600);
475
+ --color-teal-700: var(--teal-700);
476
+ --color-teal-800: var(--teal-800);
477
+ --color-teal-900: var(--teal-900);
478
+ --color-teal-950: var(--teal-950);
479
+ --color-cyan-50: var(--cyan-50);
480
+ --color-cyan-100: var(--cyan-100);
481
+ --color-cyan-200: var(--cyan-200);
482
+ --color-cyan-300: var(--cyan-300);
483
+ --color-cyan-400: var(--cyan-400);
484
+ --color-cyan-500: var(--cyan-500);
485
+ --color-cyan-600: var(--cyan-600);
486
+ --color-cyan-700: var(--cyan-700);
487
+ --color-cyan-800: var(--cyan-800);
488
+ --color-cyan-900: var(--cyan-900);
489
+ --color-cyan-950: var(--cyan-950);
490
+ --color-purple-50: var(--purple-50);
491
+ --color-purple-100: var(--purple-100);
492
+ --color-purple-200: var(--purple-200);
493
+ --color-purple-300: var(--purple-300);
494
+ --color-purple-400: var(--purple-400);
495
+ --color-purple-500: var(--purple-500);
496
+ --color-purple-600: var(--purple-600);
497
+ --color-purple-700: var(--purple-700);
498
+ --color-purple-800: var(--purple-800);
499
+ --color-purple-900: var(--purple-900);
500
+ --color-purple-950: var(--purple-950);
501
+ --color-pink-50: var(--pink-50);
502
+ --color-pink-100: var(--pink-100);
503
+ --color-pink-200: var(--pink-200);
504
+ --color-pink-300: var(--pink-300);
505
+ --color-pink-400: var(--pink-400);
506
+ --color-pink-500: var(--pink-500);
507
+ --color-pink-600: var(--pink-600);
508
+ --color-pink-700: var(--pink-700);
509
+ --color-pink-800: var(--pink-800);
510
+ --color-pink-900: var(--pink-900);
511
+ --color-pink-950: var(--pink-950);
512
+ --color-violet-50: var(--violet-50);
513
+ --color-violet-100: var(--violet-100);
514
+ --color-violet-200: var(--violet-200);
515
+ --color-violet-300: var(--violet-300);
516
+ --color-violet-400: var(--violet-400);
517
+ --color-violet-500: var(--violet-500);
518
+ --color-violet-600: var(--violet-600);
519
+ --color-violet-700: var(--violet-700);
520
+ --color-violet-800: var(--violet-800);
521
+ --color-violet-900: var(--violet-900);
522
+ --color-violet-950: var(--violet-950);
523
+ --color-gray-alpha-50: var(--gray-alpha-50);
524
+ --color-gray-alpha-100: var(--gray-alpha-100);
525
+ --color-gray-alpha-200: var(--gray-alpha-200);
526
+ --color-gray-alpha-300: var(--gray-alpha-300);
527
+ --color-gray-alpha-400: var(--gray-alpha-400);
528
+ --color-gray-alpha-500: var(--gray-alpha-500);
529
+ --color-gray-alpha-600: var(--gray-alpha-600);
530
+ --color-gray-alpha-700: var(--gray-alpha-700);
531
+ --color-gray-alpha-800: var(--gray-alpha-800);
532
+ --color-gray-alpha-900: var(--gray-alpha-900);
533
+ --color-gray-alpha-950: var(--gray-alpha-950);
534
+ --color-dark-gray-50: var(--dark-gray-50);
535
+ --color-dark-gray-100: var(--dark-gray-100);
536
+ --color-dark-gray-200: var(--dark-gray-200);
537
+ --color-dark-gray-300: var(--dark-gray-300);
538
+ --color-dark-gray-400: var(--dark-gray-400);
539
+ --color-dark-gray-450: var(--dark-gray-450);
540
+ --color-dark-gray-500: var(--dark-gray-500);
541
+ --color-dark-gray-600: var(--dark-gray-600);
542
+ --color-dark-gray-700: var(--dark-gray-700);
543
+ --color-dark-gray-800: var(--dark-gray-800);
544
+ --color-dark-gray-900: var(--dark-gray-900);
545
+ --color-dark-gray-950: var(--dark-gray-950);
546
+ --color-dark-blue-50: var(--dark-blue-50);
547
+ --color-dark-blue-100: var(--dark-blue-100);
548
+ --color-dark-blue-200: var(--dark-blue-200);
549
+ --color-dark-blue-300: var(--dark-blue-300);
550
+ --color-dark-blue-400: var(--dark-blue-400);
551
+ --color-dark-blue-500: var(--dark-blue-500);
552
+ --color-dark-blue-600: var(--dark-blue-600);
553
+ --color-dark-blue-700: var(--dark-blue-700);
554
+ --color-dark-blue-800: var(--dark-blue-800);
555
+ --color-dark-blue-900: var(--dark-blue-900);
556
+ --color-dark-blue-950: var(--dark-blue-950);
557
+ --color-dark-green-50: var(--dark-green-50);
558
+ --color-dark-green-100: var(--dark-green-100);
559
+ --color-dark-green-200: var(--dark-green-200);
560
+ --color-dark-green-300: var(--dark-green-300);
561
+ --color-dark-green-400: var(--dark-green-400);
562
+ --color-dark-green-500: var(--dark-green-500);
563
+ --color-dark-green-600: var(--dark-green-600);
564
+ --color-dark-green-700: var(--dark-green-700);
565
+ --color-dark-green-800: var(--dark-green-800);
566
+ --color-dark-green-900: var(--dark-green-900);
567
+ --color-dark-green-950: var(--dark-green-950);
568
+ --color-dark-red-50: var(--dark-red-50);
569
+ --color-dark-red-100: var(--dark-red-100);
570
+ --color-dark-red-200: var(--dark-red-200);
571
+ --color-dark-red-300: var(--dark-red-300);
572
+ --color-dark-red-400: var(--dark-red-400);
573
+ --color-dark-red-500: var(--dark-red-500);
574
+ --color-dark-red-600: var(--dark-red-600);
575
+ --color-dark-red-700: var(--dark-red-700);
576
+ --color-dark-red-800: var(--dark-red-800);
577
+ --color-dark-red-900: var(--dark-red-900);
578
+ --color-dark-red-950: var(--dark-red-950);
579
+ --color-dark-orange-50: var(--dark-orange-50);
580
+ --color-dark-orange-100: var(--dark-orange-100);
581
+ --color-dark-orange-200: var(--dark-orange-200);
582
+ --color-dark-orange-300: var(--dark-orange-300);
583
+ --color-dark-orange-400: var(--dark-orange-400);
584
+ --color-dark-orange-500: var(--dark-orange-500);
585
+ --color-dark-orange-600: var(--dark-orange-600);
586
+ --color-dark-orange-700: var(--dark-orange-700);
587
+ --color-dark-orange-800: var(--dark-orange-800);
588
+ --color-dark-orange-900: var(--dark-orange-900);
589
+ --color-dark-orange-950: var(--dark-orange-950);
590
+ --color-dark-amber-50: var(--dark-amber-50);
591
+ --color-dark-amber-100: var(--dark-amber-100);
592
+ --color-dark-amber-200: var(--dark-amber-200);
593
+ --color-dark-amber-300: var(--dark-amber-300);
594
+ --color-dark-amber-400: var(--dark-amber-400);
595
+ --color-dark-amber-500: var(--dark-amber-500);
596
+ --color-dark-amber-600: var(--dark-amber-600);
597
+ --color-dark-amber-700: var(--dark-amber-700);
598
+ --color-dark-amber-800: var(--dark-amber-800);
599
+ --color-dark-amber-900: var(--dark-amber-900);
600
+ --color-dark-amber-950: var(--dark-amber-950);
601
+ --color-dark-yellow-50: var(--dark-yellow-50);
602
+ --color-dark-yellow-100: var(--dark-yellow-100);
603
+ --color-dark-yellow-200: var(--dark-yellow-200);
604
+ --color-dark-yellow-300: var(--dark-yellow-300);
605
+ --color-dark-yellow-400: var(--dark-yellow-400);
606
+ --color-dark-yellow-500: var(--dark-yellow-500);
607
+ --color-dark-yellow-600: var(--dark-yellow-600);
608
+ --color-dark-yellow-700: var(--dark-yellow-700);
609
+ --color-dark-yellow-800: var(--dark-yellow-800);
610
+ --color-dark-yellow-900: var(--dark-yellow-900);
611
+ --color-dark-yellow-950: var(--dark-yellow-950);
612
+ --color-dark-teal-50: var(--dark-teal-50);
613
+ --color-dark-teal-100: var(--dark-teal-100);
614
+ --color-dark-teal-200: var(--dark-teal-200);
615
+ --color-dark-teal-300: var(--dark-teal-300);
616
+ --color-dark-teal-400: var(--dark-teal-400);
617
+ --color-dark-teal-500: var(--dark-teal-500);
618
+ --color-dark-teal-600: var(--dark-teal-600);
619
+ --color-dark-teal-700: var(--dark-teal-700);
620
+ --color-dark-teal-800: var(--dark-teal-800);
621
+ --color-dark-teal-900: var(--dark-teal-900);
622
+ --color-dark-teal-950: var(--dark-teal-950);
623
+ --color-dark-cyan-50: var(--dark-cyan-50);
624
+ --color-dark-cyan-100: var(--dark-cyan-100);
625
+ --color-dark-cyan-200: var(--dark-cyan-200);
626
+ --color-dark-cyan-300: var(--dark-cyan-300);
627
+ --color-dark-cyan-400: var(--dark-cyan-400);
628
+ --color-dark-cyan-500: var(--dark-cyan-500);
629
+ --color-dark-cyan-600: var(--dark-cyan-600);
630
+ --color-dark-cyan-700: var(--dark-cyan-700);
631
+ --color-dark-cyan-800: var(--dark-cyan-800);
632
+ --color-dark-cyan-900: var(--dark-cyan-900);
633
+ --color-dark-cyan-950: var(--dark-cyan-950);
634
+ --color-dark-purple-50: var(--dark-purple-50);
635
+ --color-dark-purple-100: var(--dark-purple-100);
636
+ --color-dark-purple-200: var(--dark-purple-200);
637
+ --color-dark-purple-300: var(--dark-purple-300);
638
+ --color-dark-purple-400: var(--dark-purple-400);
639
+ --color-dark-purple-500: var(--dark-purple-500);
640
+ --color-dark-purple-600: var(--dark-purple-600);
641
+ --color-dark-purple-700: var(--dark-purple-700);
642
+ --color-dark-purple-800: var(--dark-purple-800);
643
+ --color-dark-purple-900: var(--dark-purple-900);
644
+ --color-dark-purple-950: var(--dark-purple-950);
645
+ --color-dark-pink-50: var(--dark-pink-50);
646
+ --color-dark-pink-100: var(--dark-pink-100);
647
+ --color-dark-pink-200: var(--dark-pink-200);
648
+ --color-dark-pink-300: var(--dark-pink-300);
649
+ --color-dark-pink-400: var(--dark-pink-400);
650
+ --color-dark-pink-500: var(--dark-pink-500);
651
+ --color-dark-pink-600: var(--dark-pink-600);
652
+ --color-dark-pink-700: var(--dark-pink-700);
653
+ --color-dark-pink-800: var(--dark-pink-800);
654
+ --color-dark-pink-900: var(--dark-pink-900);
655
+ --color-dark-pink-950: var(--dark-pink-950);
656
+ --color-dark-violet-50: var(--dark-violet-50);
657
+ --color-dark-violet-100: var(--dark-violet-100);
658
+ --color-dark-violet-200: var(--dark-violet-200);
659
+ --color-dark-violet-300: var(--dark-violet-300);
660
+ --color-dark-violet-400: var(--dark-violet-400);
661
+ --color-dark-violet-500: var(--dark-violet-500);
662
+ --color-dark-violet-600: var(--dark-violet-600);
663
+ --color-dark-violet-700: var(--dark-violet-700);
664
+ --color-dark-violet-800: var(--dark-violet-800);
665
+ --color-dark-violet-900: var(--dark-violet-900);
666
+ --color-dark-violet-950: var(--dark-violet-950);
667
+ --color-dark-gray-alpha-50: var(--dark-gray-alpha-50);
668
+ --color-dark-gray-alpha-100: var(--dark-gray-alpha-100);
669
+ --color-dark-gray-alpha-200: var(--dark-gray-alpha-200);
670
+ --color-dark-gray-alpha-300: var(--dark-gray-alpha-300);
671
+ --color-dark-gray-alpha-400: var(--dark-gray-alpha-400);
672
+ --color-dark-gray-alpha-450: var(--dark-gray-alpha-450);
673
+ --color-dark-gray-alpha-500: var(--dark-gray-alpha-500);
674
+ --color-dark-gray-alpha-600: var(--dark-gray-alpha-600);
675
+ --color-dark-gray-alpha-700: var(--dark-gray-alpha-700);
676
+ --color-dark-gray-alpha-800: var(--dark-gray-alpha-800);
677
+ --color-dark-gray-alpha-900: var(--dark-gray-alpha-900);
678
+ --color-dark-gray-alpha-950: var(--dark-gray-alpha-950);
679
+
680
+ /* overlay ramps — translucent black/white (bg-black-overlay-200), static */
681
+ --color-white-overlay-50: oklch(1 0 0 / 0.102);
682
+ --color-white-overlay-100: oklch(1 0 0 / 0.18);
683
+ --color-white-overlay-200: oklch(1 0 0 / 0.271);
684
+ --color-white-overlay-300: oklch(1 0 0 / 0.361);
685
+ --color-white-overlay-400: oklch(1 0 0 / 0.451);
686
+ --color-white-overlay-500: oklch(1 0 0 / 0.541);
687
+ --color-white-overlay-600: oklch(1 0 0 / 0.631);
688
+ --color-white-overlay-700: oklch(1 0 0 / 0.722);
689
+ --color-white-overlay-800: oklch(1 0 0 / 0.812);
690
+ --color-white-overlay-900: oklch(1 0 0 / 0.898);
691
+ --color-white-overlay-950: oklch(1 0 0 / 0.949);
692
+ --color-black-overlay-50: oklch(0 0 0 / 0.09);
693
+ --color-black-overlay-100: oklch(0 0 0 / 0.18);
694
+ --color-black-overlay-200: oklch(0 0 0 / 0.271);
695
+ --color-black-overlay-300: oklch(0 0 0 / 0.361);
696
+ --color-black-overlay-400: oklch(0 0 0 / 0.451);
697
+ --color-black-overlay-500: oklch(0 0 0 / 0.541);
698
+ --color-black-overlay-600: oklch(0 0 0 / 0.631);
699
+ --color-black-overlay-700: oklch(0 0 0 / 0.722);
700
+ --color-black-overlay-800: oklch(0 0 0 / 0.812);
701
+ --color-black-overlay-900: oklch(0 0 0 / 0.898);
702
+ --color-black-overlay-950: oklch(0 0 0 / 0.949);
703
+
704
+ /* chart series — categorical, dark-aware through the runtime --chart-* vars */
705
+ --color-chart-1: var(--chart-1);
706
+ --color-chart-2: var(--chart-2);
707
+ --color-chart-3: var(--chart-3);
708
+ --color-chart-4: var(--chart-4);
709
+ --color-chart-5: var(--chart-5);
710
+ --color-chart-6: var(--chart-6);
711
+ --color-chart-7: var(--chart-7);
712
+ --color-chart-8: var(--chart-8);
713
+ --color-chart-grid: var(--outline-gray-1);
714
+ --color-chart-axis: var(--outline-gray-3);
715
+
716
+ /* radius (static — never flips by theme) */
717
+ --radius-0: 0px;
718
+ --radius-1: 4px;
719
+ --radius-2: 5px;
720
+ --radius-3: 6px;
721
+ --radius-4: 8px;
722
+ --radius-5: 10px;
723
+ --radius-6: 12px;
724
+ --radius-7: 16px;
725
+ --radius-8: 20px;
726
+ --radius-9: 100px;
727
+ --radius-full: 9999px;
728
+ --radius-none: 0px;
729
+ --radius-control: 6px;
730
+ --radius-card: 8px;
731
+ --radius-overlay: 12px;
732
+ --radius-pill: 9999px;
733
+
734
+ /* spacing scale — every half step and integer 1..128 */
735
+ --spacing-1: 0.25rem;
736
+ --spacing-2: 0.5rem;
737
+ --spacing-3: 0.75rem;
738
+ --spacing-4: 1rem;
739
+ --spacing-5: 1.25rem;
740
+ --spacing-6: 1.5rem;
741
+ --spacing-7: 1.75rem;
742
+ --spacing-8: 2rem;
743
+ --spacing-9: 2.25rem;
744
+ --spacing-10: 2.5rem;
745
+ --spacing-11: 2.75rem;
746
+ --spacing-12: 3rem;
747
+ --spacing-13: 3.25rem;
748
+ --spacing-14: 3.5rem;
749
+ --spacing-15: 3.75rem;
750
+ --spacing-16: 4rem;
751
+ --spacing-17: 4.25rem;
752
+ --spacing-18: 4.5rem;
753
+ --spacing-19: 4.75rem;
754
+ --spacing-20: 5rem;
755
+ --spacing-21: 5.25rem;
756
+ --spacing-22: 5.5rem;
757
+ --spacing-23: 5.75rem;
758
+ --spacing-24: 6rem;
759
+ --spacing-25: 6.25rem;
760
+ --spacing-26: 6.5rem;
761
+ --spacing-27: 6.75rem;
762
+ --spacing-28: 7rem;
763
+ --spacing-29: 7.25rem;
764
+ --spacing-30: 7.5rem;
765
+ --spacing-31: 7.75rem;
766
+ --spacing-32: 8rem;
767
+ --spacing-33: 8.25rem;
768
+ --spacing-34: 8.5rem;
769
+ --spacing-35: 8.75rem;
770
+ --spacing-36: 9rem;
771
+ --spacing-37: 9.25rem;
772
+ --spacing-38: 9.5rem;
773
+ --spacing-39: 9.75rem;
774
+ --spacing-40: 10rem;
775
+ --spacing-41: 10.25rem;
776
+ --spacing-42: 10.5rem;
777
+ --spacing-43: 10.75rem;
778
+ --spacing-44: 11rem;
779
+ --spacing-45: 11.25rem;
780
+ --spacing-46: 11.5rem;
781
+ --spacing-47: 11.75rem;
782
+ --spacing-48: 12rem;
783
+ --spacing-49: 12.25rem;
784
+ --spacing-50: 12.5rem;
785
+ --spacing-51: 12.75rem;
786
+ --spacing-52: 13rem;
787
+ --spacing-53: 13.25rem;
788
+ --spacing-54: 13.5rem;
789
+ --spacing-55: 13.75rem;
790
+ --spacing-56: 14rem;
791
+ --spacing-57: 14.25rem;
792
+ --spacing-58: 14.5rem;
793
+ --spacing-59: 14.75rem;
794
+ --spacing-60: 15rem;
795
+ --spacing-61: 15.25rem;
796
+ --spacing-62: 15.5rem;
797
+ --spacing-63: 15.75rem;
798
+ --spacing-64: 16rem;
799
+ --spacing-65: 16.25rem;
800
+ --spacing-66: 16.5rem;
801
+ --spacing-67: 16.75rem;
802
+ --spacing-68: 17rem;
803
+ --spacing-69: 17.25rem;
804
+ --spacing-70: 17.5rem;
805
+ --spacing-71: 17.75rem;
806
+ --spacing-72: 18rem;
807
+ --spacing-73: 18.25rem;
808
+ --spacing-74: 18.5rem;
809
+ --spacing-75: 18.75rem;
810
+ --spacing-76: 19rem;
811
+ --spacing-77: 19.25rem;
812
+ --spacing-78: 19.5rem;
813
+ --spacing-79: 19.75rem;
814
+ --spacing-80: 20rem;
815
+ --spacing-81: 20.25rem;
816
+ --spacing-82: 20.5rem;
817
+ --spacing-83: 20.75rem;
818
+ --spacing-84: 21rem;
819
+ --spacing-85: 21.25rem;
820
+ --spacing-86: 21.5rem;
821
+ --spacing-87: 21.75rem;
822
+ --spacing-88: 22rem;
823
+ --spacing-89: 22.25rem;
824
+ --spacing-90: 22.5rem;
825
+ --spacing-91: 22.75rem;
826
+ --spacing-92: 23rem;
827
+ --spacing-93: 23.25rem;
828
+ --spacing-94: 23.5rem;
829
+ --spacing-95: 23.75rem;
830
+ --spacing-96: 24rem;
831
+ --spacing-97: 24.25rem;
832
+ --spacing-98: 24.5rem;
833
+ --spacing-99: 24.75rem;
834
+ --spacing-100: 25rem;
835
+ --spacing-101: 25.25rem;
836
+ --spacing-102: 25.5rem;
837
+ --spacing-103: 25.75rem;
838
+ --spacing-104: 26rem;
839
+ --spacing-105: 26.25rem;
840
+ --spacing-106: 26.5rem;
841
+ --spacing-107: 26.75rem;
842
+ --spacing-108: 27rem;
843
+ --spacing-109: 27.25rem;
844
+ --spacing-110: 27.5rem;
845
+ --spacing-111: 27.75rem;
846
+ --spacing-112: 28rem;
847
+ --spacing-113: 28.25rem;
848
+ --spacing-114: 28.5rem;
849
+ --spacing-115: 28.75rem;
850
+ --spacing-116: 29rem;
851
+ --spacing-117: 29.25rem;
852
+ --spacing-118: 29.5rem;
853
+ --spacing-119: 29.75rem;
854
+ --spacing-120: 30rem;
855
+ --spacing-121: 30.25rem;
856
+ --spacing-122: 30.5rem;
857
+ --spacing-123: 30.75rem;
858
+ --spacing-124: 31rem;
859
+ --spacing-125: 31.25rem;
860
+ --spacing-126: 31.5rem;
861
+ --spacing-127: 31.75rem;
862
+ --spacing-128: 32rem;
863
+ --spacing-0.5: 0.125rem;
864
+ --spacing-1.5: 0.375rem;
865
+ --spacing-2.5: 0.625rem;
866
+ --spacing-3.5: 0.875rem;
867
+ --spacing-4.5: 1.125rem;
868
+ --spacing-5.5: 1.375rem;
869
+ --spacing-6.5: 1.625rem;
870
+ --spacing-7.5: 1.875rem;
871
+ --spacing-8.5: 2.125rem;
872
+ --spacing-9.5: 2.375rem;
873
+ --spacing-10.5: 2.625rem;
874
+ --spacing-11.5: 2.875rem;
875
+ --spacing-12.5: 3.125rem;
876
+ --spacing-13.5: 3.375rem;
877
+ --spacing-14.5: 3.625rem;
878
+ --spacing-15.5: 3.875rem;
879
+ --spacing-16.5: 4.125rem;
880
+ --spacing-17.5: 4.375rem;
881
+ --spacing-18.5: 4.625rem;
882
+ --spacing-19.5: 4.875rem;
883
+
884
+ /* semantic layout rhythm — shared component and page roles */
885
+ --spacing-control-gap: 0.5rem;
886
+ --spacing-control-pad: 0.5rem;
887
+ --spacing-field-gap: 0.75rem;
888
+ --spacing-card-gap: 1rem;
889
+ --spacing-card-pad-compact: 0.75rem;
890
+ --spacing-card-pad: 1rem;
891
+ --spacing-card-pad-wide: 1.25rem;
892
+ --spacing-section-gap: 1.5rem;
893
+ --spacing-page-gutter-compact: 1rem;
894
+ --spacing-page-gutter: 1.5rem;
895
+ --spacing-page-gutter-wide: 2rem;
896
+ --spacing-page-stack: 2rem;
897
+ --spacing-menu-pad: 0.25rem;
898
+ --spacing-dialog-pad: 1rem;
899
+ --spacing-table-cell-x: 1rem;
900
+ --spacing-table-cell-y: 0.5rem;
901
+ --spacing-toolbar-pad: 0.5rem;
902
+ --spacing-stack: 1rem;
903
+ --spacing-inline: 0.5rem;
904
+
905
+ /* elevation — shadow-<step> resolves the runtime elevation var */
906
+ --shadow-sm: var(--elevation-sm);
907
+ --shadow-base: var(--elevation-base);
908
+ --shadow: var(--elevation-base);
909
+ --shadow-md: var(--elevation-md);
910
+ --shadow-lg: var(--elevation-lg);
911
+ --shadow-xl: var(--elevation-xl);
912
+ --shadow-2xl: var(--elevation-2xl);
913
+
914
+ /* shadow roles — shadow-<role> resolves its mapped elevation step */
915
+ --shadow-card: var(--elevation-sm);
916
+ --shadow-raised: var(--elevation-base);
917
+ --shadow-popover: var(--elevation-md);
918
+ --shadow-dialog: var(--elevation-lg);
919
+ --shadow-toast: var(--elevation-xl);
920
+ --shadow-drag: var(--elevation-2xl);
921
+
922
+ /* typography — text-<size> and text-<size>-<weight>, text + paragraph */
923
+ --text-interface: 0.875rem;
924
+ --text-interface--line-height: 1.25rem;
925
+ --text-interface--letter-spacing: 0em;
926
+ --text-interface--font-weight: 420;
927
+ --text-interface-medium: 0.875rem;
928
+ --text-interface-medium--line-height: 1.25rem;
929
+ --text-interface-medium--letter-spacing: 0.01em;
930
+ --text-interface-medium--font-weight: 500;
931
+ --text-interface-semibold: 0.875rem;
932
+ --text-interface-semibold--line-height: 1.25rem;
933
+ --text-interface-semibold--letter-spacing: 0.01em;
934
+ --text-interface-semibold--font-weight: 600;
935
+ --text-interface-bold: 0.875rem;
936
+ --text-interface-bold--line-height: 1.25rem;
937
+ --text-interface-bold--letter-spacing: 0.01em;
938
+ --text-interface-bold--font-weight: 700;
939
+ --text-caption: 0.75rem;
940
+ --text-caption--line-height: 1rem;
941
+ --text-caption--letter-spacing: 0em;
942
+ --text-caption--font-weight: 420;
943
+ --text-caption-medium: 0.75rem;
944
+ --text-caption-medium--line-height: 1rem;
945
+ --text-caption-medium--letter-spacing: 0.01em;
946
+ --text-caption-medium--font-weight: 500;
947
+ --text-caption-semibold: 0.75rem;
948
+ --text-caption-semibold--line-height: 1rem;
949
+ --text-caption-semibold--letter-spacing: 0.01em;
950
+ --text-caption-semibold--font-weight: 600;
951
+ --text-caption-bold: 0.75rem;
952
+ --text-caption-bold--line-height: 1rem;
953
+ --text-caption-bold--letter-spacing: 0.01em;
954
+ --text-caption-bold--font-weight: 700;
955
+ --text-heading: 1.5rem;
956
+ --text-heading--line-height: 1.875rem;
957
+ --text-heading--letter-spacing: -0.025em;
958
+ --text-heading--font-weight: 600;
959
+ --text-heading-medium: 1.5rem;
960
+ --text-heading-medium--line-height: 1.875rem;
961
+ --text-heading-medium--letter-spacing: -0.02em;
962
+ --text-heading-medium--font-weight: 500;
963
+ --text-heading-semibold: 1.5rem;
964
+ --text-heading-semibold--line-height: 1.875rem;
965
+ --text-heading-semibold--letter-spacing: -0.025em;
966
+ --text-heading-semibold--font-weight: 600;
967
+ --text-heading-bold: 1.5rem;
968
+ --text-heading-bold--line-height: 1.875rem;
969
+ --text-heading-bold--letter-spacing: -0.025em;
970
+ --text-heading-bold--font-weight: 700;
971
+ --text-section: 1.125rem;
972
+ --text-section--line-height: 1.5rem;
973
+ --text-section--letter-spacing: -0.015em;
974
+ --text-section--font-weight: 600;
975
+ --text-section-medium: 1.125rem;
976
+ --text-section-medium--line-height: 1.5rem;
977
+ --text-section-medium--letter-spacing: -0.01em;
978
+ --text-section-medium--font-weight: 500;
979
+ --text-section-semibold: 1.125rem;
980
+ --text-section-semibold--line-height: 1.5rem;
981
+ --text-section-semibold--letter-spacing: -0.015em;
982
+ --text-section-semibold--font-weight: 600;
983
+ --text-section-bold: 1.125rem;
984
+ --text-section-bold--line-height: 1.5rem;
985
+ --text-section-bold--letter-spacing: -0.015em;
986
+ --text-section-bold--font-weight: 700;
987
+ --text-metric: 1.75rem;
988
+ --text-metric--line-height: 2rem;
989
+ --text-metric--letter-spacing: -0.025em;
990
+ --text-metric--font-weight: 600;
991
+ --text-metric-medium: 1.75rem;
992
+ --text-metric-medium--line-height: 2rem;
993
+ --text-metric-medium--letter-spacing: -0.02em;
994
+ --text-metric-medium--font-weight: 500;
995
+ --text-metric-semibold: 1.75rem;
996
+ --text-metric-semibold--line-height: 2rem;
997
+ --text-metric-semibold--letter-spacing: -0.025em;
998
+ --text-metric-semibold--font-weight: 600;
999
+ --text-metric-bold: 1.75rem;
1000
+ --text-metric-bold--line-height: 2rem;
1001
+ --text-metric-bold--letter-spacing: -0.025em;
1002
+ --text-metric-bold--font-weight: 700;
1003
+ --text-hero: 2.25rem;
1004
+ --text-hero--line-height: 2.5rem;
1005
+ --text-hero--letter-spacing: -0.035em;
1006
+ --text-hero--font-weight: 600;
1007
+ --text-hero-medium: 2.25rem;
1008
+ --text-hero-medium--line-height: 2.5rem;
1009
+ --text-hero-medium--letter-spacing: -0.03em;
1010
+ --text-hero-medium--font-weight: 500;
1011
+ --text-hero-semibold: 2.25rem;
1012
+ --text-hero-semibold--line-height: 2.5rem;
1013
+ --text-hero-semibold--letter-spacing: -0.035em;
1014
+ --text-hero-semibold--font-weight: 600;
1015
+ --text-hero-bold: 2.25rem;
1016
+ --text-hero-bold--line-height: 2.5rem;
1017
+ --text-hero-bold--letter-spacing: -0.035em;
1018
+ --text-hero-bold--font-weight: 700;
1019
+ --text-2xs: 0.6875rem;
1020
+ --text-2xs--line-height: 1.35;
1021
+ --text-2xs--letter-spacing: 0.01em;
1022
+ --text-2xs--font-weight: 420;
1023
+ --text-2xs-medium: 0.6875rem;
1024
+ --text-2xs-medium--line-height: 1.35;
1025
+ --text-2xs-medium--letter-spacing: 0.01em;
1026
+ --text-2xs-medium--font-weight: 500;
1027
+ --text-2xs-semibold: 0.6875rem;
1028
+ --text-2xs-semibold--line-height: 1.35;
1029
+ --text-2xs-semibold--letter-spacing: 0.01em;
1030
+ --text-2xs-semibold--font-weight: 600;
1031
+ --text-2xs-bold: 0.6875rem;
1032
+ --text-2xs-bold--line-height: 1.35;
1033
+ --text-2xs-bold--letter-spacing: 0.01em;
1034
+ --text-2xs-bold--font-weight: 700;
1035
+ --text-xs: 0.75rem;
1036
+ --text-xs--line-height: 1.35;
1037
+ --text-xs--letter-spacing: 0.02em;
1038
+ --text-xs--font-weight: 420;
1039
+ --text-xs-medium: 0.75rem;
1040
+ --text-xs-medium--line-height: 1.35;
1041
+ --text-xs-medium--letter-spacing: 0.02em;
1042
+ --text-xs-medium--font-weight: 500;
1043
+ --text-xs-semibold: 0.75rem;
1044
+ --text-xs-semibold--line-height: 1.35;
1045
+ --text-xs-semibold--letter-spacing: 0.015em;
1046
+ --text-xs-semibold--font-weight: 600;
1047
+ --text-xs-bold: 0.75rem;
1048
+ --text-xs-bold--line-height: 1.35;
1049
+ --text-xs-bold--letter-spacing: 0.015em;
1050
+ --text-xs-bold--font-weight: 700;
1051
+ --text-sm: 0.8125rem;
1052
+ --text-sm--line-height: 1.35;
1053
+ --text-sm--letter-spacing: 0.02em;
1054
+ --text-sm--font-weight: 420;
1055
+ --text-sm-medium: 0.8125rem;
1056
+ --text-sm-medium--line-height: 1.35;
1057
+ --text-sm-medium--letter-spacing: 0.02em;
1058
+ --text-sm-medium--font-weight: 500;
1059
+ --text-sm-semibold: 0.8125rem;
1060
+ --text-sm-semibold--line-height: 1.35;
1061
+ --text-sm-semibold--letter-spacing: 0.015em;
1062
+ --text-sm-semibold--font-weight: 600;
1063
+ --text-sm-bold: 0.8125rem;
1064
+ --text-sm-bold--line-height: 1.35;
1065
+ --text-sm-bold--letter-spacing: 0.015em;
1066
+ --text-sm-bold--font-weight: 700;
1067
+ --text-base: 0.875rem;
1068
+ --text-base--line-height: 1.25rem;
1069
+ --text-base--letter-spacing: 0em;
1070
+ --text-base--font-weight: 420;
1071
+ --text-base-medium: 0.875rem;
1072
+ --text-base-medium--line-height: 1.25rem;
1073
+ --text-base-medium--letter-spacing: 0.015em;
1074
+ --text-base-medium--font-weight: 500;
1075
+ --text-base-semibold: 0.875rem;
1076
+ --text-base-semibold--line-height: 1.25rem;
1077
+ --text-base-semibold--letter-spacing: 0.015em;
1078
+ --text-base-semibold--font-weight: 600;
1079
+ --text-base-bold: 0.875rem;
1080
+ --text-base-bold--line-height: 1.25rem;
1081
+ --text-base-bold--letter-spacing: 0.015em;
1082
+ --text-base-bold--font-weight: 700;
1083
+ --text-md: 0.9375rem;
1084
+ --text-md--line-height: 1.35;
1085
+ --text-md--letter-spacing: 0.02em;
1086
+ --text-md--font-weight: 420;
1087
+ --text-md-medium: 0.9375rem;
1088
+ --text-md-medium--line-height: 1.35;
1089
+ --text-md-medium--letter-spacing: 0.015em;
1090
+ --text-md-medium--font-weight: 500;
1091
+ --text-md-semibold: 0.9375rem;
1092
+ --text-md-semibold--line-height: 1.35;
1093
+ --text-md-semibold--letter-spacing: 0.015em;
1094
+ --text-md-semibold--font-weight: 600;
1095
+ --text-md-bold: 0.9375rem;
1096
+ --text-md-bold--line-height: 1.35;
1097
+ --text-md-bold--letter-spacing: 0.015em;
1098
+ --text-md-bold--font-weight: 700;
1099
+ --text-lg: 1rem;
1100
+ --text-lg--line-height: 1.35;
1101
+ --text-lg--letter-spacing: 0.02em;
1102
+ --text-lg--font-weight: 420;
1103
+ --text-lg-medium: 1rem;
1104
+ --text-lg-medium--line-height: 1.35;
1105
+ --text-lg-medium--letter-spacing: 0.015em;
1106
+ --text-lg-medium--font-weight: 500;
1107
+ --text-lg-semibold: 1rem;
1108
+ --text-lg-semibold--line-height: 1.35;
1109
+ --text-lg-semibold--letter-spacing: 0.015em;
1110
+ --text-lg-semibold--font-weight: 600;
1111
+ --text-lg-bold: 1rem;
1112
+ --text-lg-bold--line-height: 1.35;
1113
+ --text-lg-bold--letter-spacing: 0.015em;
1114
+ --text-lg-bold--font-weight: 700;
1115
+ --text-xl: 1.0625rem;
1116
+ --text-xl--line-height: 1.35;
1117
+ --text-xl--letter-spacing: 0.02em;
1118
+ --text-xl--font-weight: 420;
1119
+ --text-xl-medium: 1.0625rem;
1120
+ --text-xl-medium--line-height: 1.35;
1121
+ --text-xl-medium--letter-spacing: 0.015em;
1122
+ --text-xl-medium--font-weight: 500;
1123
+ --text-xl-semibold: 1.0625rem;
1124
+ --text-xl-semibold--line-height: 1.35;
1125
+ --text-xl-semibold--letter-spacing: 0.015em;
1126
+ --text-xl-semibold--font-weight: 600;
1127
+ --text-xl-bold: 1.0625rem;
1128
+ --text-xl-bold--line-height: 1.35;
1129
+ --text-xl-bold--letter-spacing: 0.015em;
1130
+ --text-xl-bold--font-weight: 700;
1131
+ --text-2xl: 1.125rem;
1132
+ --text-2xl--line-height: 1.35;
1133
+ --text-2xl--letter-spacing: 0.01em;
1134
+ --text-2xl--font-weight: 420;
1135
+ --text-2xl-medium: 1.125rem;
1136
+ --text-2xl-medium--line-height: 1.35;
1137
+ --text-2xl-medium--letter-spacing: 0.01em;
1138
+ --text-2xl-medium--font-weight: 500;
1139
+ --text-2xl-semibold: 1.125rem;
1140
+ --text-2xl-semibold--line-height: 1.35;
1141
+ --text-2xl-semibold--letter-spacing: 0.01em;
1142
+ --text-2xl-semibold--font-weight: 600;
1143
+ --text-2xl-bold: 1.125rem;
1144
+ --text-2xl-bold--line-height: 1.35;
1145
+ --text-2xl-bold--letter-spacing: 0.01em;
1146
+ --text-2xl-bold--font-weight: 700;
1147
+ --text-3xl: 1.25rem;
1148
+ --text-3xl--line-height: 1.35;
1149
+ --text-3xl--letter-spacing: 0.005em;
1150
+ --text-3xl--font-weight: 420;
1151
+ --text-3xl-medium: 1.25rem;
1152
+ --text-3xl-medium--line-height: 1.35;
1153
+ --text-3xl-medium--letter-spacing: 0.01em;
1154
+ --text-3xl-medium--font-weight: 500;
1155
+ --text-3xl-semibold: 1.25rem;
1156
+ --text-3xl-semibold--line-height: 1.35;
1157
+ --text-3xl-semibold--letter-spacing: 0.01em;
1158
+ --text-3xl-semibold--font-weight: 600;
1159
+ --text-3xl-bold: 1.25rem;
1160
+ --text-3xl-bold--line-height: 1.35;
1161
+ --text-3xl-bold--letter-spacing: 0.01em;
1162
+ --text-3xl-bold--font-weight: 700;
1163
+ --text-4xl: 1.5rem;
1164
+ --text-4xl--line-height: 1.35;
1165
+ --text-4xl--letter-spacing: 0.005em;
1166
+ --text-4xl--font-weight: 420;
1167
+ --text-4xl-medium: 1.5rem;
1168
+ --text-4xl-medium--line-height: 1.35;
1169
+ --text-4xl-medium--letter-spacing: 0.005em;
1170
+ --text-4xl-medium--font-weight: 500;
1171
+ --text-4xl-semibold: 1.5rem;
1172
+ --text-4xl-semibold--line-height: 1.35;
1173
+ --text-4xl-semibold--letter-spacing: 0.005em;
1174
+ --text-4xl-semibold--font-weight: 600;
1175
+ --text-4xl-bold: 1.5rem;
1176
+ --text-4xl-bold--line-height: 1.35;
1177
+ --text-4xl-bold--letter-spacing: 0.005em;
1178
+ --text-4xl-bold--font-weight: 700;
1179
+ --text-5xl: 1.625rem;
1180
+ --text-5xl--line-height: 1.6;
1181
+ --text-5xl--letter-spacing: 0.01em;
1182
+ --text-5xl--font-weight: 420;
1183
+ --text-5xl-medium: 1.625rem;
1184
+ --text-5xl-medium--line-height: 1.6;
1185
+ --text-5xl-medium--letter-spacing: 0.005em;
1186
+ --text-5xl-medium--font-weight: 500;
1187
+ --text-5xl-semibold: 1.625rem;
1188
+ --text-5xl-semibold--line-height: 1.6;
1189
+ --text-5xl-semibold--letter-spacing: 0.005em;
1190
+ --text-5xl-semibold--font-weight: 600;
1191
+ --text-5xl-bold: 1.625rem;
1192
+ --text-5xl-bold--line-height: 1.6;
1193
+ --text-5xl-bold--letter-spacing: 0.005em;
1194
+ --text-5xl-bold--font-weight: 700;
1195
+ --text-6xl: 1.75rem;
1196
+ --text-6xl--line-height: 1.6;
1197
+ --text-6xl--letter-spacing: 0.01em;
1198
+ --text-6xl--font-weight: 420;
1199
+ --text-6xl-medium: 1.75rem;
1200
+ --text-6xl-medium--line-height: 1.6;
1201
+ --text-6xl-medium--letter-spacing: 0.005em;
1202
+ --text-6xl-medium--font-weight: 500;
1203
+ --text-6xl-semibold: 1.75rem;
1204
+ --text-6xl-semibold--line-height: 1.6;
1205
+ --text-6xl-semibold--letter-spacing: 0.01em;
1206
+ --text-6xl-semibold--font-weight: 600;
1207
+ --text-6xl-bold: 1.75rem;
1208
+ --text-6xl-bold--line-height: 1.6;
1209
+ --text-6xl-bold--letter-spacing: 0.015em;
1210
+ --text-6xl-bold--font-weight: 700;
1211
+ --text-7xl: 2rem;
1212
+ --text-7xl--line-height: 1.6;
1213
+ --text-7xl--letter-spacing: 0.02em;
1214
+ --text-7xl--font-weight: 420;
1215
+ --text-7xl-medium: 2rem;
1216
+ --text-7xl-medium--line-height: 1.6;
1217
+ --text-7xl-medium--letter-spacing: 0.015em;
1218
+ --text-7xl-medium--font-weight: 500;
1219
+ --text-7xl-semibold: 2rem;
1220
+ --text-7xl-semibold--line-height: 1.6;
1221
+ --text-7xl-semibold--letter-spacing: 0.015em;
1222
+ --text-7xl-semibold--font-weight: 600;
1223
+ --text-7xl-bold: 2rem;
1224
+ --text-7xl-bold--line-height: 1.6;
1225
+ --text-7xl-bold--letter-spacing: 0.015em;
1226
+ --text-7xl-bold--font-weight: 700;
1227
+ --text-8xl: 2.5rem;
1228
+ --text-8xl--line-height: 1.4;
1229
+ --text-8xl--letter-spacing: 0em;
1230
+ --text-8xl--font-weight: 420;
1231
+ --text-8xl-medium: 2.5rem;
1232
+ --text-8xl-medium--line-height: 1.4;
1233
+ --text-8xl-medium--letter-spacing: 0em;
1234
+ --text-8xl-medium--font-weight: 500;
1235
+ --text-8xl-semibold: 2.5rem;
1236
+ --text-8xl-semibold--line-height: 1.4;
1237
+ --text-8xl-semibold--letter-spacing: 0em;
1238
+ --text-8xl-semibold--font-weight: 600;
1239
+ --text-8xl-bold: 2.5rem;
1240
+ --text-8xl-bold--line-height: 1.4;
1241
+ --text-8xl-bold--letter-spacing: 0em;
1242
+ --text-8xl-bold--font-weight: 700;
1243
+ --text-9xl: 2.75rem;
1244
+ --text-9xl--line-height: 1.4;
1245
+ --text-9xl--letter-spacing: 0em;
1246
+ --text-9xl--font-weight: 420;
1247
+ --text-9xl-medium: 2.75rem;
1248
+ --text-9xl-medium--line-height: 1.4;
1249
+ --text-9xl-medium--letter-spacing: 0em;
1250
+ --text-9xl-medium--font-weight: 500;
1251
+ --text-9xl-semibold: 2.75rem;
1252
+ --text-9xl-semibold--line-height: 1.4;
1253
+ --text-9xl-semibold--letter-spacing: 0em;
1254
+ --text-9xl-semibold--font-weight: 600;
1255
+ --text-9xl-bold: 2.75rem;
1256
+ --text-9xl-bold--line-height: 1.4;
1257
+ --text-9xl-bold--letter-spacing: 0em;
1258
+ --text-9xl-bold--font-weight: 700;
1259
+ --text-10xl: 3rem;
1260
+ --text-10xl--line-height: 1.4;
1261
+ --text-10xl--letter-spacing: 0em;
1262
+ --text-10xl--font-weight: 420;
1263
+ --text-10xl-medium: 3rem;
1264
+ --text-10xl-medium--line-height: 1.4;
1265
+ --text-10xl-medium--letter-spacing: 0em;
1266
+ --text-10xl-medium--font-weight: 500;
1267
+ --text-10xl-semibold: 3rem;
1268
+ --text-10xl-semibold--line-height: 1.4;
1269
+ --text-10xl-semibold--letter-spacing: 0em;
1270
+ --text-10xl-semibold--font-weight: 600;
1271
+ --text-10xl-bold: 3rem;
1272
+ --text-10xl-bold--line-height: 1.4;
1273
+ --text-10xl-bold--letter-spacing: 0.005em;
1274
+ --text-10xl-bold--font-weight: 700;
1275
+ --text-11xl: 3.25rem;
1276
+ --text-11xl--line-height: 1.4;
1277
+ --text-11xl--letter-spacing: 0em;
1278
+ --text-11xl--font-weight: 420;
1279
+ --text-11xl-medium: 3.25rem;
1280
+ --text-11xl-medium--line-height: 1.4;
1281
+ --text-11xl-medium--letter-spacing: 0em;
1282
+ --text-11xl-medium--font-weight: 500;
1283
+ --text-11xl-semibold: 3.25rem;
1284
+ --text-11xl-semibold--line-height: 1.4;
1285
+ --text-11xl-semibold--letter-spacing: 0em;
1286
+ --text-11xl-semibold--font-weight: 600;
1287
+ --text-11xl-bold: 3.25rem;
1288
+ --text-11xl-bold--line-height: 1.4;
1289
+ --text-11xl-bold--letter-spacing: 0em;
1290
+ --text-11xl-bold--font-weight: 700;
1291
+ --text-12xl: 3.5rem;
1292
+ --text-12xl--line-height: 1.4;
1293
+ --text-12xl--letter-spacing: 0.005em;
1294
+ --text-12xl--font-weight: 420;
1295
+ --text-12xl-medium: 3.5rem;
1296
+ --text-12xl-medium--line-height: 1.4;
1297
+ --text-12xl-medium--letter-spacing: 0em;
1298
+ --text-12xl-medium--font-weight: 500;
1299
+ --text-12xl-semibold: 3.5rem;
1300
+ --text-12xl-semibold--line-height: 1.4;
1301
+ --text-12xl-semibold--letter-spacing: 0em;
1302
+ --text-12xl-semibold--font-weight: 600;
1303
+ --text-12xl-bold: 3.5rem;
1304
+ --text-12xl-bold--line-height: 1.4;
1305
+ --text-12xl-bold--letter-spacing: 0em;
1306
+ --text-12xl-bold--font-weight: 700;
1307
+ --text-p-2xs: 0.6875rem;
1308
+ --text-p-2xs--line-height: 1.6;
1309
+ --text-p-2xs--letter-spacing: 0.01em;
1310
+ --text-p-2xs--font-weight: 420;
1311
+ --text-p-2xs-medium: 0.6875rem;
1312
+ --text-p-2xs-medium--line-height: 1.6;
1313
+ --text-p-2xs-medium--letter-spacing: 0.01em;
1314
+ --text-p-2xs-medium--font-weight: 500;
1315
+ --text-p-2xs-semibold: 0.6875rem;
1316
+ --text-p-2xs-semibold--line-height: 1.6;
1317
+ --text-p-2xs-semibold--letter-spacing: 0.01em;
1318
+ --text-p-2xs-semibold--font-weight: 600;
1319
+ --text-p-2xs-bold: 0.6875rem;
1320
+ --text-p-2xs-bold--line-height: 1.6;
1321
+ --text-p-2xs-bold--letter-spacing: 0.01em;
1322
+ --text-p-2xs-bold--font-weight: 700;
1323
+ --text-p-xs: 0.75rem;
1324
+ --text-p-xs--line-height: 1.6;
1325
+ --text-p-xs--letter-spacing: 0.02em;
1326
+ --text-p-xs--font-weight: 420;
1327
+ --text-p-xs-medium: 0.75rem;
1328
+ --text-p-xs-medium--line-height: 1.6;
1329
+ --text-p-xs-medium--letter-spacing: 0.02em;
1330
+ --text-p-xs-medium--font-weight: 500;
1331
+ --text-p-xs-semibold: 0.75rem;
1332
+ --text-p-xs-semibold--line-height: 1.6;
1333
+ --text-p-xs-semibold--letter-spacing: 0.015em;
1334
+ --text-p-xs-semibold--font-weight: 600;
1335
+ --text-p-xs-bold: 0.75rem;
1336
+ --text-p-xs-bold--line-height: 1.6;
1337
+ --text-p-xs-bold--letter-spacing: 0.015em;
1338
+ --text-p-xs-bold--font-weight: 700;
1339
+ --text-p-sm: 0.8125rem;
1340
+ --text-p-sm--line-height: 1.5;
1341
+ --text-p-sm--letter-spacing: 0.015em;
1342
+ --text-p-sm--font-weight: 420;
1343
+ --text-p-sm-medium: 0.8125rem;
1344
+ --text-p-sm-medium--line-height: 1.5;
1345
+ --text-p-sm-medium--letter-spacing: 0.02em;
1346
+ --text-p-sm-medium--font-weight: 500;
1347
+ --text-p-sm-semibold: 0.8125rem;
1348
+ --text-p-sm-semibold--line-height: 1.5;
1349
+ --text-p-sm-semibold--letter-spacing: 0.015em;
1350
+ --text-p-sm-semibold--font-weight: 600;
1351
+ --text-p-sm-bold: 0.8125rem;
1352
+ --text-p-sm-bold--line-height: 1.5;
1353
+ --text-p-sm-bold--letter-spacing: 0.015em;
1354
+ --text-p-sm-bold--font-weight: 700;
1355
+ --text-p-base: 0.875rem;
1356
+ --text-p-base--line-height: 1.5;
1357
+ --text-p-base--letter-spacing: 0.02em;
1358
+ --text-p-base--font-weight: 420;
1359
+ --text-p-base-medium: 0.875rem;
1360
+ --text-p-base-medium--line-height: 1.5;
1361
+ --text-p-base-medium--letter-spacing: 0.015em;
1362
+ --text-p-base-medium--font-weight: 500;
1363
+ --text-p-base-semibold: 0.875rem;
1364
+ --text-p-base-semibold--line-height: 1.5;
1365
+ --text-p-base-semibold--letter-spacing: 0.015em;
1366
+ --text-p-base-semibold--font-weight: 600;
1367
+ --text-p-base-bold: 0.875rem;
1368
+ --text-p-base-bold--line-height: 1.5;
1369
+ --text-p-base-bold--letter-spacing: 0.015em;
1370
+ --text-p-base-bold--font-weight: 700;
1371
+ --text-p-md: 0.9375rem;
1372
+ --text-p-md--line-height: 1.5;
1373
+ --text-p-md--letter-spacing: 0.02em;
1374
+ --text-p-md--font-weight: 420;
1375
+ --text-p-md-medium: 0.9375rem;
1376
+ --text-p-md-medium--line-height: 1.5;
1377
+ --text-p-md-medium--letter-spacing: 0.015em;
1378
+ --text-p-md-medium--font-weight: 500;
1379
+ --text-p-md-semibold: 0.9375rem;
1380
+ --text-p-md-semibold--line-height: 1.5;
1381
+ --text-p-md-semibold--letter-spacing: 0.015em;
1382
+ --text-p-md-semibold--font-weight: 600;
1383
+ --text-p-md-bold: 0.9375rem;
1384
+ --text-p-md-bold--line-height: 1.5;
1385
+ --text-p-md-bold--letter-spacing: 0.015em;
1386
+ --text-p-md-bold--font-weight: 700;
1387
+ --text-p-lg: 1rem;
1388
+ --text-p-lg--line-height: 1.5;
1389
+ --text-p-lg--letter-spacing: 0.02em;
1390
+ --text-p-lg--font-weight: 420;
1391
+ --text-p-lg-medium: 1rem;
1392
+ --text-p-lg-medium--line-height: 1.5;
1393
+ --text-p-lg-medium--letter-spacing: 0.015em;
1394
+ --text-p-lg-medium--font-weight: 500;
1395
+ --text-p-lg-semibold: 1rem;
1396
+ --text-p-lg-semibold--line-height: 1.5;
1397
+ --text-p-lg-semibold--letter-spacing: 0.015em;
1398
+ --text-p-lg-semibold--font-weight: 600;
1399
+ --text-p-lg-bold: 1rem;
1400
+ --text-p-lg-bold--line-height: 1.5;
1401
+ --text-p-lg-bold--letter-spacing: 0.015em;
1402
+ --text-p-lg-bold--font-weight: 700;
1403
+ --text-p-xl: 1.0625rem;
1404
+ --text-p-xl--line-height: 1.5;
1405
+ --text-p-xl--letter-spacing: 0.02em;
1406
+ --text-p-xl--font-weight: 420;
1407
+ --text-p-xl-medium: 1.0625rem;
1408
+ --text-p-xl-medium--line-height: 1.5;
1409
+ --text-p-xl-medium--letter-spacing: 0.015em;
1410
+ --text-p-xl-medium--font-weight: 500;
1411
+ --text-p-xl-semibold: 1.0625rem;
1412
+ --text-p-xl-semibold--line-height: 1.5;
1413
+ --text-p-xl-semibold--letter-spacing: 0.015em;
1414
+ --text-p-xl-semibold--font-weight: 600;
1415
+ --text-p-xl-bold: 1.0625rem;
1416
+ --text-p-xl-bold--line-height: 1.5;
1417
+ --text-p-xl-bold--letter-spacing: 0.015em;
1418
+ --text-p-xl-bold--font-weight: 700;
1419
+ --text-p-2xl: 1.125rem;
1420
+ --text-p-2xl--line-height: 1.5;
1421
+ --text-p-2xl--letter-spacing: 0.01em;
1422
+ --text-p-2xl--font-weight: 420;
1423
+ --text-p-2xl-medium: 1.125rem;
1424
+ --text-p-2xl-medium--line-height: 1.5;
1425
+ --text-p-2xl-medium--letter-spacing: 0.01em;
1426
+ --text-p-2xl-medium--font-weight: 500;
1427
+ --text-p-2xl-semibold: 1.125rem;
1428
+ --text-p-2xl-semibold--line-height: 1.5;
1429
+ --text-p-2xl-semibold--letter-spacing: 0.01em;
1430
+ --text-p-2xl-semibold--font-weight: 600;
1431
+ --text-p-2xl-bold: 1.125rem;
1432
+ --text-p-2xl-bold--line-height: 1.5;
1433
+ --text-p-2xl-bold--letter-spacing: 0.01em;
1434
+ --text-p-2xl-bold--font-weight: 700;
1435
+ --text-p-3xl: 1.25rem;
1436
+ --text-p-3xl--line-height: 1.48;
1437
+ --text-p-3xl--letter-spacing: 0.01em;
1438
+ --text-p-3xl--font-weight: 420;
1439
+ --text-p-3xl-medium: 1.25rem;
1440
+ --text-p-3xl-medium--line-height: 1.48;
1441
+ --text-p-3xl-medium--letter-spacing: 0.01em;
1442
+ --text-p-3xl-medium--font-weight: 500;
1443
+ --text-p-3xl-semibold: 1.25rem;
1444
+ --text-p-3xl-semibold--line-height: 1.48;
1445
+ --text-p-3xl-semibold--letter-spacing: 0.01em;
1446
+ --text-p-3xl-semibold--font-weight: 600;
1447
+ --text-p-3xl-bold: 1.25rem;
1448
+ --text-p-3xl-bold--line-height: 1.48;
1449
+ --text-p-3xl-bold--letter-spacing: 0.01em;
1450
+ --text-p-3xl-bold--font-weight: 700;
1451
+ --text-p-4xl: 1.5rem;
1452
+ --text-p-4xl--line-height: 1.4;
1453
+ --text-p-4xl--letter-spacing: 0.005em;
1454
+ --text-p-4xl--font-weight: 420;
1455
+ --text-p-4xl-medium: 1.5rem;
1456
+ --text-p-4xl-medium--line-height: 1.4;
1457
+ --text-p-4xl-medium--letter-spacing: 0.005em;
1458
+ --text-p-4xl-medium--font-weight: 500;
1459
+ --text-p-4xl-semibold: 1.5rem;
1460
+ --text-p-4xl-semibold--line-height: 1.4;
1461
+ --text-p-4xl-semibold--letter-spacing: 0.005em;
1462
+ --text-p-4xl-semibold--font-weight: 600;
1463
+ --text-p-4xl-bold: 1.5rem;
1464
+ --text-p-4xl-bold--line-height: 1.4;
1465
+ --text-p-4xl-bold--letter-spacing: 0.005em;
1466
+ --text-p-4xl-bold--font-weight: 700;
1467
+
1468
+ /* fonts */
1469
+ --font-sans: 'InterVar', ui-sans-serif, system-ui, sans-serif;
1470
+ --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
1471
+
1472
+ /* breakpoints — xs/sm/md/lg/xl/2xl variants resolve the token screens, never a literal */
1473
+ --breakpoint-xs: 360px;
1474
+ --breakpoint-sm: 640px;
1475
+ --breakpoint-md: 768px;
1476
+ --breakpoint-lg: 1024px;
1477
+ --breakpoint-xl: 1280px;
1478
+ --breakpoint-2xl: 1536px;
1479
+
1480
+ /* line-heights — leading-tighter pins single-line chrome to 1.15 */
1481
+ --leading-tighter: 1.15;
1482
+
1483
+ /* stacking — z-raised/floating/overlay/top; components name the layer, never a number */
1484
+ --z-raised: 10;
1485
+ --z-floating: 20;
1486
+ --z-overlay: 50;
1487
+ --z-top: 100;
1488
+
1489
+ /* motion — named durations and eases; components name the speed, never a number */
1490
+ --duration-instant: 75ms;
1491
+ --duration-fast: 100ms;
1492
+ --duration-base: 150ms;
1493
+ --duration-moderate: 200ms;
1494
+ --duration-slow: 300ms;
1495
+ --duration-progress: 660ms;
1496
+ --ease-standard: cubic-bezier(0.65, 0, 0.35, 1);
1497
+ --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
1498
+ --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
1499
+ --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
1500
+
1501
+ /* animations — @keyframes live in utilities.css; speeds compose the tokens above */
1502
+ --animate-overlay-in: overlay-in 100ms cubic-bezier(0.23, 1, 0.32, 1);
1503
+ --animate-drawer-in: drawer-in 200ms cubic-bezier(0.23, 1, 0.32, 1);
1504
+ --animate-shimmer: shimmer 1400ms linear infinite;
1505
+ --animate-progress: progress 1400ms cubic-bezier(0.65, 0, 0.35, 1) infinite;
1506
+ }