zeus-css 1.0.11 → 1.0.13

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 (32) hide show
  1. package/CHANGELOG.md +112 -0
  2. package/README.md +2 -1
  3. package/bin/init.js +15 -0
  4. package/dist/zeus.css +43 -62
  5. package/dist/zeus.min.css +1 -1
  6. package/package.json +15 -10
  7. package/scss/CHANGELOG.md +104 -291
  8. package/scss/foundation/core/design/colors/semantic-colors.scss +26 -33
  9. package/scss/foundation/core/design/typography/typography.scss +0 -36
  10. package/scss/foundation/core/engine/typography-calc.scss +6 -1
  11. package/scss/foundation/views/render/html-body.scss +1 -2
  12. package/scss/foundation/views/render/reset.scss +14 -4
  13. package/scss/foundation/views/render/root-generator.scss +9 -7
  14. package/scss/zeus.config.scss +1 -1
  15. package/scss/zeus.customize.scss +1 -2
  16. package/scss/zeus.token.sets.example.scss +0 -4
  17. package/scss/zeus.tokens.json +667 -687
  18. package/bin/postinstall.js +0 -13
  19. package/scss/.stylelintrc.json +0 -41
  20. package/scss/API.md +0 -175
  21. package/scss/LICENSE +0 -21
  22. package/scss/README.md +0 -193
  23. package/scss/cheatsheet.md +0 -249
  24. package/scss/dist/zeus.css +0 -8465
  25. package/scss/dist/zeus.css.map +0 -1
  26. package/scss/dist/zeus.min.css +0 -1
  27. package/scss/dist/zeus.min.css.map +0 -1
  28. package/scss/llms.txt +0 -247
  29. package/scss/package.json +0 -89
  30. package/scss/scripts/gen-cheatsheet.mjs +0 -178
  31. package/scss/scripts/gen-tokens.mjs +0 -90
  32. package/scss/scripts/test-compile.mjs +0 -472
package/scss/zeus.tokens.json CHANGED
@@ -1,687 +1,667 @@
1
- {
2
- "$description": "Zeus CSS design tokens — auto-generated from the compiled stylesheet. Do not hand-edit; regenerate with `npm run gen:tokens`.",
3
- "custom": {
4
- "header-height": {
5
- "$value": "60px",
6
- "$type": "other",
7
- "$description": "--header-height"
8
- }
9
- },
10
- "base": {
11
- "pure-white": {
12
- "$value": "oklch(100% 0 0deg)",
13
- "$type": "color",
14
- "$description": "--base-pure-white"
15
- },
16
- "pure-black": {
17
- "$value": "oklch(0% 0 0deg)",
18
- "$type": "color",
19
- "$description": "--base-pure-black"
20
- },
21
- "pure-gray": {
22
- "$value": "oklch(50% 0 0deg)",
23
- "$type": "color",
24
- "$description": "--base-pure-gray"
25
- },
26
- "system-success": {
27
- "$value": "oklch(65% 0.2 145deg)",
28
- "$type": "color",
29
- "$description": "--base-system-success"
30
- },
31
- "system-warning": {
32
- "$value": "oklch(72% 0.18 85deg)",
33
- "$type": "color",
34
- "$description": "--base-system-warning"
35
- },
36
- "system-error": {
37
- "$value": "oklch(55% 0.25 25deg)",
38
- "$type": "color",
39
- "$description": "--base-system-error"
40
- }
41
- },
42
- "iconSize": {
43
- "xs": {
44
- "$value": "clamp(14px, calc(13.429px + 0.179cqi), 18px)",
45
- "$type": "dimension",
46
- "$description": "--size-icon-xs"
47
- },
48
- "sm": {
49
- "$value": "clamp(20px, calc(19.429px + 0.179cqi), 24px)",
50
- "$type": "dimension",
51
- "$description": "--size-icon-sm"
52
- },
53
- "md": {
54
- "$value": "clamp(22px, calc(20.571px + 0.446cqi), 32px)",
55
- "$type": "dimension",
56
- "$description": "--size-icon-md"
57
- },
58
- "lg": {
59
- "$value": "clamp(38px, calc(36.571px + 0.446cqi), 48px)",
60
- "$type": "dimension",
61
- "$description": "--size-icon-lg"
62
- },
63
- "xl": {
64
- "$value": "clamp(48px, calc(45.714px + 0.714cqi), 64px)",
65
- "$type": "dimension",
66
- "$description": "--size-icon-xl"
67
- }
68
- },
69
- "space": {
70
- "0": {
71
- "$value": "0px",
72
- "$type": "dimension",
73
- "$description": "--space-0"
74
- },
75
- "4xs": {
76
- "$value": "clamp(1px, calc(0.857px + 0.045cqi), 2px)",
77
- "$type": "dimension",
78
- "$description": "--space-4xs"
79
- },
80
- "3xs": {
81
- "$value": "clamp(2px, calc(1.714px + 0.089cqi), 4px)",
82
- "$type": "dimension",
83
- "$description": "--space-3xs"
84
- },
85
- "2xs": {
86
- "$value": "clamp(4px, calc(3.714px + 0.089cqi), 6px)",
87
- "$type": "dimension",
88
- "$description": "--space-2xs"
89
- },
90
- "xs": {
91
- "$value": "clamp(6px, calc(5.714px + 0.089cqi), 8px)",
92
- "$type": "dimension",
93
- "$description": "--space-xs"
94
- },
95
- "sm": {
96
- "$value": "clamp(8px, calc(7.429px + 0.179cqi), 12px)",
97
- "$type": "dimension",
98
- "$description": "--space-sm"
99
- },
100
- "md": {
101
- "$value": "clamp(12px, calc(11.429px + 0.179cqi), 16px)",
102
- "$type": "dimension",
103
- "$description": "--space-md"
104
- },
105
- "lg": {
106
- "$value": "clamp(16px, calc(14.857px + 0.357cqi), 24px)",
107
- "$type": "dimension",
108
- "$description": "--space-lg"
109
- },
110
- "xl": {
111
- "$value": "clamp(24px, calc(22.857px + 0.357cqi), 32px)",
112
- "$type": "dimension",
113
- "$description": "--space-xl"
114
- },
115
- "2xl": {
116
- "$value": "clamp(32px, calc(29.714px + 0.714cqi), 48px)",
117
- "$type": "dimension",
118
- "$description": "--space-2xl"
119
- },
120
- "3xl": {
121
- "$value": "clamp(48px, calc(45.714px + 0.714cqi), 64px)",
122
- "$type": "dimension",
123
- "$description": "--space-3xl"
124
- },
125
- "4xl": {
126
- "$value": "clamp(64px, calc(59.429px + 1.429cqi), 96px)",
127
- "$type": "dimension",
128
- "$description": "--space-4xl"
129
- }
130
- },
131
- "borderRadius": {
132
- "none": {
133
- "$value": "0px",
134
- "$type": "dimension",
135
- "$description": "--border-radius-none"
136
- },
137
- "xs": {
138
- "$value": "clamp(2px, calc(1.714px + 0.089cqi), 4px)",
139
- "$type": "dimension",
140
- "$description": "--border-radius-xs"
141
- },
142
- "sm": {
143
- "$value": "clamp(8px, calc(7.429px + 0.179cqi), 12px)",
144
- "$type": "dimension",
145
- "$description": "--border-radius-sm"
146
- },
147
- "md": {
148
- "$value": "clamp(16px, calc(14.857px + 0.357cqi), 24px)",
149
- "$type": "dimension",
150
- "$description": "--border-radius-md"
151
- },
152
- "lg": {
153
- "$value": "clamp(20px, calc(18.286px + 0.536cqi), 32px)",
154
- "$type": "dimension",
155
- "$description": "--border-radius-lg"
156
- },
157
- "xl": {
158
- "$value": "clamp(38px, calc(34.286px + 1.161cqi), 64px)",
159
- "$type": "dimension",
160
- "$description": "--border-radius-xl"
161
- },
162
- "rounded": {
163
- "$value": "360px",
164
- "$type": "dimension",
165
- "$description": "--border-radius-rounded"
166
- }
167
- },
168
- "borderWidth": {
169
- "none": {
170
- "$value": "0px",
171
- "$type": "dimension",
172
- "$description": "--border-line-none"
173
- },
174
- "xs": {
175
- "$value": "clamp(1px, calc(0.857px + 0.045cqi), 2px)",
176
- "$type": "dimension",
177
- "$description": "--border-line-xs"
178
- },
179
- "sm": {
180
- "$value": "clamp(1.5px, calc(1.286px + 0.067cqi), 3px)",
181
- "$type": "dimension",
182
- "$description": "--border-line-sm"
183
- },
184
- "md": {
185
- "$value": "clamp(2px, calc(1.714px + 0.089cqi), 4px)",
186
- "$type": "dimension",
187
- "$description": "--border-line-md"
188
- },
189
- "lg": {
190
- "$value": "clamp(4px, calc(3.429px + 0.179cqi), 8px)",
191
- "$type": "dimension",
192
- "$description": "--border-line-lg"
193
- }
194
- },
195
- "columnGap": {
196
- "xs": {
197
- "$value": "clamp(12px, calc(11.429px + 0.179cqi), 16px)",
198
- "$type": "dimension",
199
- "$description": "--col-gap-xs"
200
- },
201
- "sm": {
202
- "$value": "clamp(16px, calc(15.429px + 0.179cqi), 20px)",
203
- "$type": "dimension",
204
- "$description": "--col-gap-sm"
205
- },
206
- "md": {
207
- "$value": "clamp(20px, calc(18.857px + 0.357cqi), 28px)",
208
- "$type": "dimension",
209
- "$description": "--col-gap-md"
210
- },
211
- "lg": {
212
- "$value": "clamp(28px, calc(26.286px + 0.536cqi), 40px)",
213
- "$type": "dimension",
214
- "$description": "--col-gap-lg"
215
- },
216
- "xl": {
217
- "$value": "clamp(36px, calc(34.286px + 0.536cqi), 48px)",
218
- "$type": "dimension",
219
- "$description": "--col-gap-xl"
220
- },
221
- "xxl": {
222
- "$value": "clamp(40px, calc(36.571px + 1.071cqi), 64px)",
223
- "$type": "dimension",
224
- "$description": "--col-gap-xxl"
225
- }
226
- },
227
- "spacing": {
228
- "padding-outer": {
229
- "$value": "clamp(16px, calc(0px + 5cqi), 128px)",
230
- "$type": "dimension",
231
- "$description": "--padding-outer"
232
- }
233
- },
234
- "shadow": {
235
- "none": {
236
- "$value": "none",
237
- "$type": "shadow",
238
- "$description": "--shadow-none"
239
- },
240
- "xs": {
241
- "$value": "0px 1px 2px 0px rgba(132, 132, 132, 0.43)",
242
- "$type": "shadow",
243
- "$description": "--shadow-xs"
244
- },
245
- "sm": {
246
- "$value": "0px 1px 3px 0px rgba(132, 132, 132, 0.43), 0px 1px 2px -1px rgba(132, 132, 132, 0.43)",
247
- "$type": "shadow",
248
- "$description": "--shadow-sm"
249
- },
250
- "md": {
251
- "$value": "0px 4px 6px -1px rgba(132, 132, 132, 0.43), 0px 2px 4px -2px rgba(132, 132, 132, 0.43)",
252
- "$type": "shadow",
253
- "$description": "--shadow-md"
254
- },
255
- "lg": {
256
- "$value": "0px 10px 15px -3px rgba(132, 132, 132, 0.43), 0px 4px 6px -4px rgba(132, 132, 132, 0.43)",
257
- "$type": "shadow",
258
- "$description": "--shadow-lg"
259
- },
260
- "xl": {
261
- "$value": "0px 20px 25px -5px rgba(132, 132, 132, 0.43), 0px 8px 10px -6px rgba(132, 132, 132, 0.43)",
262
- "$type": "shadow",
263
- "$description": "--shadow-xl"
264
- },
265
- "2xl": {
266
- "$value": "0px 25px 50px -12px rgba(0, 0, 0, 0.25)",
267
- "$type": "shadow",
268
- "$description": "--shadow-2xl"
269
- },
270
- "primary": {
271
- "$value": "0px 4px 12px 0px oklch(from var(--color-primary) l c h/0.3)",
272
- "$type": "shadow",
273
- "$description": "--shadow-primary"
274
- },
275
- "secondary": {
276
- "$value": "0px 4px 12px 0px oklch(from var(--color-secondary) l c h/0.3)",
277
- "$type": "shadow",
278
- "$description": "--shadow-secondary"
279
- },
280
- "success": {
281
- "$value": "0px 4px 12px 0px rgba(34, 197, 94, 0.3)",
282
- "$type": "shadow",
283
- "$description": "--shadow-success"
284
- },
285
- "warning": {
286
- "$value": "0px 4px 12px 0px rgba(251, 146, 60, 0.3)",
287
- "$type": "shadow",
288
- "$description": "--shadow-warning"
289
- },
290
- "danger": {
291
- "$value": "0px 4px 12px 0px rgba(239, 68, 68, 0.3)",
292
- "$type": "shadow",
293
- "$description": "--shadow-danger"
294
- },
295
- "info": {
296
- "$value": "0px 4px 12px 0px rgba(14, 165, 233, 0.3)",
297
- "$type": "shadow",
298
- "$description": "--shadow-info"
299
- },
300
- "inner": {
301
- "$value": "inset 0px 2px 4px 0px rgba(0, 0, 0, 0.06)",
302
- "$type": "shadow",
303
- "$description": "--shadow-inner"
304
- },
305
- "inner-lg": {
306
- "$value": "inset 0px 4px 8px 0px rgba(132, 132, 132, 0.43)",
307
- "$type": "shadow",
308
- "$description": "--shadow-inner-lg"
309
- },
310
- "glow": {
311
- "$value": "0px 0px 20px 0px oklch(from var(--color-primary) l c h/0.5)",
312
- "$type": "shadow",
313
- "$description": "--shadow-glow"
314
- },
315
- "glow-lg": {
316
- "$value": "0px 0px 40px 0px oklch(from var(--color-primary) l c h/0.6)",
317
- "$type": "shadow",
318
- "$description": "--shadow-glow-lg"
319
- },
320
- "outline": {
321
- "$value": "0px 0px 0px 3px oklch(from var(--color-primary) l c h/0.5)",
322
- "$type": "shadow",
323
- "$description": "--shadow-outline"
324
- },
325
- "card": {
326
- "$value": "0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)",
327
- "$type": "shadow",
328
- "$description": "--shadow-card"
329
- },
330
- "card-hover": {
331
- "$value": "0px 8px 24px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.08)",
332
- "$type": "shadow",
333
- "$description": "--shadow-card-hover"
334
- },
335
- "dropdown": {
336
- "$value": "0px 10px 40px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(132, 132, 132, 0.43)",
337
- "$type": "shadow",
338
- "$description": "--shadow-dropdown"
339
- },
340
- "modal": {
341
- "$value": "0px 20px 60px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.2)",
342
- "$type": "shadow",
343
- "$description": "--shadow-modal"
344
- }
345
- },
346
- "typography": {
347
- "display-xl": {
348
- "$value": "800 clamp(3.5rem, calc(3.143rem + 1.786cqi), 6rem)/1.1 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
349
- "$type": "typography",
350
- "$description": "--text-display-xl"
351
- },
352
- "display-lg": {
353
- "$value": "800 clamp(3rem, calc(2.714rem + 1.429cqi), 5rem)/1.1 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
354
- "$type": "typography",
355
- "$description": "--text-display-lg"
356
- },
357
- "display-md": {
358
- "$value": "700 clamp(2.5rem, calc(2.286rem + 1.071cqi), 4rem)/1.15 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
359
- "$type": "typography",
360
- "$description": "--text-display-md"
361
- },
362
- "h1": {
363
- "$value": "700 clamp(2.25rem, calc(2.054rem + 0.982cqi), 3.625rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
364
- "$type": "typography",
365
- "$description": "--text-h1"
366
- },
367
- "h1-light": {
368
- "$value": "300 clamp(2.25rem, calc(2.054rem + 0.982cqi), 3.625rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
369
- "$type": "typography",
370
- "$description": "--text-h1-light"
371
- },
372
- "h2": {
373
- "$value": "600 clamp(1.875rem, calc(1.679rem + 0.982cqi), 3.25rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
374
- "$type": "typography",
375
- "$description": "--text-h2"
376
- },
377
- "h2-light": {
378
- "$value": "300 clamp(1.875rem, calc(1.679rem + 0.982cqi), 3.25rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
379
- "$type": "typography",
380
- "$description": "--text-h2-light"
381
- },
382
- "h3": {
383
- "$value": "600 clamp(1.625rem, calc(1.464rem + 0.804cqi), 2.75rem)/1.25 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
384
- "$type": "typography",
385
- "$description": "--text-h3"
386
- },
387
- "h3-light": {
388
- "$value": "300 clamp(1.625rem, calc(1.464rem + 0.804cqi), 2.75rem)/1.25 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
389
- "$type": "typography",
390
- "$description": "--text-h3-light"
391
- },
392
- "h4": {
393
- "$value": "600 clamp(1.5rem, calc(1.429rem + 0.357cqi), 2rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
394
- "$type": "typography",
395
- "$description": "--text-h4"
396
- },
397
- "h4-light": {
398
- "$value": "300 clamp(1.5rem, calc(1.429rem + 0.357cqi), 2rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
399
- "$type": "typography",
400
- "$description": "--text-h4-light"
401
- },
402
- "h5": {
403
- "$value": "500 clamp(1.25rem, calc(1.214rem + 0.179cqi), 1.5rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
404
- "$type": "typography",
405
- "$description": "--text-h5"
406
- },
407
- "h5-light": {
408
- "$value": "300 clamp(1.25rem, calc(1.214rem + 0.179cqi), 1.5rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
409
- "$type": "typography",
410
- "$description": "--text-h5-light"
411
- },
412
- "h6": {
413
- "$value": "500 clamp(1.125rem, calc(1.107rem + 0.089cqi), 1.25rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
414
- "$type": "typography",
415
- "$description": "--text-h6"
416
- },
417
- "h6-light": {
418
- "$value": "300 clamp(1.125rem, calc(1.107rem + 0.089cqi), 1.25rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
419
- "$type": "typography",
420
- "$description": "--text-h6-light"
421
- },
422
- "body-xl": {
423
- "$value": "400 clamp(1.25rem, calc(1.214rem + 0.179cqi), 1.5rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
424
- "$type": "typography",
425
- "$description": "--text-body-xl"
426
- },
427
- "body-lg": {
428
- "$value": "400 clamp(1.125rem, calc(1.107rem + 0.089cqi), 1.25rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
429
- "$type": "typography",
430
- "$description": "--text-body-lg"
431
- },
432
- "body": {
433
- "$value": "400 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
434
- "$type": "typography",
435
- "$description": "--text-body"
436
- },
437
- "body-md": {
438
- "$value": "400 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
439
- "$type": "typography",
440
- "$description": "--text-body-md"
441
- },
442
- "body-bold": {
443
- "$value": "700 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
444
- "$type": "typography",
445
- "$description": "--text-body-bold"
446
- },
447
- "body-md-bold": {
448
- "$value": "700 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
449
- "$type": "typography",
450
- "$description": "--text-body-md-bold"
451
- },
452
- "body-semibold": {
453
- "$value": "600 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
454
- "$type": "typography",
455
- "$description": "--text-body-semibold"
456
- },
457
- "body-md-semibold": {
458
- "$value": "600 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
459
- "$type": "typography",
460
- "$description": "--text-body-md-semibold"
461
- },
462
- "body-medium": {
463
- "$value": "500 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
464
- "$type": "typography",
465
- "$description": "--text-body-medium"
466
- },
467
- "body-md-medium": {
468
- "$value": "500 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
469
- "$type": "typography",
470
- "$description": "--text-body-md-medium"
471
- },
472
- "body-sm": {
473
- "$value": "400 clamp(0.875rem, calc(0.857rem + 0.089cqi), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
474
- "$type": "typography",
475
- "$description": "--text-body-sm"
476
- },
477
- "body-sm-bold": {
478
- "$value": "700 clamp(0.875rem, calc(0.857rem + 0.089cqi), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
479
- "$type": "typography",
480
- "$description": "--text-body-sm-bold"
481
- },
482
- "body-sm-semibold": {
483
- "$value": "600 clamp(0.875rem, calc(0.857rem + 0.089cqi), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
484
- "$type": "typography",
485
- "$description": "--text-body-sm-semibold"
486
- },
487
- "body-xs": {
488
- "$value": "400 clamp(0.75rem, calc(0.732rem + 0.089cqi), 0.875rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
489
- "$type": "typography",
490
- "$description": "--text-body-xs"
491
- },
492
- "label": {
493
- "$value": "500 clamp(0.75rem, calc(0.732rem + 0.089cqi), 0.875rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
494
- "$type": "typography",
495
- "$description": "--text-label"
496
- },
497
- "label-bold": {
498
- "$value": "700 clamp(0.75rem, calc(0.732rem + 0.089cqi), 0.875rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
499
- "$type": "typography",
500
- "$description": "--text-label-bold"
501
- },
502
- "caption": {
503
- "$value": "400 clamp(0.688rem, calc(0.679rem + 0.044cqi), 0.75rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
504
- "$type": "typography",
505
- "$description": "--text-caption"
506
- },
507
- "caption-bold": {
508
- "$value": "600 clamp(0.688rem, calc(0.679rem + 0.044cqi), 0.75rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
509
- "$type": "typography",
510
- "$description": "--text-caption-bold"
511
- },
512
- "overline": {
513
- "$value": "600 clamp(0.875rem, calc(0.857rem + 0.089cqi), 1rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
514
- "$type": "typography",
515
- "$description": "--text-overline"
516
- },
517
- "link": {
518
- "$value": "500 clamp(0.938rem, calc(0.929rem + 0.044cqi), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
519
- "$type": "typography",
520
- "$description": "--text-link"
521
- },
522
- "link-bold": {
523
- "$value": "700 clamp(0.938rem, calc(0.929rem + 0.044cqi), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
524
- "$type": "typography",
525
- "$description": "--text-link-bold"
526
- },
527
- "button": {
528
- "$value": "600 clamp(0.875rem, calc(0.857rem + 0.089cqi), 1rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
529
- "$type": "typography",
530
- "$description": "--text-button"
531
- },
532
- "button-lg": {
533
- "$value": "600 clamp(1rem, calc(0.982rem + 0.089cqi), 1.125rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
534
- "$type": "typography",
535
- "$description": "--text-button-lg"
536
- },
537
- "button-sm": {
538
- "$value": "600 clamp(0.75rem, calc(0.732rem + 0.089cqi), 0.875rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
539
- "$type": "typography",
540
- "$description": "--text-button-sm"
541
- },
542
- "code": {
543
- "$value": "400 clamp(0.875rem, calc(0.857rem + 0.089cqi), 1rem)/1.6 JetBrains Mono, Fira Code, Cascadia Code, Courier New, monospace",
544
- "$type": "typography",
545
- "$description": "--text-code"
546
- },
547
- "code-sm": {
548
- "$value": "400 clamp(0.75rem, calc(0.732rem + 0.089cqi), 0.875rem)/1.6 JetBrains Mono, Fira Code, Cascadia Code, Courier New, monospace",
549
- "$type": "typography",
550
- "$description": "--text-code-sm"
551
- }
552
- },
553
- "zIndex": {
554
- "base": {
555
- "$value": 0,
556
- "$type": "number",
557
- "$description": "--z-base"
558
- },
559
- "dropdown": {
560
- "$value": 100,
561
- "$type": "number",
562
- "$description": "--z-dropdown"
563
- },
564
- "sticky": {
565
- "$value": 200,
566
- "$type": "number",
567
- "$description": "--z-sticky"
568
- },
569
- "overlay": {
570
- "$value": 900,
571
- "$type": "number",
572
- "$description": "--z-overlay"
573
- },
574
- "modal-backdrop": {
575
- "$value": 999,
576
- "$type": "number",
577
- "$description": "--z-modal-backdrop"
578
- },
579
- "modal": {
580
- "$value": 1000,
581
- "$type": "number",
582
- "$description": "--z-modal"
583
- },
584
- "toast": {
585
- "$value": 1100,
586
- "$type": "number",
587
- "$description": "--z-toast"
588
- },
589
- "tooltip": {
590
- "$value": 1200,
591
- "$type": "number",
592
- "$description": "--z-tooltip"
593
- }
594
- },
595
- "color": {
596
- "primary": {
597
- "$value": "oklch(50% 0.232 259.6deg)",
598
- "$type": "color",
599
- "$description": "--color-primary"
600
- },
601
- "primary-light": {
602
- "$value": "oklch(from var(--color-primary) calc(l + 0.15) c h)",
603
- "$type": "color",
604
- "$description": "--color-primary-light"
605
- },
606
- "primary-dark": {
607
- "$value": "oklch(from var(--color-primary) calc(l - 0.15) c h)",
608
- "$type": "color",
609
- "$description": "--color-primary-dark"
610
- },
611
- "secondary": {
612
- "$value": "oklch(74.7% 0.174 60.6deg)",
613
- "$type": "color",
614
- "$description": "--color-secondary"
615
- },
616
- "secondary-light": {
617
- "$value": "oklch(from var(--color-secondary) calc(l + 0.15) c h)",
618
- "$type": "color",
619
- "$description": "--color-secondary-light"
620
- },
621
- "secondary-dark": {
622
- "$value": "oklch(from var(--color-secondary) calc(l - 0.15) c h)",
623
- "$type": "color",
624
- "$description": "--color-secondary-dark"
625
- },
626
- "accent": {
627
- "$value": "oklch(52% 0.153 164.1deg)",
628
- "$type": "color",
629
- "$description": "--color-accent"
630
- },
631
- "accent-light": {
632
- "$value": "oklch(from var(--color-accent) calc(l + 0.15) c h)",
633
- "$type": "color",
634
- "$description": "--color-accent-light"
635
- },
636
- "accent-dark": {
637
- "$value": "oklch(from var(--color-accent) calc(l - 0.15) c h)",
638
- "$type": "color",
639
- "$description": "--color-accent-dark"
640
- },
641
- "background": {
642
- "$value": "oklch(97.6% 0 0deg)",
643
- "$type": "color",
644
- "$description": "--color-background"
645
- },
646
- "surface": {
647
- "$value": "oklch(from var(--color-background) calc(l - 0.02) c h)",
648
- "$type": "color",
649
- "$description": "--color-surface"
650
- },
651
- "text": {
652
- "$value": "oklch(21.8% 0 0deg)",
653
- "$type": "color",
654
- "$description": "--color-text"
655
- },
656
- "text-inverse": {
657
- "$value": "oklch(97.6% 0 0deg)",
658
- "$type": "color",
659
- "$description": "--color-text-inverse"
660
- },
661
- "text-muted": {
662
- "$value": "color-mix(in oklch, var(--color-text), var(--color-background) 50%)",
663
- "$type": "color",
664
- "$description": "--color-text-muted"
665
- },
666
- "border": {
667
- "$value": "color-mix(in oklch, var(--color-text), var(--color-background) 80%)",
668
- "$type": "color",
669
- "$description": "--color-border"
670
- },
671
- "border-strong": {
672
- "$value": "color-mix(in oklch, var(--color-text), var(--color-background) 60%)",
673
- "$type": "color",
674
- "$description": "--color-border-strong"
675
- },
676
- "surface-subtle": {
677
- "$value": "color-mix(in oklch, var(--color-surface), var(--color-text) 5%)",
678
- "$type": "color",
679
- "$description": "--color-surface-subtle"
680
- },
681
- "warning-subtle": {
682
- "$value": "color-mix(in oklch, var(--base-system-warning), var(--color-background) 75%)",
683
- "$type": "color",
684
- "$description": "--color-warning-subtle"
685
- }
686
- }
687
- }
1
+ {
2
+ "$description": "Zeus CSS design tokens — auto-generated from the compiled stylesheet. Do not hand-edit; regenerate with `npm run gen:tokens`.",
3
+ "custom": {
4
+ "header-height": {
5
+ "$value": "60px",
6
+ "$type": "other",
7
+ "$description": "--header-height"
8
+ }
9
+ },
10
+ "base": {
11
+ "pure-white": {
12
+ "$value": "oklch(100% 0 0deg)",
13
+ "$type": "color",
14
+ "$description": "--base-pure-white"
15
+ },
16
+ "pure-black": {
17
+ "$value": "oklch(0% 0 0deg)",
18
+ "$type": "color",
19
+ "$description": "--base-pure-black"
20
+ },
21
+ "pure-gray": {
22
+ "$value": "oklch(50% 0 0deg)",
23
+ "$type": "color",
24
+ "$description": "--base-pure-gray"
25
+ },
26
+ "system-success": {
27
+ "$value": "oklch(65% 0.2 145deg)",
28
+ "$type": "color",
29
+ "$description": "--base-system-success"
30
+ },
31
+ "system-warning": {
32
+ "$value": "oklch(72% 0.18 85deg)",
33
+ "$type": "color",
34
+ "$description": "--base-system-warning"
35
+ },
36
+ "system-error": {
37
+ "$value": "oklch(55% 0.25 25deg)",
38
+ "$type": "color",
39
+ "$description": "--base-system-error"
40
+ }
41
+ },
42
+ "iconSize": {
43
+ "xs": {
44
+ "$value": "clamp(14px, round(13px + 0.3cqi, 0.1px), 18px)",
45
+ "$type": "dimension",
46
+ "$description": "--size-icon-xs"
47
+ },
48
+ "sm": {
49
+ "$value": "clamp(20px, round(19px + 0.3cqi, 0.1px), 24px)",
50
+ "$type": "dimension",
51
+ "$description": "--size-icon-sm"
52
+ },
53
+ "md": {
54
+ "$value": "clamp(22px, round(19.6px + 0.7cqi, 0.1px), 32px)",
55
+ "$type": "dimension",
56
+ "$description": "--size-icon-md"
57
+ },
58
+ "lg": {
59
+ "$value": "clamp(38px, round(35.6px + 0.7cqi, 0.1px), 48px)",
60
+ "$type": "dimension",
61
+ "$description": "--size-icon-lg"
62
+ },
63
+ "xl": {
64
+ "$value": "clamp(48px, round(44.2px + 1.1cqi, 0.1px), 64px)",
65
+ "$type": "dimension",
66
+ "$description": "--size-icon-xl"
67
+ }
68
+ },
69
+ "space": {
70
+ "0": {
71
+ "$value": "0px",
72
+ "$type": "dimension",
73
+ "$description": "--space-0"
74
+ },
75
+ "4xs": {
76
+ "$value": "clamp(1px, round(0.7px + 0.1cqi, 0.1px), 2px)",
77
+ "$type": "dimension",
78
+ "$description": "--space-4xs"
79
+ },
80
+ "3xs": {
81
+ "$value": "clamp(2px, round(1.7px + 0.1cqi, 0.1px), 4px)",
82
+ "$type": "dimension",
83
+ "$description": "--space-3xs"
84
+ },
85
+ "2xs": {
86
+ "$value": "clamp(4px, round(3.7px + 0.1cqi, 0.1px), 6px)",
87
+ "$type": "dimension",
88
+ "$description": "--space-2xs"
89
+ },
90
+ "xs": {
91
+ "$value": "clamp(6px, round(5.7px + 0.1cqi, 0.1px), 8px)",
92
+ "$type": "dimension",
93
+ "$description": "--space-xs"
94
+ },
95
+ "sm": {
96
+ "$value": "clamp(8px, round(7px + 0.3cqi, 0.1px), 12px)",
97
+ "$type": "dimension",
98
+ "$description": "--space-sm"
99
+ },
100
+ "md": {
101
+ "$value": "clamp(12px, round(11px + 0.3cqi, 0.1px), 16px)",
102
+ "$type": "dimension",
103
+ "$description": "--space-md"
104
+ },
105
+ "lg": {
106
+ "$value": "clamp(16px, round(13.9px + 0.6cqi, 0.1px), 24px)",
107
+ "$type": "dimension",
108
+ "$description": "--space-lg"
109
+ },
110
+ "xl": {
111
+ "$value": "clamp(24px, round(21.9px + 0.6cqi, 0.1px), 32px)",
112
+ "$type": "dimension",
113
+ "$description": "--space-xl"
114
+ },
115
+ "2xl": {
116
+ "$value": "clamp(32px, round(28.2px + 1.1cqi, 0.1px), 48px)",
117
+ "$type": "dimension",
118
+ "$description": "--space-2xl"
119
+ },
120
+ "3xl": {
121
+ "$value": "clamp(48px, round(44.2px + 1.1cqi, 0.1px), 64px)",
122
+ "$type": "dimension",
123
+ "$description": "--space-3xl"
124
+ },
125
+ "4xl": {
126
+ "$value": "clamp(64px, round(56.5px + 2.2cqi, 0.1px), 96px)",
127
+ "$type": "dimension",
128
+ "$description": "--space-4xl"
129
+ }
130
+ },
131
+ "borderRadius": {
132
+ "none": {
133
+ "$value": "0px",
134
+ "$type": "dimension",
135
+ "$description": "--border-radius-none"
136
+ },
137
+ "xs": {
138
+ "$value": "clamp(2px, round(1.7px + 0.1cqi, 0.1px), 4px)",
139
+ "$type": "dimension",
140
+ "$description": "--border-radius-xs"
141
+ },
142
+ "sm": {
143
+ "$value": "clamp(8px, round(7px + 0.3cqi, 0.1px), 12px)",
144
+ "$type": "dimension",
145
+ "$description": "--border-radius-sm"
146
+ },
147
+ "md": {
148
+ "$value": "clamp(16px, round(13.9px + 0.6cqi, 0.1px), 24px)",
149
+ "$type": "dimension",
150
+ "$description": "--border-radius-md"
151
+ },
152
+ "lg": {
153
+ "$value": "clamp(20px, round(17.3px + 0.8cqi, 0.1px), 32px)",
154
+ "$type": "dimension",
155
+ "$description": "--border-radius-lg"
156
+ },
157
+ "xl": {
158
+ "$value": "clamp(38px, round(31.8px + 1.8cqi, 0.1px), 64px)",
159
+ "$type": "dimension",
160
+ "$description": "--border-radius-xl"
161
+ },
162
+ "rounded": {
163
+ "$value": "360px",
164
+ "$type": "dimension",
165
+ "$description": "--border-radius-rounded"
166
+ }
167
+ },
168
+ "borderWidth": {
169
+ "none": {
170
+ "$value": "0px",
171
+ "$type": "dimension",
172
+ "$description": "--border-line-none"
173
+ },
174
+ "xs": {
175
+ "$value": "clamp(1px, round(0.7px + 0.1cqi, 0.1px), 2px)",
176
+ "$type": "dimension",
177
+ "$description": "--border-line-xs"
178
+ },
179
+ "sm": {
180
+ "$value": "clamp(1.5px, round(1.2px + 0.1cqi, 0.1px), 3px)",
181
+ "$type": "dimension",
182
+ "$description": "--border-line-sm"
183
+ },
184
+ "md": {
185
+ "$value": "clamp(2px, round(1.7px + 0.1cqi, 0.1px), 4px)",
186
+ "$type": "dimension",
187
+ "$description": "--border-line-md"
188
+ },
189
+ "lg": {
190
+ "$value": "clamp(4px, round(3px + 0.3cqi, 0.1px), 8px)",
191
+ "$type": "dimension",
192
+ "$description": "--border-line-lg"
193
+ }
194
+ },
195
+ "columnGap": {
196
+ "xs": {
197
+ "$value": "clamp(12px, round(11px + 0.3cqi, 0.1px), 16px)",
198
+ "$type": "dimension",
199
+ "$description": "--col-gap-xs"
200
+ },
201
+ "sm": {
202
+ "$value": "clamp(16px, round(15px + 0.3cqi, 0.1px), 20px)",
203
+ "$type": "dimension",
204
+ "$description": "--col-gap-sm"
205
+ },
206
+ "md": {
207
+ "$value": "clamp(20px, round(17.9px + 0.6cqi, 0.1px), 28px)",
208
+ "$type": "dimension",
209
+ "$description": "--col-gap-md"
210
+ },
211
+ "lg": {
212
+ "$value": "clamp(28px, round(25.3px + 0.8cqi, 0.1px), 40px)",
213
+ "$type": "dimension",
214
+ "$description": "--col-gap-lg"
215
+ },
216
+ "xl": {
217
+ "$value": "clamp(36px, round(33.3px + 0.8cqi, 0.1px), 48px)",
218
+ "$type": "dimension",
219
+ "$description": "--col-gap-xl"
220
+ },
221
+ "xxl": {
222
+ "$value": "clamp(40px, round(34.2px + 1.7cqi, 0.1px), 64px)",
223
+ "$type": "dimension",
224
+ "$description": "--col-gap-xxl"
225
+ }
226
+ },
227
+ "spacing": {
228
+ "padding-outer": {
229
+ "$value": "clamp(16px, round(-10.4px + 7.7cqi, 0.1px), 128px)",
230
+ "$type": "dimension",
231
+ "$description": "--padding-outer"
232
+ }
233
+ },
234
+ "shadow": {
235
+ "none": {
236
+ "$value": "none",
237
+ "$type": "shadow",
238
+ "$description": "--shadow-none"
239
+ },
240
+ "xs": {
241
+ "$value": "0px 1px 2px 0px rgba(132, 132, 132, 0.43)",
242
+ "$type": "shadow",
243
+ "$description": "--shadow-xs"
244
+ },
245
+ "sm": {
246
+ "$value": "0px 1px 3px 0px rgba(132, 132, 132, 0.43), 0px 1px 2px -1px rgba(132, 132, 132, 0.43)",
247
+ "$type": "shadow",
248
+ "$description": "--shadow-sm"
249
+ },
250
+ "md": {
251
+ "$value": "0px 4px 6px -1px rgba(132, 132, 132, 0.43), 0px 2px 4px -2px rgba(132, 132, 132, 0.43)",
252
+ "$type": "shadow",
253
+ "$description": "--shadow-md"
254
+ },
255
+ "lg": {
256
+ "$value": "0px 10px 15px -3px rgba(132, 132, 132, 0.43), 0px 4px 6px -4px rgba(132, 132, 132, 0.43)",
257
+ "$type": "shadow",
258
+ "$description": "--shadow-lg"
259
+ },
260
+ "xl": {
261
+ "$value": "0px 20px 25px -5px rgba(132, 132, 132, 0.43), 0px 8px 10px -6px rgba(132, 132, 132, 0.43)",
262
+ "$type": "shadow",
263
+ "$description": "--shadow-xl"
264
+ },
265
+ "2xl": {
266
+ "$value": "0px 25px 50px -12px rgba(0, 0, 0, 0.25)",
267
+ "$type": "shadow",
268
+ "$description": "--shadow-2xl"
269
+ },
270
+ "primary": {
271
+ "$value": "0px 4px 12px 0px oklch(from var(--color-primary) l c h/0.3)",
272
+ "$type": "shadow",
273
+ "$description": "--shadow-primary"
274
+ },
275
+ "secondary": {
276
+ "$value": "0px 4px 12px 0px oklch(from var(--color-secondary) l c h/0.3)",
277
+ "$type": "shadow",
278
+ "$description": "--shadow-secondary"
279
+ },
280
+ "success": {
281
+ "$value": "0px 4px 12px 0px rgba(34, 197, 94, 0.3)",
282
+ "$type": "shadow",
283
+ "$description": "--shadow-success"
284
+ },
285
+ "warning": {
286
+ "$value": "0px 4px 12px 0px rgba(251, 146, 60, 0.3)",
287
+ "$type": "shadow",
288
+ "$description": "--shadow-warning"
289
+ },
290
+ "danger": {
291
+ "$value": "0px 4px 12px 0px rgba(239, 68, 68, 0.3)",
292
+ "$type": "shadow",
293
+ "$description": "--shadow-danger"
294
+ },
295
+ "info": {
296
+ "$value": "0px 4px 12px 0px rgba(14, 165, 233, 0.3)",
297
+ "$type": "shadow",
298
+ "$description": "--shadow-info"
299
+ },
300
+ "inner": {
301
+ "$value": "inset 0px 2px 4px 0px rgba(0, 0, 0, 0.06)",
302
+ "$type": "shadow",
303
+ "$description": "--shadow-inner"
304
+ },
305
+ "inner-lg": {
306
+ "$value": "inset 0px 4px 8px 0px rgba(132, 132, 132, 0.43)",
307
+ "$type": "shadow",
308
+ "$description": "--shadow-inner-lg"
309
+ },
310
+ "glow": {
311
+ "$value": "0px 0px 20px 0px oklch(from var(--color-primary) l c h/0.5)",
312
+ "$type": "shadow",
313
+ "$description": "--shadow-glow"
314
+ },
315
+ "glow-lg": {
316
+ "$value": "0px 0px 40px 0px oklch(from var(--color-primary) l c h/0.6)",
317
+ "$type": "shadow",
318
+ "$description": "--shadow-glow-lg"
319
+ },
320
+ "outline": {
321
+ "$value": "0px 0px 0px 3px oklch(from var(--color-primary) l c h/0.5)",
322
+ "$type": "shadow",
323
+ "$description": "--shadow-outline"
324
+ },
325
+ "card": {
326
+ "$value": "0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)",
327
+ "$type": "shadow",
328
+ "$description": "--shadow-card"
329
+ },
330
+ "card-hover": {
331
+ "$value": "0px 8px 24px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.08)",
332
+ "$type": "shadow",
333
+ "$description": "--shadow-card-hover"
334
+ },
335
+ "dropdown": {
336
+ "$value": "0px 10px 40px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(132, 132, 132, 0.43)",
337
+ "$type": "shadow",
338
+ "$description": "--shadow-dropdown"
339
+ },
340
+ "modal": {
341
+ "$value": "0px 20px 60px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.2)",
342
+ "$type": "shadow",
343
+ "$description": "--shadow-modal"
344
+ }
345
+ },
346
+ "typography": {
347
+ "display-xl": {
348
+ "$value": "800 clamp(3.5rem, round(2.908rem + 2.761cqi, 0.01rem), 6rem)/1.1 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
349
+ "$type": "typography",
350
+ "$description": "--text-display-xl"
351
+ },
352
+ "display-lg": {
353
+ "$value": "800 clamp(3rem, round(2.527rem + 2.208cqi, 0.01rem), 5rem)/1.1 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
354
+ "$type": "typography",
355
+ "$description": "--text-display-lg"
356
+ },
357
+ "display-md": {
358
+ "$value": "700 clamp(2.5rem, round(2.145rem + 1.656cqi, 0.01rem), 4rem)/1.15 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
359
+ "$type": "typography",
360
+ "$description": "--text-display-md"
361
+ },
362
+ "h1": {
363
+ "$value": "700 clamp(2.25rem, round(2.013rem + 1.104cqi, 0.01rem), 3.25rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
364
+ "$type": "typography",
365
+ "$description": "--text-h1"
366
+ },
367
+ "h1-light": {
368
+ "$value": "300 clamp(2.25rem, round(2.013rem + 1.104cqi, 0.01rem), 3.25rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
369
+ "$type": "typography",
370
+ "$description": "--text-h1-light"
371
+ },
372
+ "h2": {
373
+ "$value": "600 clamp(1.88rem, round(1.674rem + 0.961cqi, 0.01rem), 2.75rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
374
+ "$type": "typography",
375
+ "$description": "--text-h2"
376
+ },
377
+ "h2-light": {
378
+ "$value": "300 clamp(1.88rem, round(1.674rem + 0.961cqi, 0.01rem), 2.75rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
379
+ "$type": "typography",
380
+ "$description": "--text-h2-light"
381
+ },
382
+ "h3": {
383
+ "$value": "600 clamp(1.63rem, round(1.424rem + 0.961cqi, 0.01rem), 2.5rem)/1.25 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
384
+ "$type": "typography",
385
+ "$description": "--text-h3"
386
+ },
387
+ "h3-light": {
388
+ "$value": "300 clamp(1.63rem, round(1.424rem + 0.961cqi, 0.01rem), 2.5rem)/1.25 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
389
+ "$type": "typography",
390
+ "$description": "--text-h3-light"
391
+ },
392
+ "h4": {
393
+ "$value": "600 clamp(1.5rem, round(1.382rem + 0.552cqi, 0.01rem), 2rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
394
+ "$type": "typography",
395
+ "$description": "--text-h4"
396
+ },
397
+ "h4-light": {
398
+ "$value": "300 clamp(1.5rem, round(1.382rem + 0.552cqi, 0.01rem), 2rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
399
+ "$type": "typography",
400
+ "$description": "--text-h4-light"
401
+ },
402
+ "h5": {
403
+ "$value": "500 clamp(1.25rem, round(1.191rem + 0.276cqi, 0.01rem), 1.5rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
404
+ "$type": "typography",
405
+ "$description": "--text-h5"
406
+ },
407
+ "h5-light": {
408
+ "$value": "300 clamp(1.25rem, round(1.191rem + 0.276cqi, 0.01rem), 1.5rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
409
+ "$type": "typography",
410
+ "$description": "--text-h5-light"
411
+ },
412
+ "h6": {
413
+ "$value": "500 clamp(1.13rem, round(1.101rem + 0.133cqi, 0.01rem), 1.25rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
414
+ "$type": "typography",
415
+ "$description": "--text-h6"
416
+ },
417
+ "h6-light": {
418
+ "$value": "300 clamp(1.13rem, round(1.101rem + 0.133cqi, 0.01rem), 1.25rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
419
+ "$type": "typography",
420
+ "$description": "--text-h6-light"
421
+ },
422
+ "body-xl": {
423
+ "$value": "400 clamp(1.25rem, round(1.191rem + 0.276cqi, 0.01rem), 1.5rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
424
+ "$type": "typography",
425
+ "$description": "--text-body-xl"
426
+ },
427
+ "body-lg": {
428
+ "$value": "400 clamp(1.13rem, round(1.101rem + 0.133cqi, 0.01rem), 1.25rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
429
+ "$type": "typography",
430
+ "$description": "--text-body-lg"
431
+ },
432
+ "body": {
433
+ "$value": "400 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
434
+ "$type": "typography",
435
+ "$description": "--text-body"
436
+ },
437
+ "body-bold": {
438
+ "$value": "700 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
439
+ "$type": "typography",
440
+ "$description": "--text-body-bold"
441
+ },
442
+ "body-semibold": {
443
+ "$value": "600 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
444
+ "$type": "typography",
445
+ "$description": "--text-body-semibold"
446
+ },
447
+ "body-medium": {
448
+ "$value": "500 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.6 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
449
+ "$type": "typography",
450
+ "$description": "--text-body-medium"
451
+ },
452
+ "body-sm": {
453
+ "$value": "400 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
454
+ "$type": "typography",
455
+ "$description": "--text-body-sm"
456
+ },
457
+ "body-sm-bold": {
458
+ "$value": "700 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
459
+ "$type": "typography",
460
+ "$description": "--text-body-sm-bold"
461
+ },
462
+ "body-sm-semibold": {
463
+ "$value": "600 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
464
+ "$type": "typography",
465
+ "$description": "--text-body-sm-semibold"
466
+ },
467
+ "body-xs": {
468
+ "$value": "400 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
469
+ "$type": "typography",
470
+ "$description": "--text-body-xs"
471
+ },
472
+ "label": {
473
+ "$value": "500 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
474
+ "$type": "typography",
475
+ "$description": "--text-label"
476
+ },
477
+ "label-bold": {
478
+ "$value": "700 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
479
+ "$type": "typography",
480
+ "$description": "--text-label-bold"
481
+ },
482
+ "caption": {
483
+ "$value": "400 clamp(0.69rem, round(0.676rem + 0.066cqi, 0.01rem), 0.75rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
484
+ "$type": "typography",
485
+ "$description": "--text-caption"
486
+ },
487
+ "caption-bold": {
488
+ "$value": "600 clamp(0.69rem, round(0.676rem + 0.066cqi, 0.01rem), 0.75rem)/1.4 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
489
+ "$type": "typography",
490
+ "$description": "--text-caption-bold"
491
+ },
492
+ "overline": {
493
+ "$value": "600 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.3 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
494
+ "$type": "typography",
495
+ "$description": "--text-overline"
496
+ },
497
+ "link": {
498
+ "$value": "500 clamp(0.94rem, round(0.926rem + 0.066cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
499
+ "$type": "typography",
500
+ "$description": "--text-link"
501
+ },
502
+ "link-bold": {
503
+ "$value": "700 clamp(0.94rem, round(0.926rem + 0.066cqi, 0.01rem), 1rem)/1.5 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
504
+ "$type": "typography",
505
+ "$description": "--text-link-bold"
506
+ },
507
+ "button": {
508
+ "$value": "600 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
509
+ "$type": "typography",
510
+ "$description": "--text-button"
511
+ },
512
+ "button-lg": {
513
+ "$value": "600 clamp(1rem, round(0.969rem + 0.144cqi, 0.01rem), 1.13rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
514
+ "$type": "typography",
515
+ "$description": "--text-button-lg"
516
+ },
517
+ "button-sm": {
518
+ "$value": "600 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.2 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif",
519
+ "$type": "typography",
520
+ "$description": "--text-button-sm"
521
+ },
522
+ "code": {
523
+ "$value": "400 clamp(0.88rem, round(0.851rem + 0.133cqi, 0.01rem), 1rem)/1.6 JetBrains Mono, Fira Code, Cascadia Code, Courier New, monospace",
524
+ "$type": "typography",
525
+ "$description": "--text-code"
526
+ },
527
+ "code-sm": {
528
+ "$value": "400 clamp(0.75rem, round(0.719rem + 0.144cqi, 0.01rem), 0.88rem)/1.6 JetBrains Mono, Fira Code, Cascadia Code, Courier New, monospace",
529
+ "$type": "typography",
530
+ "$description": "--text-code-sm"
531
+ }
532
+ },
533
+ "zIndex": {
534
+ "base": {
535
+ "$value": 0,
536
+ "$type": "number",
537
+ "$description": "--z-base"
538
+ },
539
+ "dropdown": {
540
+ "$value": 100,
541
+ "$type": "number",
542
+ "$description": "--z-dropdown"
543
+ },
544
+ "sticky": {
545
+ "$value": 200,
546
+ "$type": "number",
547
+ "$description": "--z-sticky"
548
+ },
549
+ "overlay": {
550
+ "$value": 900,
551
+ "$type": "number",
552
+ "$description": "--z-overlay"
553
+ },
554
+ "modal-backdrop": {
555
+ "$value": 999,
556
+ "$type": "number",
557
+ "$description": "--z-modal-backdrop"
558
+ },
559
+ "modal": {
560
+ "$value": 1000,
561
+ "$type": "number",
562
+ "$description": "--z-modal"
563
+ },
564
+ "toast": {
565
+ "$value": 1100,
566
+ "$type": "number",
567
+ "$description": "--z-toast"
568
+ },
569
+ "tooltip": {
570
+ "$value": 1200,
571
+ "$type": "number",
572
+ "$description": "--z-tooltip"
573
+ }
574
+ },
575
+ "color": {
576
+ "primary": {
577
+ "$value": "oklch(50% 0.232 259.6deg)",
578
+ "$type": "color",
579
+ "$description": "--color-primary"
580
+ },
581
+ "primary-light": {
582
+ "$value": "oklch(from var(--color-primary) calc(l + 0.15) c h)",
583
+ "$type": "color",
584
+ "$description": "--color-primary-light"
585
+ },
586
+ "primary-dark": {
587
+ "$value": "oklch(from var(--color-primary) calc(l - 0.15) c h)",
588
+ "$type": "color",
589
+ "$description": "--color-primary-dark"
590
+ },
591
+ "secondary": {
592
+ "$value": "oklch(74.7% 0.174 60.6deg)",
593
+ "$type": "color",
594
+ "$description": "--color-secondary"
595
+ },
596
+ "secondary-light": {
597
+ "$value": "oklch(from var(--color-secondary) calc(l + 0.15) c h)",
598
+ "$type": "color",
599
+ "$description": "--color-secondary-light"
600
+ },
601
+ "secondary-dark": {
602
+ "$value": "oklch(from var(--color-secondary) calc(l - 0.15) c h)",
603
+ "$type": "color",
604
+ "$description": "--color-secondary-dark"
605
+ },
606
+ "accent": {
607
+ "$value": "oklch(52% 0.153 164.1deg)",
608
+ "$type": "color",
609
+ "$description": "--color-accent"
610
+ },
611
+ "accent-light": {
612
+ "$value": "oklch(from var(--color-accent) calc(l + 0.15) c h)",
613
+ "$type": "color",
614
+ "$description": "--color-accent-light"
615
+ },
616
+ "accent-dark": {
617
+ "$value": "oklch(from var(--color-accent) calc(l - 0.15) c h)",
618
+ "$type": "color",
619
+ "$description": "--color-accent-dark"
620
+ },
621
+ "background": {
622
+ "$value": "oklch(97.6% 0 0deg)",
623
+ "$type": "color",
624
+ "$description": "--color-background"
625
+ },
626
+ "surface": {
627
+ "$value": "oklch(from var(--color-background) calc(l - 0.02) c h)",
628
+ "$type": "color",
629
+ "$description": "--color-surface"
630
+ },
631
+ "text": {
632
+ "$value": "oklch(21.8% 0 0deg)",
633
+ "$type": "color",
634
+ "$description": "--color-text"
635
+ },
636
+ "text-inverse": {
637
+ "$value": "oklch(97.6% 0 0deg)",
638
+ "$type": "color",
639
+ "$description": "--color-text-inverse"
640
+ },
641
+ "text-muted": {
642
+ "$value": "color-mix(in oklch, var(--color-text), var(--color-background) 50%)",
643
+ "$type": "color",
644
+ "$description": "--color-text-muted"
645
+ },
646
+ "border": {
647
+ "$value": "color-mix(in oklch, var(--color-text), var(--color-background) 80%)",
648
+ "$type": "color",
649
+ "$description": "--color-border"
650
+ },
651
+ "border-strong": {
652
+ "$value": "color-mix(in oklch, var(--color-text), var(--color-background) 60%)",
653
+ "$type": "color",
654
+ "$description": "--color-border-strong"
655
+ },
656
+ "surface-subtle": {
657
+ "$value": "color-mix(in oklch, var(--color-surface), var(--color-text) 5%)",
658
+ "$type": "color",
659
+ "$description": "--color-surface-subtle"
660
+ },
661
+ "warning-subtle": {
662
+ "$value": "color-mix(in oklch, var(--base-system-warning), var(--color-background) 75%)",
663
+ "$type": "color",
664
+ "$description": "--color-warning-subtle"
665
+ }
666
+ }
667
+ }