@attrus-ds/core 0.2.0 → 0.3.1

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 (80) hide show
  1. package/LICENSE +27 -27
  2. package/dist/assets/flags/Brazil-rounded.svg +15 -15
  3. package/dist/assets/flags/Brazil-square.svg +16 -16
  4. package/dist/assets/flags/Chile-rounded.svg +10 -10
  5. package/dist/assets/flags/Chile-square.svg +10 -10
  6. package/dist/assets/flags/Colombia-rounded.svg +9 -9
  7. package/dist/assets/flags/Colombia-square.svg +9 -9
  8. package/dist/assets/flags/EUA-rounded.svg +10 -10
  9. package/dist/assets/flags/EUA-square.svg +10 -10
  10. package/dist/assets/flags/EUR-rounded.svg +8 -8
  11. package/dist/assets/flags/EUR-square.svg +8 -8
  12. package/dist/assets/flags/Mexico-rounded.svg +18 -18
  13. package/dist/assets/flags/Mexico-square.svg +18 -18
  14. package/dist/assets/icon-attrus-dark.svg +2 -2
  15. package/dist/assets/icon-attrus-light.svg +2 -2
  16. package/dist/assets/logo-attrus-dark.svg +7 -7
  17. package/dist/assets/logo-attrus-light.svg +7 -7
  18. package/dist/css/components/buttons.css +301 -301
  19. package/dist/css/components/callout.css +195 -195
  20. package/dist/css/components/cards.css +272 -272
  21. package/dist/css/components/combobox.css +319 -319
  22. package/dist/css/components/empty-states.css +61 -61
  23. package/dist/css/components/inputs.css +975 -975
  24. package/dist/css/components/number-input.css +138 -138
  25. package/dist/css/components/overlays.css +374 -374
  26. package/dist/css/components/primitives.css +314 -314
  27. package/dist/css/components/sidebar.css +179 -179
  28. package/dist/css/components/smart-search.css +91 -91
  29. package/dist/css/components/status-pills.css +207 -207
  30. package/dist/css/components/stepper.css +309 -309
  31. package/dist/css/components/table.css +602 -602
  32. package/dist/css/components/tabs.css +319 -319
  33. package/dist/css/components/toast.css +243 -243
  34. package/dist/css/components/tooltip.css +231 -231
  35. package/dist/css/components/topbar.css +148 -148
  36. package/dist/css/tokens.css +666 -666
  37. package/dist/react/AppSidebar/AppSidebar.d.ts +50 -50
  38. package/dist/react/AppSidebar/AppSidebar.tsx +197 -197
  39. package/dist/react/AppTopbar/AppTopbar.d.ts +58 -58
  40. package/dist/react/AppTopbar/AppTopbar.tsx +203 -203
  41. package/dist/react/Atoms/Atoms.d.ts +149 -149
  42. package/dist/react/Atoms/Atoms.tsx +407 -407
  43. package/dist/react/Button/Button.d.ts +25 -25
  44. package/dist/react/Button/Button.tsx +83 -83
  45. package/dist/react/Callout/Callout.d.ts +29 -29
  46. package/dist/react/Callout/Callout.tsx +98 -98
  47. package/dist/react/Card/Card.d.ts +38 -38
  48. package/dist/react/Card/Card.tsx +93 -93
  49. package/dist/react/Combobox/Combobox.d.ts +52 -52
  50. package/dist/react/Combobox/Combobox.tsx +254 -254
  51. package/dist/react/DataTable/DataTable.d.ts +81 -81
  52. package/dist/react/DataTable/DataTable.tsx +308 -308
  53. package/dist/react/Drawer/Drawer.d.ts +35 -35
  54. package/dist/react/Drawer/Drawer.tsx +226 -226
  55. package/dist/react/Input/Input.d.ts +155 -155
  56. package/dist/react/Input/Input.tsx +478 -478
  57. package/dist/react/Modal/Modal.d.ts +27 -27
  58. package/dist/react/Modal/Modal.tsx +173 -173
  59. package/dist/react/NumberInput/NumberInput.d.ts +25 -25
  60. package/dist/react/NumberInput/NumberInput.tsx +117 -117
  61. package/dist/react/Pill/Pill.d.ts +31 -31
  62. package/dist/react/Pill/Pill.tsx +104 -104
  63. package/dist/react/SearchPill/SearchPill.d.ts +14 -14
  64. package/dist/react/SearchPill/SearchPill.tsx +40 -40
  65. package/dist/react/SmartSearch/SmartSearch.d.ts +65 -65
  66. package/dist/react/SmartSearch/SmartSearch.tsx +271 -271
  67. package/dist/react/Stepper/Stepper.d.ts +25 -25
  68. package/dist/react/Stepper/Stepper.tsx +94 -94
  69. package/dist/react/Tabs/Tabs.d.ts +32 -32
  70. package/dist/react/Tabs/Tabs.tsx +147 -147
  71. package/dist/react/Toast/Toast.d.ts +30 -30
  72. package/dist/react/Toast/Toast.tsx +94 -94
  73. package/dist/react/Tooltip/Tooltip.d.ts +23 -23
  74. package/dist/react/Tooltip/Tooltip.tsx +80 -80
  75. package/dist/react/ZeroState/ZeroState.d.ts +17 -17
  76. package/dist/react/ZeroState/ZeroState.tsx +45 -45
  77. package/dist/react/index.ts +35 -35
  78. package/dist/tokens/attrus-tokens.flat.json +1234 -1234
  79. package/dist/tokens/attrus-tokens.json +1089 -1089
  80. package/package.json +64 -64
@@ -1,1235 +1,1235 @@
1
- {
2
- "$schema": "https://design-tokens.org (informal)",
3
- "name": "ATTRUS Design Tokens",
4
- "description": "Cabiros · ATTRUS Design System — exported design tokens. Light values in `value`; dark-theme overrides in `darkValue`. Source of truth: src/tokens/.",
5
- "version": "1.0.0",
6
- "generated": "2026-06-03",
7
- "tokenCount": 333,
8
- "darkOverrides": 43,
9
- "tokens": {
10
- "--brand-attrus-ink": {
11
- "value": "#0F0F1A"
12
- },
13
- "--brand-attrus-navy": {
14
- "value": "#002142"
15
- },
16
- "--brand-attrus-blue": {
17
- "value": "#003399"
18
- },
19
- "--brand-attrus-sky": {
20
- "value": "#3399FF"
21
- },
22
- "--brand-attrus-logo-ink": {
23
- "value": "#000033"
24
- },
25
- "--color-pure-white": {
26
- "value": "#FFFFFF"
27
- },
28
- "--color-pure-black": {
29
- "value": "#000000"
30
- },
31
- "--color-shadow-tint": {
32
- "value": "var(--color-neutral-900)",
33
- "resolved": "#0A0F1F"
34
- },
35
- "--shadow-tint-success-color": {
36
- "value": "var(--color-success-900)",
37
- "resolved": "#0A3D21"
38
- },
39
- "--shadow-tint-warning-color": {
40
- "value": "var(--color-warning-900)",
41
- "resolved": "#4F3105"
42
- },
43
- "--shadow-tint-danger-color": {
44
- "value": "var(--color-danger-900)",
45
- "resolved": "#4F1512"
46
- },
47
- "--shadow-tint-info-color": {
48
- "value": "var(--color-info-900)",
49
- "resolved": "#072951"
50
- },
51
- "--color-neutral-0": {
52
- "value": "var(--color-pure-white)",
53
- "resolved": "#FFFFFF"
54
- },
55
- "--color-neutral-25": {
56
- "value": "#FAFBFD"
57
- },
58
- "--color-neutral-50": {
59
- "value": "#F4F6FA"
60
- },
61
- "--color-neutral-100": {
62
- "value": "#EDF0F5"
63
- },
64
- "--color-neutral-150": {
65
- "value": "#E3E8F0"
66
- },
67
- "--color-neutral-200": {
68
- "value": "#D6DCE7"
69
- },
70
- "--color-neutral-300": {
71
- "value": "#B8C1D1"
72
- },
73
- "--color-neutral-400": {
74
- "value": "#8A94A8"
75
- },
76
- "--color-neutral-500": {
77
- "value": "#5E6A82"
78
- },
79
- "--color-neutral-600": {
80
- "value": "#3F4A61"
81
- },
82
- "--color-neutral-700": {
83
- "value": "#27304A"
84
- },
85
- "--color-neutral-800": {
86
- "value": "#141B2E"
87
- },
88
- "--color-neutral-900": {
89
- "value": "#0A0F1F"
90
- },
91
- "--color-neutral-950": {
92
- "value": "#05081A"
93
- },
94
- "--color-ink-base": {
95
- "value": "#0B1230"
96
- },
97
- "--color-ink-raised": {
98
- "value": "#111A3D"
99
- },
100
- "--color-ink-deep": {
101
- "value": "#0A1128"
102
- },
103
- "--color-ink-hover": {
104
- "value": "#15214A"
105
- },
106
- "--color-brand-primary-50": {
107
- "value": "#E5EBF2"
108
- },
109
- "--color-brand-primary-100": {
110
- "value": "#C2CDDB"
111
- },
112
- "--color-brand-primary-200": {
113
- "value": "#8E9FB8"
114
- },
115
- "--color-brand-primary-300": {
116
- "value": "#5F7596"
117
- },
118
- "--color-brand-primary-400": {
119
- "value": "#2F4F75"
120
- },
121
- "--color-brand-primary-500": {
122
- "value": "#002142"
123
- },
124
- "--color-brand-primary-600": {
125
- "value": "#001D3A"
126
- },
127
- "--color-brand-primary-700": {
128
- "value": "#001830"
129
- },
130
- "--color-brand-primary-800": {
131
- "value": "#001226"
132
- },
133
- "--color-brand-primary-900": {
134
- "value": "#000C1A"
135
- },
136
- "--color-brand-secondary-50": {
137
- "value": "#EAF1FF"
138
- },
139
- "--color-brand-secondary-100": {
140
- "value": "#D1DEFF"
141
- },
142
- "--color-brand-secondary-200": {
143
- "value": "#A3BEFF"
144
- },
145
- "--color-brand-secondary-300": {
146
- "value": "#6B95FB"
147
- },
148
- "--color-brand-secondary-400": {
149
- "value": "#3F6DEF"
150
- },
151
- "--color-brand-secondary-500": {
152
- "value": "#003399"
153
- },
154
- "--color-brand-secondary-600": {
155
- "value": "#002A80"
156
- },
157
- "--color-brand-secondary-700": {
158
- "value": "#002166"
159
- },
160
- "--color-brand-secondary-800": {
161
- "value": "#001A4D"
162
- },
163
- "--color-brand-secondary-900": {
164
- "value": "#001133"
165
- },
166
- "--color-brand-accent-50": {
167
- "value": "#ECF5FF"
168
- },
169
- "--color-brand-accent-100": {
170
- "value": "#D9ECFF"
171
- },
172
- "--color-brand-accent-200": {
173
- "value": "#ADD2FF"
174
- },
175
- "--color-brand-accent-300": {
176
- "value": "#7AB8FF"
177
- },
178
- "--color-brand-accent-400": {
179
- "value": "#549EFF"
180
- },
181
- "--color-brand-accent-500": {
182
- "value": "#3399FF"
183
- },
184
- "--color-brand-accent-600": {
185
- "value": "#2880DD"
186
- },
187
- "--color-brand-accent-700": {
188
- "value": "#1E6DC4"
189
- },
190
- "--color-brand-accent-800": {
191
- "value": "#155198"
192
- },
193
- "--color-brand-accent-900": {
194
- "value": "#0E3B70"
195
- },
196
- "--color-success-50": {
197
- "value": "#E8F5EE"
198
- },
199
- "--color-success-100": {
200
- "value": "#CDEBD9"
201
- },
202
- "--color-success-200": {
203
- "value": "#9CCEAF"
204
- },
205
- "--color-success-300": {
206
- "value": "#74B68C"
207
- },
208
- "--color-success-400": {
209
- "value": "#499D69"
210
- },
211
- "--color-success-500": {
212
- "value": "#1F8A4C"
213
- },
214
- "--color-success-600": {
215
- "value": "#1A7A43"
216
- },
217
- "--color-success-700": {
218
- "value": "#136236"
219
- },
220
- "--color-success-800": {
221
- "value": "#0E4F2B"
222
- },
223
- "--color-success-900": {
224
- "value": "#0A3D21"
225
- },
226
- "--color-warning-50": {
227
- "value": "#FDF5E3"
228
- },
229
- "--color-warning-100": {
230
- "value": "#FAE8BE"
231
- },
232
- "--color-warning-200": {
233
- "value": "#E4C790"
234
- },
235
- "--color-warning-300": {
236
- "value": "#D2AC69"
237
- },
238
- "--color-warning-400": {
239
- "value": "#C19040"
240
- },
241
- "--color-warning-500": {
242
- "value": "#B47A12"
243
- },
244
- "--color-warning-600": {
245
- "value": "#A16B0F"
246
- },
247
- "--color-warning-700": {
248
- "value": "#84560A"
249
- },
250
- "--color-warning-800": {
251
- "value": "#694307"
252
- },
253
- "--color-warning-900": {
254
- "value": "#4F3105"
255
- },
256
- "--color-danger-50": {
257
- "value": "#FCEBEA"
258
- },
259
- "--color-danger-100": {
260
- "value": "#F7CFCD"
261
- },
262
- "--color-danger-200": {
263
- "value": "#EBA4A0"
264
- },
265
- "--color-danger-300": {
266
- "value": "#DE807A"
267
- },
268
- "--color-danger-400": {
269
- "value": "#CF5B54"
270
- },
271
- "--color-danger-500": {
272
- "value": "#C23934"
273
- },
274
- "--color-danger-600": {
275
- "value": "#AB312D"
276
- },
277
- "--color-danger-700": {
278
- "value": "#8A2622"
279
- },
280
- "--color-danger-800": {
281
- "value": "#6C1D1A"
282
- },
283
- "--color-danger-900": {
284
- "value": "#4F1512"
285
- },
286
- "--color-info-50": {
287
- "value": "#E6F0FB"
288
- },
289
- "--color-info-100": {
290
- "value": "#C5DCF4"
291
- },
292
- "--color-info-200": {
293
- "value": "#93BBE8"
294
- },
295
- "--color-info-300": {
296
- "value": "#6B9FDD"
297
- },
298
- "--color-info-400": {
299
- "value": "#4383D1"
300
- },
301
- "--color-info-500": {
302
- "value": "#1F6BC7"
303
- },
304
- "--color-info-600": {
305
- "value": "#1A5EAF"
306
- },
307
- "--color-info-700": {
308
- "value": "#144B8C"
309
- },
310
- "--color-info-800": {
311
- "value": "#0D3A6E"
312
- },
313
- "--color-info-900": {
314
- "value": "#072951"
315
- },
316
- "--color-background-canvas": {
317
- "value": "var(--color-neutral-25)",
318
- "resolved": "#FAFBFD",
319
- "dark": "var(--color-ink-deep)",
320
- "darkResolved": "#0A1128"
321
- },
322
- "--color-background-surface": {
323
- "value": "var(--color-neutral-0)",
324
- "resolved": "#FFFFFF",
325
- "dark": "var(--color-ink-raised)",
326
- "darkResolved": "#111A3D"
327
- },
328
- "--color-background-subtle": {
329
- "value": "var(--color-neutral-50)",
330
- "resolved": "#F4F6FA",
331
- "dark": "var(--color-ink-base)",
332
- "darkResolved": "#0B1230"
333
- },
334
- "--color-background-raised": {
335
- "value": "var(--color-neutral-0)",
336
- "resolved": "#FFFFFF",
337
- "dark": "var(--color-ink-raised)",
338
- "darkResolved": "#111A3D"
339
- },
340
- "--color-background-sunken": {
341
- "value": "var(--color-neutral-100)",
342
- "resolved": "#EDF0F5",
343
- "dark": "color-mix(in srgb, var(--color-pure-black) 28%, var(--color-ink-deep))",
344
- "darkResolved": "color-mix(in srgb, #000000 28%, #0A1128)"
345
- },
346
- "--color-background-hover": {
347
- "value": "var(--color-neutral-100)",
348
- "resolved": "#EDF0F5",
349
- "dark": "color-mix(in srgb, var(--color-pure-white) 6%, var(--color-ink-raised))",
350
- "darkResolved": "color-mix(in srgb, #FFFFFF 6%, #111A3D)"
351
- },
352
- "--color-background-press": {
353
- "value": "var(--color-neutral-150)",
354
- "resolved": "#E3E8F0",
355
- "dark": "color-mix(in srgb, var(--color-pure-white) 10%, var(--color-ink-raised))",
356
- "darkResolved": "color-mix(in srgb, #FFFFFF 10%, #111A3D)"
357
- },
358
- "--color-background-selected": {
359
- "value": "var(--color-brand-secondary-50)",
360
- "resolved": "#EAF1FF",
361
- "dark": "var(--color-background-inverse-selected)",
362
- "darkResolved": "color-mix(in srgb, #003399 22%, #0B1230)"
363
- },
364
- "--color-background-inverse": {
365
- "value": "var(--color-ink-base)",
366
- "resolved": "#0B1230",
367
- "dark": "color-mix(in srgb, var(--color-brand-primary-500) 24%, var(--color-ink-base))",
368
- "darkResolved": "color-mix(in srgb, #002142 24%, #0B1230)"
369
- },
370
- "--color-background-inverse-surface": {
371
- "value": "var(--color-ink-raised)",
372
- "resolved": "#111A3D",
373
- "dark": "color-mix(in srgb, var(--color-brand-primary-500) 30%, var(--color-ink-raised))",
374
- "darkResolved": "color-mix(in srgb, #002142 30%, #111A3D)"
375
- },
376
- "--color-background-inverse-subtle": {
377
- "value": "var(--color-ink-deep)",
378
- "resolved": "#0A1128",
379
- "dark": "color-mix(in srgb, var(--color-brand-primary-500) 18%, var(--color-ink-deep))",
380
- "darkResolved": "color-mix(in srgb, #002142 18%, #0A1128)"
381
- },
382
- "--color-background-inverse-hover": {
383
- "value": "var(--color-ink-hover)",
384
- "resolved": "#15214A"
385
- },
386
- "--color-scrim": {
387
- "value": "rgba(10, 15, 31, 0.32)"
388
- },
389
- "--scrim-blur": {
390
- "value": "6px"
391
- },
392
- "--color-background-inverse-press": {
393
- "value": "color-mix(in srgb, var(--color-ink-hover) 70%, var(--color-pure-white))",
394
- "resolved": "color-mix(in srgb, #15214A 70%, #FFFFFF)"
395
- },
396
- "--color-background-inverse-selected": {
397
- "value": "color-mix(in srgb, var(--color-brand-secondary-500) 22%, var(--color-ink-base))",
398
- "resolved": "color-mix(in srgb, #003399 22%, #0B1230)"
399
- },
400
- "--color-background-inverse-brand": {
401
- "value": "var(--color-brand-primary-500)",
402
- "resolved": "#002142"
403
- },
404
- "--color-foreground-default": {
405
- "value": "var(--color-neutral-800)",
406
- "resolved": "#141B2E",
407
- "dark": "var(--color-neutral-50)",
408
- "darkResolved": "#F4F6FA"
409
- },
410
- "--color-foreground-secondary": {
411
- "value": "var(--color-neutral-600)",
412
- "resolved": "#3F4A61",
413
- "dark": "var(--color-neutral-300)",
414
- "darkResolved": "#B8C1D1"
415
- },
416
- "--color-foreground-muted": {
417
- "value": "var(--color-neutral-500)",
418
- "resolved": "#5E6A82",
419
- "dark": "var(--color-neutral-400)",
420
- "darkResolved": "#8A94A8"
421
- },
422
- "--color-foreground-placeholder": {
423
- "value": "var(--color-neutral-300)",
424
- "resolved": "#B8C1D1",
425
- "dark": "var(--color-neutral-600)",
426
- "darkResolved": "#3F4A61"
427
- },
428
- "--color-foreground-accent": {
429
- "value": "var(--color-brand-accent-700)",
430
- "resolved": "#1E6DC4",
431
- "dark": "var(--color-brand-accent-400)",
432
- "darkResolved": "#549EFF"
433
- },
434
- "--color-foreground-brand": {
435
- "value": "var(--color-brand-primary-500)",
436
- "resolved": "#002142",
437
- "dark": "var(--color-brand-secondary-200)",
438
- "darkResolved": "#A3BEFF"
439
- },
440
- "--color-foreground-highlight": {
441
- "value": "var(--color-brand-accent-700)",
442
- "resolved": "#1E6DC4",
443
- "dark": "var(--color-brand-accent-300)",
444
- "darkResolved": "#7AB8FF"
445
- },
446
- "--color-foreground-on-solid": {
447
- "value": "var(--color-neutral-0)",
448
- "resolved": "#FFFFFF"
449
- },
450
- "--color-foreground-disabled": {
451
- "value": "var(--color-neutral-300)",
452
- "resolved": "#B8C1D1",
453
- "dark": "var(--color-neutral-600)",
454
- "darkResolved": "#3F4A61"
455
- },
456
- "--color-foreground-inverse-default": {
457
- "value": "var(--color-neutral-50)",
458
- "resolved": "#F4F6FA"
459
- },
460
- "--color-foreground-inverse-secondary": {
461
- "value": "var(--color-neutral-300)",
462
- "resolved": "#B8C1D1"
463
- },
464
- "--color-foreground-inverse-muted": {
465
- "value": "var(--color-neutral-400)",
466
- "resolved": "#8A94A8"
467
- },
468
- "--color-foreground-inverse-placeholder": {
469
- "value": "var(--color-neutral-500)",
470
- "resolved": "#5E6A82"
471
- },
472
- "--color-foreground-inverse-accent": {
473
- "value": "var(--color-brand-accent-500)",
474
- "resolved": "#3399FF"
475
- },
476
- "--color-foreground-inverse-highlight": {
477
- "value": "var(--color-brand-accent-300)",
478
- "resolved": "#7AB8FF"
479
- },
480
- "--color-foreground-inverse-disabled": {
481
- "value": "var(--color-neutral-600)",
482
- "resolved": "#3F4A61"
483
- },
484
- "--color-border-subtle": {
485
- "value": "var(--color-neutral-100)",
486
- "resolved": "#EDF0F5",
487
- "dark": "color-mix(in srgb, var(--color-pure-white) 8%, transparent)",
488
- "darkResolved": "color-mix(in srgb, #FFFFFF 8%, transparent)"
489
- },
490
- "--color-border-default": {
491
- "value": "var(--color-neutral-150)",
492
- "resolved": "#E3E8F0",
493
- "dark": "color-mix(in srgb, var(--color-pure-white) 12%, transparent)",
494
- "darkResolved": "color-mix(in srgb, #FFFFFF 12%, transparent)"
495
- },
496
- "--color-border-strong": {
497
- "value": "var(--color-neutral-200)",
498
- "resolved": "#D6DCE7",
499
- "dark": "color-mix(in srgb, var(--color-pure-white) 20%, transparent)",
500
- "darkResolved": "color-mix(in srgb, #FFFFFF 20%, transparent)"
501
- },
502
- "--color-border-focus": {
503
- "value": "var(--color-brand-accent-500)",
504
- "resolved": "#3399FF"
505
- },
506
- "--color-border-accent": {
507
- "value": "var(--color-brand-accent-500)",
508
- "resolved": "#3399FF"
509
- },
510
- "--color-border-success": {
511
- "value": "var(--color-success-500)",
512
- "resolved": "#1F8A4C"
513
- },
514
- "--color-border-warning": {
515
- "value": "var(--color-warning-500)",
516
- "resolved": "#B47A12"
517
- },
518
- "--color-border-danger": {
519
- "value": "var(--color-danger-500)",
520
- "resolved": "#C23934"
521
- },
522
- "--color-border-info": {
523
- "value": "var(--color-info-500)",
524
- "resolved": "#1F6BC7"
525
- },
526
- "--color-border-inverse": {
527
- "value": "color-mix(in srgb, var(--color-pure-white) 10%, transparent)",
528
- "resolved": "color-mix(in srgb, #FFFFFF 10%, transparent)"
529
- },
530
- "--color-border-inverse-strong": {
531
- "value": "color-mix(in srgb, var(--color-pure-white) 18%, transparent)",
532
- "resolved": "color-mix(in srgb, #FFFFFF 18%, transparent)"
533
- },
534
- "--color-overlay-white-08": {
535
- "value": "color-mix(in srgb, var(--color-pure-white) 8%, transparent)",
536
- "resolved": "color-mix(in srgb, #FFFFFF 8%, transparent)"
537
- },
538
- "--color-overlay-white-12": {
539
- "value": "color-mix(in srgb, var(--color-pure-white) 12%, transparent)",
540
- "resolved": "color-mix(in srgb, #FFFFFF 12%, transparent)"
541
- },
542
- "--color-overlay-white-14": {
543
- "value": "color-mix(in srgb, var(--color-pure-white) 14%, transparent)",
544
- "resolved": "color-mix(in srgb, #FFFFFF 14%, transparent)"
545
- },
546
- "--color-overlay-white-16": {
547
- "value": "color-mix(in srgb, var(--color-pure-white) 16%, transparent)",
548
- "resolved": "color-mix(in srgb, #FFFFFF 16%, transparent)"
549
- },
550
- "--color-overlay-white-18": {
551
- "value": "color-mix(in srgb, var(--color-pure-white) 18%, transparent)",
552
- "resolved": "color-mix(in srgb, #FFFFFF 18%, transparent)"
553
- },
554
- "--color-overlay-white-22": {
555
- "value": "color-mix(in srgb, var(--color-pure-white) 22%, transparent)",
556
- "resolved": "color-mix(in srgb, #FFFFFF 22%, transparent)"
557
- },
558
- "--color-feedback-success-foreground": {
559
- "value": "var(--color-success-700)",
560
- "resolved": "#136236",
561
- "dark": "var(--color-success-300)",
562
- "darkResolved": "#74B68C"
563
- },
564
- "--color-feedback-success-foreground-muted": {
565
- "value": "var(--color-success-500)",
566
- "resolved": "#1F8A4C"
567
- },
568
- "--color-feedback-success-foreground-subtle": {
569
- "value": "color-mix(in srgb, var(--color-success-500) 70%, var(--color-foreground-muted))",
570
- "resolved": "color-mix(in srgb, #1F8A4C 70%, #5E6A82)"
571
- },
572
- "--color-feedback-success-background": {
573
- "value": "var(--color-success-50)",
574
- "resolved": "#E8F5EE",
575
- "dark": "color-mix(in srgb, var(--color-success-500) 18%, var(--color-ink-base))",
576
- "darkResolved": "color-mix(in srgb, #1F8A4C 18%, #0B1230)"
577
- },
578
- "--color-feedback-success-border": {
579
- "value": "var(--color-success-100)",
580
- "resolved": "#CDEBD9",
581
- "dark": "color-mix(in srgb, var(--color-success-500) 34%, transparent)",
582
- "darkResolved": "color-mix(in srgb, #1F8A4C 34%, transparent)"
583
- },
584
- "--color-feedback-warning-foreground": {
585
- "value": "var(--color-warning-700)",
586
- "resolved": "#84560A",
587
- "dark": "var(--color-warning-300)",
588
- "darkResolved": "#D2AC69"
589
- },
590
- "--color-feedback-warning-foreground-muted": {
591
- "value": "var(--color-warning-500)",
592
- "resolved": "#B47A12"
593
- },
594
- "--color-feedback-warning-foreground-subtle": {
595
- "value": "color-mix(in srgb, var(--color-warning-500) 70%, var(--color-foreground-muted))",
596
- "resolved": "color-mix(in srgb, #B47A12 70%, #5E6A82)"
597
- },
598
- "--color-feedback-warning-background": {
599
- "value": "var(--color-warning-50)",
600
- "resolved": "#FDF5E3",
601
- "dark": "color-mix(in srgb, var(--color-warning-500) 18%, var(--color-ink-base))",
602
- "darkResolved": "color-mix(in srgb, #B47A12 18%, #0B1230)"
603
- },
604
- "--color-feedback-warning-border": {
605
- "value": "var(--color-warning-100)",
606
- "resolved": "#FAE8BE",
607
- "dark": "color-mix(in srgb, var(--color-warning-500) 34%, transparent)",
608
- "darkResolved": "color-mix(in srgb, #B47A12 34%, transparent)"
609
- },
610
- "--color-feedback-danger-foreground": {
611
- "value": "var(--color-danger-700)",
612
- "resolved": "#8A2622",
613
- "dark": "var(--color-danger-300)",
614
- "darkResolved": "#DE807A"
615
- },
616
- "--color-feedback-danger-foreground-muted": {
617
- "value": "var(--color-danger-500)",
618
- "resolved": "#C23934"
619
- },
620
- "--color-feedback-danger-foreground-subtle": {
621
- "value": "color-mix(in srgb, var(--color-danger-500) 70%, var(--color-foreground-muted))",
622
- "resolved": "color-mix(in srgb, #C23934 70%, #5E6A82)"
623
- },
624
- "--color-feedback-danger-background": {
625
- "value": "var(--color-danger-50)",
626
- "resolved": "#FCEBEA",
627
- "dark": "color-mix(in srgb, var(--color-danger-500) 18%, var(--color-ink-base))",
628
- "darkResolved": "color-mix(in srgb, #C23934 18%, #0B1230)"
629
- },
630
- "--color-feedback-danger-border": {
631
- "value": "var(--color-danger-100)",
632
- "resolved": "#F7CFCD",
633
- "dark": "color-mix(in srgb, var(--color-danger-500) 34%, transparent)",
634
- "darkResolved": "color-mix(in srgb, #C23934 34%, transparent)"
635
- },
636
- "--color-feedback-info-foreground": {
637
- "value": "var(--color-info-700)",
638
- "resolved": "#144B8C",
639
- "dark": "var(--color-info-300)",
640
- "darkResolved": "#6B9FDD"
641
- },
642
- "--color-feedback-info-foreground-muted": {
643
- "value": "var(--color-info-500)",
644
- "resolved": "#1F6BC7"
645
- },
646
- "--color-feedback-info-foreground-subtle": {
647
- "value": "color-mix(in srgb, var(--color-info-500) 70%, var(--color-foreground-muted))",
648
- "resolved": "color-mix(in srgb, #1F6BC7 70%, #5E6A82)"
649
- },
650
- "--color-feedback-info-background": {
651
- "value": "var(--color-info-50)",
652
- "resolved": "#E6F0FB",
653
- "dark": "color-mix(in srgb, var(--color-info-500) 18%, var(--color-ink-base))",
654
- "darkResolved": "color-mix(in srgb, #1F6BC7 18%, #0B1230)"
655
- },
656
- "--color-feedback-info-border": {
657
- "value": "var(--color-info-100)",
658
- "resolved": "#C5DCF4",
659
- "dark": "color-mix(in srgb, var(--color-info-500) 34%, transparent)",
660
- "darkResolved": "color-mix(in srgb, #1F6BC7 34%, transparent)"
661
- },
662
- "--color-feedback-success-foreground-on-inverse": {
663
- "value": "var(--color-success-100)",
664
- "resolved": "#CDEBD9"
665
- },
666
- "--color-feedback-success-foreground-on-inverse-muted": {
667
- "value": "color-mix(in srgb, var(--color-success-100) 70%, var(--color-foreground-inverse-muted))",
668
- "resolved": "color-mix(in srgb, #CDEBD9 70%, #8A94A8)"
669
- },
670
- "--color-feedback-warning-foreground-on-inverse": {
671
- "value": "var(--color-warning-100)",
672
- "resolved": "#FAE8BE"
673
- },
674
- "--color-feedback-warning-foreground-on-inverse-muted": {
675
- "value": "color-mix(in srgb, var(--color-warning-100) 70%, var(--color-foreground-inverse-muted))",
676
- "resolved": "color-mix(in srgb, #FAE8BE 70%, #8A94A8)"
677
- },
678
- "--color-feedback-danger-foreground-on-inverse": {
679
- "value": "var(--color-danger-100)",
680
- "resolved": "#F7CFCD"
681
- },
682
- "--color-feedback-danger-foreground-on-inverse-muted": {
683
- "value": "color-mix(in srgb, var(--color-danger-100) 70%, var(--color-foreground-inverse-muted))",
684
- "resolved": "color-mix(in srgb, #F7CFCD 70%, #8A94A8)"
685
- },
686
- "--color-feedback-info-foreground-on-inverse": {
687
- "value": "var(--color-info-100)",
688
- "resolved": "#C5DCF4"
689
- },
690
- "--color-feedback-info-foreground-on-inverse-muted": {
691
- "value": "color-mix(in srgb, var(--color-info-100) 70%, var(--color-foreground-inverse-muted))",
692
- "resolved": "color-mix(in srgb, #C5DCF4 70%, #8A94A8)"
693
- },
694
- "--grad-brand": {
695
- "value": "linear-gradient(135deg, #001A4D 0%, #003399 50%, #3399FF 100%)"
696
- },
697
- "--grad-brand-soft": {
698
- "value": "linear-gradient(135deg, #002A80 0%, #003399 100%)"
699
- },
700
- "--grad-ink": {
701
- "value": "linear-gradient(160deg, #0B1230 0%, #001A4D 55%, #002A80 100%)"
702
- },
703
- "--grad-hero": {
704
- "value": "linear-gradient(180deg, #001133 0%, #003399 100%)"
705
- },
706
- "--grad-sheen": {
707
- "value": "linear-gradient(120deg, color-mix(in srgb, var(--color-pure-white) 14%, transparent) 0%, color-mix(in srgb, var(--color-pure-white) 0%, transparent) 40%, color-mix(in srgb, var(--color-pure-white) 0%, transparent) 60%, color-mix(in srgb, var(--color-pure-white) 8%, transparent) 100%)",
708
- "resolved": "linear-gradient(120deg, color-mix(in srgb, #FFFFFF 14%, transparent) 0%, color-mix(in srgb, #FFFFFF 0%, transparent) 40%, color-mix(in srgb, #FFFFFF 0%, transparent) 60%, color-mix(in srgb, #FFFFFF 8%, transparent) 100%)"
709
- },
710
- "--grad-surface-top": {
711
- "value": "linear-gradient(180deg, color-mix(in srgb, var(--color-pure-white) 65%, transparent) 0%, color-mix(in srgb, var(--color-pure-white) 0%, transparent) 100%)",
712
- "resolved": "linear-gradient(180deg, color-mix(in srgb, #FFFFFF 65%, transparent) 0%, color-mix(in srgb, #FFFFFF 0%, transparent) 100%)",
713
- "dark": "linear-gradient(180deg, color-mix(in srgb, var(--color-pure-white) 6%, transparent) 0%, transparent 100%)",
714
- "darkResolved": "linear-gradient(180deg, color-mix(in srgb, #FFFFFF 6%, transparent) 0%, transparent 100%)"
715
- },
716
- "--grad-radial-glow": {
717
- "value": "radial-gradient(1200px 500px at 20% -10%, color-mix(in srgb, var(--color-brand-accent-500) 25%, transparent) 0%, color-mix(in srgb, var(--color-brand-accent-500) 0%, transparent) 60%)",
718
- "resolved": "radial-gradient(1200px 500px at 20% -10%, color-mix(in srgb, #3399FF 25%, transparent) 0%, color-mix(in srgb, #3399FF 0%, transparent) 60%)"
719
- },
720
- "--grad-data-pos": {
721
- "value": "linear-gradient(180deg, color-mix(in srgb, var(--color-success-500) 35%, transparent) 0%, color-mix(in srgb, var(--color-success-500) 0%, transparent) 100%)",
722
- "resolved": "linear-gradient(180deg, color-mix(in srgb, #1F8A4C 35%, transparent) 0%, color-mix(in srgb, #1F8A4C 0%, transparent) 100%)"
723
- },
724
- "--grad-data-neg": {
725
- "value": "linear-gradient(180deg, color-mix(in srgb, var(--color-danger-500) 35%, transparent) 0%, color-mix(in srgb, var(--color-danger-500) 0%, transparent) 100%)",
726
- "resolved": "linear-gradient(180deg, color-mix(in srgb, #C23934 35%, transparent) 0%, color-mix(in srgb, #C23934 0%, transparent) 100%)"
727
- },
728
- "--grad-data-brand": {
729
- "value": "linear-gradient(180deg, color-mix(in srgb, var(--color-brand-accent-500) 30%, transparent) 0%, color-mix(in srgb, var(--color-brand-accent-500) 0%, transparent) 100%)",
730
- "resolved": "linear-gradient(180deg, color-mix(in srgb, #3399FF 30%, transparent) 0%, color-mix(in srgb, #3399FF 0%, transparent) 100%)"
731
- },
732
- "--dataviz-cat-1": {
733
- "value": "#003399",
734
- "dark": "#6B95FB"
735
- },
736
- "--dataviz-cat-2": {
737
- "value": "#3399FF",
738
- "dark": "#7AB8FF"
739
- },
740
- "--dataviz-cat-3": {
741
- "value": "#0F9A8C",
742
- "dark": "#2BC2B1"
743
- },
744
- "--dataviz-cat-4": {
745
- "value": "#C68A1A",
746
- "dark": "#E0AC45"
747
- },
748
- "--dataviz-cat-5": {
749
- "value": "#6B5CE0",
750
- "dark": "#9385F2"
751
- },
752
- "--dataviz-cat-6": {
753
- "value": "#CC4F7A",
754
- "dark": "#E87BA1"
755
- },
756
- "--dataviz-cat-7": {
757
- "value": "#18A0B8",
758
- "dark": "#3FC4DC"
759
- },
760
- "--dataviz-cat-8": {
761
- "value": "#5E6A82",
762
- "dark": "#A6B0C4"
763
- },
764
- "--dataviz-seq-1": {
765
- "value": "var(--color-brand-accent-100)",
766
- "resolved": "#D9ECFF"
767
- },
768
- "--dataviz-seq-2": {
769
- "value": "var(--color-brand-accent-200)",
770
- "resolved": "#ADD2FF"
771
- },
772
- "--dataviz-seq-3": {
773
- "value": "var(--color-brand-accent-300)",
774
- "resolved": "#7AB8FF"
775
- },
776
- "--dataviz-seq-4": {
777
- "value": "var(--color-brand-accent-500)",
778
- "resolved": "#3399FF"
779
- },
780
- "--dataviz-seq-5": {
781
- "value": "var(--color-brand-accent-700)",
782
- "resolved": "#1E6DC4"
783
- },
784
- "--dataviz-seq-6": {
785
- "value": "var(--color-brand-accent-900)",
786
- "resolved": "#0E3B70"
787
- },
788
- "--dataviz-div-1": {
789
- "value": "var(--color-danger-500)",
790
- "resolved": "#C23934"
791
- },
792
- "--dataviz-div-2": {
793
- "value": "var(--color-danger-300)",
794
- "resolved": "#DE807A"
795
- },
796
- "--dataviz-div-3": {
797
- "value": "var(--color-danger-100)",
798
- "resolved": "#F7CFCD"
799
- },
800
- "--dataviz-div-mid": {
801
- "value": "var(--color-neutral-100)",
802
- "resolved": "#EDF0F5"
803
- },
804
- "--dataviz-div-5": {
805
- "value": "var(--color-success-100)",
806
- "resolved": "#CDEBD9"
807
- },
808
- "--dataviz-div-6": {
809
- "value": "var(--color-success-300)",
810
- "resolved": "#74B68C"
811
- },
812
- "--dataviz-div-7": {
813
- "value": "var(--color-success-500)",
814
- "resolved": "#1F8A4C"
815
- },
816
- "--dataviz-positive": {
817
- "value": "var(--color-success-500)",
818
- "resolved": "#1F8A4C"
819
- },
820
- "--dataviz-negative": {
821
- "value": "var(--color-danger-500)",
822
- "resolved": "#C23934"
823
- },
824
- "--dataviz-neutral": {
825
- "value": "var(--color-neutral-400)",
826
- "resolved": "#8A94A8"
827
- },
828
- "--dataviz-grid": {
829
- "value": "var(--color-border-subtle)",
830
- "resolved": "#EDF0F5"
831
- },
832
- "--dataviz-axis": {
833
- "value": "var(--color-border-strong)",
834
- "resolved": "#D6DCE7"
835
- },
836
- "--dataviz-axis-label": {
837
- "value": "var(--color-foreground-muted)",
838
- "resolved": "#5E6A82"
839
- },
840
- "--dataviz-track": {
841
- "value": "var(--color-background-subtle)",
842
- "resolved": "#F4F6FA"
843
- },
844
- "--dataviz-reference": {
845
- "value": "var(--color-foreground-muted)",
846
- "resolved": "#5E6A82"
847
- },
848
- "--glass-white": {
849
- "value": "color-mix(in srgb, var(--color-pure-white) 58%, transparent)",
850
- "resolved": "color-mix(in srgb, #FFFFFF 58%, transparent)"
851
- },
852
- "--glass-white-hi": {
853
- "value": "color-mix(in srgb, var(--color-pure-white) 78%, transparent)",
854
- "resolved": "color-mix(in srgb, #FFFFFF 78%, transparent)"
855
- },
856
- "--glass-white-lo": {
857
- "value": "color-mix(in srgb, var(--color-pure-white) 38%, transparent)",
858
- "resolved": "color-mix(in srgb, #FFFFFF 38%, transparent)"
859
- },
860
- "--glass-tint": {
861
- "value": "color-mix(in srgb, var(--color-neutral-50) 55%, transparent)",
862
- "resolved": "color-mix(in srgb, #F4F6FA 55%, transparent)"
863
- },
864
- "--glass-ink": {
865
- "value": "color-mix(in srgb, var(--color-background-inverse) 55%, transparent)",
866
- "resolved": "color-mix(in srgb, #0B1230 55%, transparent)"
867
- },
868
- "--glass-ink-hi": {
869
- "value": "color-mix(in srgb, var(--color-background-inverse) 78%, transparent)",
870
- "resolved": "color-mix(in srgb, #0B1230 78%, transparent)"
871
- },
872
- "--glass-ink-lo": {
873
- "value": "color-mix(in srgb, var(--color-background-inverse) 35%, transparent)",
874
- "resolved": "color-mix(in srgb, #0B1230 35%, transparent)"
875
- },
876
- "--glass-blur": {
877
- "value": "saturate(140%) blur(18px)"
878
- },
879
- "--glass-blur-sm": {
880
- "value": "saturate(130%) blur(10px)"
881
- },
882
- "--glass-blur-lg": {
883
- "value": "saturate(160%) blur(28px)"
884
- },
885
- "--glass-border": {
886
- "value": "1px solid color-mix(in srgb, var(--color-pure-white) 45%, transparent)",
887
- "resolved": "1px solid color-mix(in srgb, #FFFFFF 45%, transparent)"
888
- },
889
- "--glass-border-dark": {
890
- "value": "1px solid color-mix(in srgb, var(--color-pure-white) 10%, transparent)",
891
- "resolved": "1px solid color-mix(in srgb, #FFFFFF 10%, transparent)"
892
- },
893
- "--radius-2xs": {
894
- "value": "2px"
895
- },
896
- "--radius-xs": {
897
- "value": "4px"
898
- },
899
- "--radius-sm": {
900
- "value": "6px"
901
- },
902
- "--radius-sm-md": {
903
- "value": "8px"
904
- },
905
- "--radius-md": {
906
- "value": "10px"
907
- },
908
- "--radius-md-lg": {
909
- "value": "12px"
910
- },
911
- "--radius-lg": {
912
- "value": "14px"
913
- },
914
- "--radius-lg-xl": {
915
- "value": "16px"
916
- },
917
- "--radius-xl": {
918
- "value": "20px"
919
- },
920
- "--radius-2xl": {
921
- "value": "28px"
922
- },
923
- "--radius-pill": {
924
- "value": "999px"
925
- },
926
- "--shadow-xs": {
927
- "value": "0 1px 2px color-mix(in srgb, var(--color-shadow-tint) 5%, transparent)",
928
- "resolved": "0 1px 2px color-mix(in srgb, #0A0F1F 5%, transparent)"
929
- },
930
- "--shadow-sm": {
931
- "value": "0 1px 2px color-mix(in srgb, var(--color-shadow-tint) 6%, transparent), 0 2px 6px color-mix(in srgb, var(--color-shadow-tint) 4%, transparent)",
932
- "resolved": "0 1px 2px color-mix(in srgb, #0A0F1F 6%, transparent), 0 2px 6px color-mix(in srgb, #0A0F1F 4%, transparent)"
933
- },
934
- "--shadow-md": {
935
- "value": "0 2px 4px color-mix(in srgb, var(--color-shadow-tint) 6%, transparent), 0 8px 20px color-mix(in srgb, var(--color-shadow-tint) 6%, transparent)",
936
- "resolved": "0 2px 4px color-mix(in srgb, #0A0F1F 6%, transparent), 0 8px 20px color-mix(in srgb, #0A0F1F 6%, transparent)"
937
- },
938
- "--shadow-lg": {
939
- "value": "0 4px 8px color-mix(in srgb, var(--color-shadow-tint) 6%, transparent), 0 20px 40px color-mix(in srgb, var(--color-shadow-tint) 10%, transparent)",
940
- "resolved": "0 4px 8px color-mix(in srgb, #0A0F1F 6%, transparent), 0 20px 40px color-mix(in srgb, #0A0F1F 10%, transparent)"
941
- },
942
- "--shadow-xl": {
943
- "value": "0 12px 24px color-mix(in srgb, var(--color-shadow-tint) 10%, transparent), 0 32px 80px color-mix(in srgb, var(--color-shadow-tint) 18%, transparent)",
944
- "resolved": "0 12px 24px color-mix(in srgb, #0A0F1F 10%, transparent), 0 32px 80px color-mix(in srgb, #0A0F1F 18%, transparent)"
945
- },
946
- "--shadow-2xl": {
947
- "value": "0 24px 48px color-mix(in srgb, var(--color-shadow-tint) 14%, transparent), 0 48px 120px color-mix(in srgb, var(--color-shadow-tint) 24%, transparent)",
948
- "resolved": "0 24px 48px color-mix(in srgb, #0A0F1F 14%, transparent), 0 48px 120px color-mix(in srgb, #0A0F1F 24%, transparent)"
949
- },
950
- "--shadow-focus": {
951
- "value": "0 0 0 4px color-mix(in srgb, var(--color-brand-accent-500) 22%, transparent)",
952
- "resolved": "0 0 0 4px color-mix(in srgb, #3399FF 22%, transparent)"
953
- },
954
- "--shadow-focus-sky": {
955
- "value": "0 0 0 4px color-mix(in srgb, var(--color-brand-accent-500) 25%, transparent)",
956
- "resolved": "0 0 0 4px color-mix(in srgb, #3399FF 25%, transparent)"
957
- },
958
- "--shadow-focus-success": {
959
- "value": "0 0 0 4px color-mix(in srgb, var(--color-success-500) 22%, transparent)",
960
- "resolved": "0 0 0 4px color-mix(in srgb, #1F8A4C 22%, transparent)"
961
- },
962
- "--shadow-focus-warning": {
963
- "value": "0 0 0 4px color-mix(in srgb, var(--color-warning-500) 22%, transparent)",
964
- "resolved": "0 0 0 4px color-mix(in srgb, #B47A12 22%, transparent)"
965
- },
966
- "--shadow-focus-danger": {
967
- "value": "0 0 0 4px color-mix(in srgb, var(--color-danger-500) 22%, transparent)",
968
- "resolved": "0 0 0 4px color-mix(in srgb, #C23934 22%, transparent)"
969
- },
970
- "--shadow-focus-info": {
971
- "value": "0 0 0 4px color-mix(in srgb, var(--color-info-500) 22%, transparent)",
972
- "resolved": "0 0 0 4px color-mix(in srgb, #1F6BC7 22%, transparent)"
973
- },
974
- "--shadow-success-sm": {
975
- "value": "0 1px 2px color-mix(in srgb, var(--shadow-tint-success-color) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--shadow-tint-success-color) 12%, transparent)",
976
- "resolved": "0 1px 2px color-mix(in srgb, #0A3D21 8%, transparent), 0 4px 12px color-mix(in srgb, #0A3D21 12%, transparent)"
977
- },
978
- "--shadow-success-md": {
979
- "value": "0 4px 8px color-mix(in srgb, var(--shadow-tint-success-color) 10%, transparent), 0 16px 32px color-mix(in srgb, var(--shadow-tint-success-color) 16%, transparent)",
980
- "resolved": "0 4px 8px color-mix(in srgb, #0A3D21 10%, transparent), 0 16px 32px color-mix(in srgb, #0A3D21 16%, transparent)"
981
- },
982
- "--shadow-warning-sm": {
983
- "value": "0 1px 2px color-mix(in srgb, var(--shadow-tint-warning-color) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--shadow-tint-warning-color) 12%, transparent)",
984
- "resolved": "0 1px 2px color-mix(in srgb, #4F3105 8%, transparent), 0 4px 12px color-mix(in srgb, #4F3105 12%, transparent)"
985
- },
986
- "--shadow-warning-md": {
987
- "value": "0 4px 8px color-mix(in srgb, var(--shadow-tint-warning-color) 10%, transparent), 0 16px 32px color-mix(in srgb, var(--shadow-tint-warning-color) 16%, transparent)",
988
- "resolved": "0 4px 8px color-mix(in srgb, #4F3105 10%, transparent), 0 16px 32px color-mix(in srgb, #4F3105 16%, transparent)"
989
- },
990
- "--shadow-danger-sm": {
991
- "value": "0 1px 2px color-mix(in srgb, var(--shadow-tint-danger-color) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--shadow-tint-danger-color) 14%, transparent)",
992
- "resolved": "0 1px 2px color-mix(in srgb, #4F1512 8%, transparent), 0 4px 12px color-mix(in srgb, #4F1512 14%, transparent)"
993
- },
994
- "--shadow-danger-md": {
995
- "value": "0 4px 8px color-mix(in srgb, var(--shadow-tint-danger-color) 12%, transparent), 0 16px 32px color-mix(in srgb, var(--shadow-tint-danger-color) 18%, transparent)",
996
- "resolved": "0 4px 8px color-mix(in srgb, #4F1512 12%, transparent), 0 16px 32px color-mix(in srgb, #4F1512 18%, transparent)"
997
- },
998
- "--shadow-info-sm": {
999
- "value": "0 1px 2px color-mix(in srgb, var(--shadow-tint-info-color) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--shadow-tint-info-color) 12%, transparent)",
1000
- "resolved": "0 1px 2px color-mix(in srgb, #072951 8%, transparent), 0 4px 12px color-mix(in srgb, #072951 12%, transparent)"
1001
- },
1002
- "--shadow-info-md": {
1003
- "value": "0 4px 8px color-mix(in srgb, var(--shadow-tint-info-color) 10%, transparent), 0 16px 32px color-mix(in srgb, var(--shadow-tint-info-color) 16%, transparent)",
1004
- "resolved": "0 4px 8px color-mix(in srgb, #072951 10%, transparent), 0 16px 32px color-mix(in srgb, #072951 16%, transparent)"
1005
- },
1006
- "--shadow-inset": {
1007
- "value": "inset 0 1px 0 color-mix(in srgb, var(--color-pure-white) 60%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--color-shadow-tint) 4%, transparent)",
1008
- "resolved": "inset 0 1px 0 color-mix(in srgb, #FFFFFF 60%, transparent), inset 0 -1px 0 color-mix(in srgb, #0A0F1F 4%, transparent)"
1009
- },
1010
- "--shadow-glass": {
1011
- "value": "0 1px 0 color-mix(in srgb, var(--color-pure-white) 50%, transparent) inset, 0 10px 30px color-mix(in srgb, var(--color-shadow-tint) 12%, transparent)",
1012
- "resolved": "0 1px 0 color-mix(in srgb, #FFFFFF 50%, transparent) inset, 0 10px 30px color-mix(in srgb, #0A0F1F 12%, transparent)"
1013
- },
1014
- "--shadow-glass-dark": {
1015
- "value": "0 1px 0 color-mix(in srgb, var(--color-pure-white) 8%, transparent) inset, 0 10px 40px color-mix(in srgb, var(--color-pure-black) 35%, transparent)",
1016
- "resolved": "0 1px 0 color-mix(in srgb, #FFFFFF 8%, transparent) inset, 0 10px 40px color-mix(in srgb, #000000 35%, transparent)"
1017
- },
1018
- "--space-0": {
1019
- "value": "0"
1020
- },
1021
- "--space-1": {
1022
- "value": "2px"
1023
- },
1024
- "--space-2": {
1025
- "value": "4px"
1026
- },
1027
- "--space-2-5": {
1028
- "value": "6px"
1029
- },
1030
- "--space-3": {
1031
- "value": "8px"
1032
- },
1033
- "--space-3-5": {
1034
- "value": "10px"
1035
- },
1036
- "--space-4": {
1037
- "value": "12px"
1038
- },
1039
- "--space-4-5": {
1040
- "value": "14px"
1041
- },
1042
- "--space-5": {
1043
- "value": "16px"
1044
- },
1045
- "--space-6": {
1046
- "value": "20px"
1047
- },
1048
- "--space-7": {
1049
- "value": "24px"
1050
- },
1051
- "--space-8": {
1052
- "value": "32px"
1053
- },
1054
- "--space-9": {
1055
- "value": "40px"
1056
- },
1057
- "--space-10": {
1058
- "value": "48px"
1059
- },
1060
- "--space-12": {
1061
- "value": "64px"
1062
- },
1063
- "--space-14": {
1064
- "value": "80px"
1065
- },
1066
- "--space-16": {
1067
- "value": "96px"
1068
- },
1069
- "--icon-xs": {
1070
- "value": "12px"
1071
- },
1072
- "--icon-sm": {
1073
- "value": "14px"
1074
- },
1075
- "--icon-md": {
1076
- "value": "16px"
1077
- },
1078
- "--icon-lg": {
1079
- "value": "20px"
1080
- },
1081
- "--icon-xl": {
1082
- "value": "24px"
1083
- },
1084
- "--icon-stroke": {
1085
- "value": "1.75"
1086
- },
1087
- "--icon-stroke-bold": {
1088
- "value": "2"
1089
- },
1090
- "--icon-stroke-thin": {
1091
- "value": "1.5"
1092
- },
1093
- "--ease-standard": {
1094
- "value": "cubic-bezier(.2, .8, .2, 1)"
1095
- },
1096
- "--ease-emphasis": {
1097
- "value": "cubic-bezier(.2, .9, .15, 1)"
1098
- },
1099
- "--ease-linear": {
1100
- "value": "linear"
1101
- },
1102
- "--duration-instant": {
1103
- "value": "80ms"
1104
- },
1105
- "--duration-fast": {
1106
- "value": "140ms"
1107
- },
1108
- "--duration-base": {
1109
- "value": "200ms"
1110
- },
1111
- "--duration-slow": {
1112
- "value": "320ms"
1113
- },
1114
- "--duration-slower": {
1115
- "value": "480ms"
1116
- },
1117
- "--duration-deliberate": {
1118
- "value": "640ms"
1119
- },
1120
- "--transition-fast": {
1121
- "value": "140ms var(--ease-standard)",
1122
- "resolved": "140ms cubic-bezier(.2, .8, .2, 1)"
1123
- },
1124
- "--transition-base": {
1125
- "value": "200ms var(--ease-standard)",
1126
- "resolved": "200ms cubic-bezier(.2, .8, .2, 1)"
1127
- },
1128
- "--transition-slow": {
1129
- "value": "320ms var(--ease-standard)",
1130
- "resolved": "320ms cubic-bezier(.2, .8, .2, 1)"
1131
- },
1132
- "--font-sans": {
1133
- "value": "'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
1134
- },
1135
- "--font-mono": {
1136
- "value": "'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace"
1137
- },
1138
- "--font-display": {
1139
- "value": "'Lato', -apple-system, BlinkMacSystemFont, sans-serif"
1140
- },
1141
- "--w-light": {
1142
- "value": "300"
1143
- },
1144
- "--w-regular": {
1145
- "value": "400"
1146
- },
1147
- "--w-medium": {
1148
- "value": "500"
1149
- },
1150
- "--w-semibold": {
1151
- "value": "600"
1152
- },
1153
- "--w-bold": {
1154
- "value": "700"
1155
- },
1156
- "--w-extrabold": {
1157
- "value": "800"
1158
- },
1159
- "--w-black": {
1160
- "value": "900"
1161
- },
1162
- "--fs-xxs": {
1163
- "value": "10px"
1164
- },
1165
- "--fs-xs": {
1166
- "value": "11px"
1167
- },
1168
- "--fs-sm": {
1169
- "value": "12px"
1170
- },
1171
- "--fs-md": {
1172
- "value": "13px"
1173
- },
1174
- "--fs-base": {
1175
- "value": "14px"
1176
- },
1177
- "--fs-lg": {
1178
- "value": "16px"
1179
- },
1180
- "--fs-xl": {
1181
- "value": "18px"
1182
- },
1183
- "--fs-2xl": {
1184
- "value": "20px"
1185
- },
1186
- "--fs-3xl": {
1187
- "value": "24px"
1188
- },
1189
- "--fs-4xl": {
1190
- "value": "28px"
1191
- },
1192
- "--fs-5xl": {
1193
- "value": "32px"
1194
- },
1195
- "--fs-6xl": {
1196
- "value": "40px"
1197
- },
1198
- "--fs-7xl": {
1199
- "value": "56px"
1200
- },
1201
- "--fs-8xl": {
1202
- "value": "72px"
1203
- },
1204
- "--lh-tight": {
1205
- "value": "1.15"
1206
- },
1207
- "--lh-snug": {
1208
- "value": "1.3"
1209
- },
1210
- "--lh-normal": {
1211
- "value": "1.5"
1212
- },
1213
- "--lh-relaxed": {
1214
- "value": "1.65"
1215
- },
1216
- "--ls-display": {
1217
- "value": "-0.03em"
1218
- },
1219
- "--ls-tight": {
1220
- "value": "-0.01em"
1221
- },
1222
- "--ls-title": {
1223
- "value": "-0.015em"
1224
- },
1225
- "--ls-body": {
1226
- "value": "0em"
1227
- },
1228
- "--ls-label": {
1229
- "value": "0.02em"
1230
- },
1231
- "--ls-caps": {
1232
- "value": "0.08em"
1233
- }
1234
- }
1
+ {
2
+ "$schema": "https://design-tokens.org (informal)",
3
+ "name": "ATTRUS Design Tokens",
4
+ "description": "Cabiros · ATTRUS Design System — exported design tokens. Light values in `value`; dark-theme overrides in `darkValue`. Source of truth: src/tokens/.",
5
+ "version": "1.0.0",
6
+ "generated": "2026-06-03",
7
+ "tokenCount": 333,
8
+ "darkOverrides": 43,
9
+ "tokens": {
10
+ "--brand-attrus-ink": {
11
+ "value": "#0F0F1A"
12
+ },
13
+ "--brand-attrus-navy": {
14
+ "value": "#002142"
15
+ },
16
+ "--brand-attrus-blue": {
17
+ "value": "#003399"
18
+ },
19
+ "--brand-attrus-sky": {
20
+ "value": "#3399FF"
21
+ },
22
+ "--brand-attrus-logo-ink": {
23
+ "value": "#000033"
24
+ },
25
+ "--color-pure-white": {
26
+ "value": "#FFFFFF"
27
+ },
28
+ "--color-pure-black": {
29
+ "value": "#000000"
30
+ },
31
+ "--color-shadow-tint": {
32
+ "value": "var(--color-neutral-900)",
33
+ "resolved": "#0A0F1F"
34
+ },
35
+ "--shadow-tint-success-color": {
36
+ "value": "var(--color-success-900)",
37
+ "resolved": "#0A3D21"
38
+ },
39
+ "--shadow-tint-warning-color": {
40
+ "value": "var(--color-warning-900)",
41
+ "resolved": "#4F3105"
42
+ },
43
+ "--shadow-tint-danger-color": {
44
+ "value": "var(--color-danger-900)",
45
+ "resolved": "#4F1512"
46
+ },
47
+ "--shadow-tint-info-color": {
48
+ "value": "var(--color-info-900)",
49
+ "resolved": "#072951"
50
+ },
51
+ "--color-neutral-0": {
52
+ "value": "var(--color-pure-white)",
53
+ "resolved": "#FFFFFF"
54
+ },
55
+ "--color-neutral-25": {
56
+ "value": "#FAFBFD"
57
+ },
58
+ "--color-neutral-50": {
59
+ "value": "#F4F6FA"
60
+ },
61
+ "--color-neutral-100": {
62
+ "value": "#EDF0F5"
63
+ },
64
+ "--color-neutral-150": {
65
+ "value": "#E3E8F0"
66
+ },
67
+ "--color-neutral-200": {
68
+ "value": "#D6DCE7"
69
+ },
70
+ "--color-neutral-300": {
71
+ "value": "#B8C1D1"
72
+ },
73
+ "--color-neutral-400": {
74
+ "value": "#8A94A8"
75
+ },
76
+ "--color-neutral-500": {
77
+ "value": "#5E6A82"
78
+ },
79
+ "--color-neutral-600": {
80
+ "value": "#3F4A61"
81
+ },
82
+ "--color-neutral-700": {
83
+ "value": "#27304A"
84
+ },
85
+ "--color-neutral-800": {
86
+ "value": "#141B2E"
87
+ },
88
+ "--color-neutral-900": {
89
+ "value": "#0A0F1F"
90
+ },
91
+ "--color-neutral-950": {
92
+ "value": "#05081A"
93
+ },
94
+ "--color-ink-base": {
95
+ "value": "#0B1230"
96
+ },
97
+ "--color-ink-raised": {
98
+ "value": "#111A3D"
99
+ },
100
+ "--color-ink-deep": {
101
+ "value": "#0A1128"
102
+ },
103
+ "--color-ink-hover": {
104
+ "value": "#15214A"
105
+ },
106
+ "--color-brand-primary-50": {
107
+ "value": "#E5EBF2"
108
+ },
109
+ "--color-brand-primary-100": {
110
+ "value": "#C2CDDB"
111
+ },
112
+ "--color-brand-primary-200": {
113
+ "value": "#8E9FB8"
114
+ },
115
+ "--color-brand-primary-300": {
116
+ "value": "#5F7596"
117
+ },
118
+ "--color-brand-primary-400": {
119
+ "value": "#2F4F75"
120
+ },
121
+ "--color-brand-primary-500": {
122
+ "value": "#002142"
123
+ },
124
+ "--color-brand-primary-600": {
125
+ "value": "#001D3A"
126
+ },
127
+ "--color-brand-primary-700": {
128
+ "value": "#001830"
129
+ },
130
+ "--color-brand-primary-800": {
131
+ "value": "#001226"
132
+ },
133
+ "--color-brand-primary-900": {
134
+ "value": "#000C1A"
135
+ },
136
+ "--color-brand-secondary-50": {
137
+ "value": "#EAF1FF"
138
+ },
139
+ "--color-brand-secondary-100": {
140
+ "value": "#D1DEFF"
141
+ },
142
+ "--color-brand-secondary-200": {
143
+ "value": "#A3BEFF"
144
+ },
145
+ "--color-brand-secondary-300": {
146
+ "value": "#6B95FB"
147
+ },
148
+ "--color-brand-secondary-400": {
149
+ "value": "#3F6DEF"
150
+ },
151
+ "--color-brand-secondary-500": {
152
+ "value": "#003399"
153
+ },
154
+ "--color-brand-secondary-600": {
155
+ "value": "#002A80"
156
+ },
157
+ "--color-brand-secondary-700": {
158
+ "value": "#002166"
159
+ },
160
+ "--color-brand-secondary-800": {
161
+ "value": "#001A4D"
162
+ },
163
+ "--color-brand-secondary-900": {
164
+ "value": "#001133"
165
+ },
166
+ "--color-brand-accent-50": {
167
+ "value": "#ECF5FF"
168
+ },
169
+ "--color-brand-accent-100": {
170
+ "value": "#D9ECFF"
171
+ },
172
+ "--color-brand-accent-200": {
173
+ "value": "#ADD2FF"
174
+ },
175
+ "--color-brand-accent-300": {
176
+ "value": "#7AB8FF"
177
+ },
178
+ "--color-brand-accent-400": {
179
+ "value": "#549EFF"
180
+ },
181
+ "--color-brand-accent-500": {
182
+ "value": "#3399FF"
183
+ },
184
+ "--color-brand-accent-600": {
185
+ "value": "#2880DD"
186
+ },
187
+ "--color-brand-accent-700": {
188
+ "value": "#1E6DC4"
189
+ },
190
+ "--color-brand-accent-800": {
191
+ "value": "#155198"
192
+ },
193
+ "--color-brand-accent-900": {
194
+ "value": "#0E3B70"
195
+ },
196
+ "--color-success-50": {
197
+ "value": "#E8F5EE"
198
+ },
199
+ "--color-success-100": {
200
+ "value": "#CDEBD9"
201
+ },
202
+ "--color-success-200": {
203
+ "value": "#9CCEAF"
204
+ },
205
+ "--color-success-300": {
206
+ "value": "#74B68C"
207
+ },
208
+ "--color-success-400": {
209
+ "value": "#499D69"
210
+ },
211
+ "--color-success-500": {
212
+ "value": "#1F8A4C"
213
+ },
214
+ "--color-success-600": {
215
+ "value": "#1A7A43"
216
+ },
217
+ "--color-success-700": {
218
+ "value": "#136236"
219
+ },
220
+ "--color-success-800": {
221
+ "value": "#0E4F2B"
222
+ },
223
+ "--color-success-900": {
224
+ "value": "#0A3D21"
225
+ },
226
+ "--color-warning-50": {
227
+ "value": "#FDF5E3"
228
+ },
229
+ "--color-warning-100": {
230
+ "value": "#FAE8BE"
231
+ },
232
+ "--color-warning-200": {
233
+ "value": "#E4C790"
234
+ },
235
+ "--color-warning-300": {
236
+ "value": "#D2AC69"
237
+ },
238
+ "--color-warning-400": {
239
+ "value": "#C19040"
240
+ },
241
+ "--color-warning-500": {
242
+ "value": "#B47A12"
243
+ },
244
+ "--color-warning-600": {
245
+ "value": "#A16B0F"
246
+ },
247
+ "--color-warning-700": {
248
+ "value": "#84560A"
249
+ },
250
+ "--color-warning-800": {
251
+ "value": "#694307"
252
+ },
253
+ "--color-warning-900": {
254
+ "value": "#4F3105"
255
+ },
256
+ "--color-danger-50": {
257
+ "value": "#FCEBEA"
258
+ },
259
+ "--color-danger-100": {
260
+ "value": "#F7CFCD"
261
+ },
262
+ "--color-danger-200": {
263
+ "value": "#EBA4A0"
264
+ },
265
+ "--color-danger-300": {
266
+ "value": "#DE807A"
267
+ },
268
+ "--color-danger-400": {
269
+ "value": "#CF5B54"
270
+ },
271
+ "--color-danger-500": {
272
+ "value": "#C23934"
273
+ },
274
+ "--color-danger-600": {
275
+ "value": "#AB312D"
276
+ },
277
+ "--color-danger-700": {
278
+ "value": "#8A2622"
279
+ },
280
+ "--color-danger-800": {
281
+ "value": "#6C1D1A"
282
+ },
283
+ "--color-danger-900": {
284
+ "value": "#4F1512"
285
+ },
286
+ "--color-info-50": {
287
+ "value": "#E6F0FB"
288
+ },
289
+ "--color-info-100": {
290
+ "value": "#C5DCF4"
291
+ },
292
+ "--color-info-200": {
293
+ "value": "#93BBE8"
294
+ },
295
+ "--color-info-300": {
296
+ "value": "#6B9FDD"
297
+ },
298
+ "--color-info-400": {
299
+ "value": "#4383D1"
300
+ },
301
+ "--color-info-500": {
302
+ "value": "#1F6BC7"
303
+ },
304
+ "--color-info-600": {
305
+ "value": "#1A5EAF"
306
+ },
307
+ "--color-info-700": {
308
+ "value": "#144B8C"
309
+ },
310
+ "--color-info-800": {
311
+ "value": "#0D3A6E"
312
+ },
313
+ "--color-info-900": {
314
+ "value": "#072951"
315
+ },
316
+ "--color-background-canvas": {
317
+ "value": "var(--color-neutral-25)",
318
+ "resolved": "#FAFBFD",
319
+ "dark": "var(--color-ink-deep)",
320
+ "darkResolved": "#0A1128"
321
+ },
322
+ "--color-background-surface": {
323
+ "value": "var(--color-neutral-0)",
324
+ "resolved": "#FFFFFF",
325
+ "dark": "var(--color-ink-raised)",
326
+ "darkResolved": "#111A3D"
327
+ },
328
+ "--color-background-subtle": {
329
+ "value": "var(--color-neutral-50)",
330
+ "resolved": "#F4F6FA",
331
+ "dark": "var(--color-ink-base)",
332
+ "darkResolved": "#0B1230"
333
+ },
334
+ "--color-background-raised": {
335
+ "value": "var(--color-neutral-0)",
336
+ "resolved": "#FFFFFF",
337
+ "dark": "var(--color-ink-raised)",
338
+ "darkResolved": "#111A3D"
339
+ },
340
+ "--color-background-sunken": {
341
+ "value": "var(--color-neutral-100)",
342
+ "resolved": "#EDF0F5",
343
+ "dark": "color-mix(in srgb, var(--color-pure-black) 28%, var(--color-ink-deep))",
344
+ "darkResolved": "color-mix(in srgb, #000000 28%, #0A1128)"
345
+ },
346
+ "--color-background-hover": {
347
+ "value": "var(--color-neutral-100)",
348
+ "resolved": "#EDF0F5",
349
+ "dark": "color-mix(in srgb, var(--color-pure-white) 6%, var(--color-ink-raised))",
350
+ "darkResolved": "color-mix(in srgb, #FFFFFF 6%, #111A3D)"
351
+ },
352
+ "--color-background-press": {
353
+ "value": "var(--color-neutral-150)",
354
+ "resolved": "#E3E8F0",
355
+ "dark": "color-mix(in srgb, var(--color-pure-white) 10%, var(--color-ink-raised))",
356
+ "darkResolved": "color-mix(in srgb, #FFFFFF 10%, #111A3D)"
357
+ },
358
+ "--color-background-selected": {
359
+ "value": "var(--color-brand-secondary-50)",
360
+ "resolved": "#EAF1FF",
361
+ "dark": "var(--color-background-inverse-selected)",
362
+ "darkResolved": "color-mix(in srgb, #003399 22%, #0B1230)"
363
+ },
364
+ "--color-background-inverse": {
365
+ "value": "var(--color-ink-base)",
366
+ "resolved": "#0B1230",
367
+ "dark": "color-mix(in srgb, var(--color-brand-primary-500) 24%, var(--color-ink-base))",
368
+ "darkResolved": "color-mix(in srgb, #002142 24%, #0B1230)"
369
+ },
370
+ "--color-background-inverse-surface": {
371
+ "value": "var(--color-ink-raised)",
372
+ "resolved": "#111A3D",
373
+ "dark": "color-mix(in srgb, var(--color-brand-primary-500) 30%, var(--color-ink-raised))",
374
+ "darkResolved": "color-mix(in srgb, #002142 30%, #111A3D)"
375
+ },
376
+ "--color-background-inverse-subtle": {
377
+ "value": "var(--color-ink-deep)",
378
+ "resolved": "#0A1128",
379
+ "dark": "color-mix(in srgb, var(--color-brand-primary-500) 18%, var(--color-ink-deep))",
380
+ "darkResolved": "color-mix(in srgb, #002142 18%, #0A1128)"
381
+ },
382
+ "--color-background-inverse-hover": {
383
+ "value": "var(--color-ink-hover)",
384
+ "resolved": "#15214A"
385
+ },
386
+ "--color-scrim": {
387
+ "value": "rgba(10, 15, 31, 0.32)"
388
+ },
389
+ "--scrim-blur": {
390
+ "value": "6px"
391
+ },
392
+ "--color-background-inverse-press": {
393
+ "value": "color-mix(in srgb, var(--color-ink-hover) 70%, var(--color-pure-white))",
394
+ "resolved": "color-mix(in srgb, #15214A 70%, #FFFFFF)"
395
+ },
396
+ "--color-background-inverse-selected": {
397
+ "value": "color-mix(in srgb, var(--color-brand-secondary-500) 22%, var(--color-ink-base))",
398
+ "resolved": "color-mix(in srgb, #003399 22%, #0B1230)"
399
+ },
400
+ "--color-background-inverse-brand": {
401
+ "value": "var(--color-brand-primary-500)",
402
+ "resolved": "#002142"
403
+ },
404
+ "--color-foreground-default": {
405
+ "value": "var(--color-neutral-800)",
406
+ "resolved": "#141B2E",
407
+ "dark": "var(--color-neutral-50)",
408
+ "darkResolved": "#F4F6FA"
409
+ },
410
+ "--color-foreground-secondary": {
411
+ "value": "var(--color-neutral-600)",
412
+ "resolved": "#3F4A61",
413
+ "dark": "var(--color-neutral-300)",
414
+ "darkResolved": "#B8C1D1"
415
+ },
416
+ "--color-foreground-muted": {
417
+ "value": "var(--color-neutral-500)",
418
+ "resolved": "#5E6A82",
419
+ "dark": "var(--color-neutral-400)",
420
+ "darkResolved": "#8A94A8"
421
+ },
422
+ "--color-foreground-placeholder": {
423
+ "value": "var(--color-neutral-300)",
424
+ "resolved": "#B8C1D1",
425
+ "dark": "var(--color-neutral-600)",
426
+ "darkResolved": "#3F4A61"
427
+ },
428
+ "--color-foreground-accent": {
429
+ "value": "var(--color-brand-accent-700)",
430
+ "resolved": "#1E6DC4",
431
+ "dark": "var(--color-brand-accent-400)",
432
+ "darkResolved": "#549EFF"
433
+ },
434
+ "--color-foreground-brand": {
435
+ "value": "var(--color-brand-primary-500)",
436
+ "resolved": "#002142",
437
+ "dark": "var(--color-brand-secondary-200)",
438
+ "darkResolved": "#A3BEFF"
439
+ },
440
+ "--color-foreground-highlight": {
441
+ "value": "var(--color-brand-accent-700)",
442
+ "resolved": "#1E6DC4",
443
+ "dark": "var(--color-brand-accent-300)",
444
+ "darkResolved": "#7AB8FF"
445
+ },
446
+ "--color-foreground-on-solid": {
447
+ "value": "var(--color-neutral-0)",
448
+ "resolved": "#FFFFFF"
449
+ },
450
+ "--color-foreground-disabled": {
451
+ "value": "var(--color-neutral-300)",
452
+ "resolved": "#B8C1D1",
453
+ "dark": "var(--color-neutral-600)",
454
+ "darkResolved": "#3F4A61"
455
+ },
456
+ "--color-foreground-inverse-default": {
457
+ "value": "var(--color-neutral-50)",
458
+ "resolved": "#F4F6FA"
459
+ },
460
+ "--color-foreground-inverse-secondary": {
461
+ "value": "var(--color-neutral-300)",
462
+ "resolved": "#B8C1D1"
463
+ },
464
+ "--color-foreground-inverse-muted": {
465
+ "value": "var(--color-neutral-400)",
466
+ "resolved": "#8A94A8"
467
+ },
468
+ "--color-foreground-inverse-placeholder": {
469
+ "value": "var(--color-neutral-500)",
470
+ "resolved": "#5E6A82"
471
+ },
472
+ "--color-foreground-inverse-accent": {
473
+ "value": "var(--color-brand-accent-500)",
474
+ "resolved": "#3399FF"
475
+ },
476
+ "--color-foreground-inverse-highlight": {
477
+ "value": "var(--color-brand-accent-300)",
478
+ "resolved": "#7AB8FF"
479
+ },
480
+ "--color-foreground-inverse-disabled": {
481
+ "value": "var(--color-neutral-600)",
482
+ "resolved": "#3F4A61"
483
+ },
484
+ "--color-border-subtle": {
485
+ "value": "var(--color-neutral-100)",
486
+ "resolved": "#EDF0F5",
487
+ "dark": "color-mix(in srgb, var(--color-pure-white) 8%, transparent)",
488
+ "darkResolved": "color-mix(in srgb, #FFFFFF 8%, transparent)"
489
+ },
490
+ "--color-border-default": {
491
+ "value": "var(--color-neutral-150)",
492
+ "resolved": "#E3E8F0",
493
+ "dark": "color-mix(in srgb, var(--color-pure-white) 12%, transparent)",
494
+ "darkResolved": "color-mix(in srgb, #FFFFFF 12%, transparent)"
495
+ },
496
+ "--color-border-strong": {
497
+ "value": "var(--color-neutral-200)",
498
+ "resolved": "#D6DCE7",
499
+ "dark": "color-mix(in srgb, var(--color-pure-white) 20%, transparent)",
500
+ "darkResolved": "color-mix(in srgb, #FFFFFF 20%, transparent)"
501
+ },
502
+ "--color-border-focus": {
503
+ "value": "var(--color-brand-accent-500)",
504
+ "resolved": "#3399FF"
505
+ },
506
+ "--color-border-accent": {
507
+ "value": "var(--color-brand-accent-500)",
508
+ "resolved": "#3399FF"
509
+ },
510
+ "--color-border-success": {
511
+ "value": "var(--color-success-500)",
512
+ "resolved": "#1F8A4C"
513
+ },
514
+ "--color-border-warning": {
515
+ "value": "var(--color-warning-500)",
516
+ "resolved": "#B47A12"
517
+ },
518
+ "--color-border-danger": {
519
+ "value": "var(--color-danger-500)",
520
+ "resolved": "#C23934"
521
+ },
522
+ "--color-border-info": {
523
+ "value": "var(--color-info-500)",
524
+ "resolved": "#1F6BC7"
525
+ },
526
+ "--color-border-inverse": {
527
+ "value": "color-mix(in srgb, var(--color-pure-white) 10%, transparent)",
528
+ "resolved": "color-mix(in srgb, #FFFFFF 10%, transparent)"
529
+ },
530
+ "--color-border-inverse-strong": {
531
+ "value": "color-mix(in srgb, var(--color-pure-white) 18%, transparent)",
532
+ "resolved": "color-mix(in srgb, #FFFFFF 18%, transparent)"
533
+ },
534
+ "--color-overlay-white-08": {
535
+ "value": "color-mix(in srgb, var(--color-pure-white) 8%, transparent)",
536
+ "resolved": "color-mix(in srgb, #FFFFFF 8%, transparent)"
537
+ },
538
+ "--color-overlay-white-12": {
539
+ "value": "color-mix(in srgb, var(--color-pure-white) 12%, transparent)",
540
+ "resolved": "color-mix(in srgb, #FFFFFF 12%, transparent)"
541
+ },
542
+ "--color-overlay-white-14": {
543
+ "value": "color-mix(in srgb, var(--color-pure-white) 14%, transparent)",
544
+ "resolved": "color-mix(in srgb, #FFFFFF 14%, transparent)"
545
+ },
546
+ "--color-overlay-white-16": {
547
+ "value": "color-mix(in srgb, var(--color-pure-white) 16%, transparent)",
548
+ "resolved": "color-mix(in srgb, #FFFFFF 16%, transparent)"
549
+ },
550
+ "--color-overlay-white-18": {
551
+ "value": "color-mix(in srgb, var(--color-pure-white) 18%, transparent)",
552
+ "resolved": "color-mix(in srgb, #FFFFFF 18%, transparent)"
553
+ },
554
+ "--color-overlay-white-22": {
555
+ "value": "color-mix(in srgb, var(--color-pure-white) 22%, transparent)",
556
+ "resolved": "color-mix(in srgb, #FFFFFF 22%, transparent)"
557
+ },
558
+ "--color-feedback-success-foreground": {
559
+ "value": "var(--color-success-700)",
560
+ "resolved": "#136236",
561
+ "dark": "var(--color-success-300)",
562
+ "darkResolved": "#74B68C"
563
+ },
564
+ "--color-feedback-success-foreground-muted": {
565
+ "value": "var(--color-success-500)",
566
+ "resolved": "#1F8A4C"
567
+ },
568
+ "--color-feedback-success-foreground-subtle": {
569
+ "value": "color-mix(in srgb, var(--color-success-500) 70%, var(--color-foreground-muted))",
570
+ "resolved": "color-mix(in srgb, #1F8A4C 70%, #5E6A82)"
571
+ },
572
+ "--color-feedback-success-background": {
573
+ "value": "var(--color-success-50)",
574
+ "resolved": "#E8F5EE",
575
+ "dark": "color-mix(in srgb, var(--color-success-500) 18%, var(--color-ink-base))",
576
+ "darkResolved": "color-mix(in srgb, #1F8A4C 18%, #0B1230)"
577
+ },
578
+ "--color-feedback-success-border": {
579
+ "value": "var(--color-success-100)",
580
+ "resolved": "#CDEBD9",
581
+ "dark": "color-mix(in srgb, var(--color-success-500) 34%, transparent)",
582
+ "darkResolved": "color-mix(in srgb, #1F8A4C 34%, transparent)"
583
+ },
584
+ "--color-feedback-warning-foreground": {
585
+ "value": "var(--color-warning-700)",
586
+ "resolved": "#84560A",
587
+ "dark": "var(--color-warning-300)",
588
+ "darkResolved": "#D2AC69"
589
+ },
590
+ "--color-feedback-warning-foreground-muted": {
591
+ "value": "var(--color-warning-500)",
592
+ "resolved": "#B47A12"
593
+ },
594
+ "--color-feedback-warning-foreground-subtle": {
595
+ "value": "color-mix(in srgb, var(--color-warning-500) 70%, var(--color-foreground-muted))",
596
+ "resolved": "color-mix(in srgb, #B47A12 70%, #5E6A82)"
597
+ },
598
+ "--color-feedback-warning-background": {
599
+ "value": "var(--color-warning-50)",
600
+ "resolved": "#FDF5E3",
601
+ "dark": "color-mix(in srgb, var(--color-warning-500) 18%, var(--color-ink-base))",
602
+ "darkResolved": "color-mix(in srgb, #B47A12 18%, #0B1230)"
603
+ },
604
+ "--color-feedback-warning-border": {
605
+ "value": "var(--color-warning-100)",
606
+ "resolved": "#FAE8BE",
607
+ "dark": "color-mix(in srgb, var(--color-warning-500) 34%, transparent)",
608
+ "darkResolved": "color-mix(in srgb, #B47A12 34%, transparent)"
609
+ },
610
+ "--color-feedback-danger-foreground": {
611
+ "value": "var(--color-danger-700)",
612
+ "resolved": "#8A2622",
613
+ "dark": "var(--color-danger-300)",
614
+ "darkResolved": "#DE807A"
615
+ },
616
+ "--color-feedback-danger-foreground-muted": {
617
+ "value": "var(--color-danger-500)",
618
+ "resolved": "#C23934"
619
+ },
620
+ "--color-feedback-danger-foreground-subtle": {
621
+ "value": "color-mix(in srgb, var(--color-danger-500) 70%, var(--color-foreground-muted))",
622
+ "resolved": "color-mix(in srgb, #C23934 70%, #5E6A82)"
623
+ },
624
+ "--color-feedback-danger-background": {
625
+ "value": "var(--color-danger-50)",
626
+ "resolved": "#FCEBEA",
627
+ "dark": "color-mix(in srgb, var(--color-danger-500) 18%, var(--color-ink-base))",
628
+ "darkResolved": "color-mix(in srgb, #C23934 18%, #0B1230)"
629
+ },
630
+ "--color-feedback-danger-border": {
631
+ "value": "var(--color-danger-100)",
632
+ "resolved": "#F7CFCD",
633
+ "dark": "color-mix(in srgb, var(--color-danger-500) 34%, transparent)",
634
+ "darkResolved": "color-mix(in srgb, #C23934 34%, transparent)"
635
+ },
636
+ "--color-feedback-info-foreground": {
637
+ "value": "var(--color-info-700)",
638
+ "resolved": "#144B8C",
639
+ "dark": "var(--color-info-300)",
640
+ "darkResolved": "#6B9FDD"
641
+ },
642
+ "--color-feedback-info-foreground-muted": {
643
+ "value": "var(--color-info-500)",
644
+ "resolved": "#1F6BC7"
645
+ },
646
+ "--color-feedback-info-foreground-subtle": {
647
+ "value": "color-mix(in srgb, var(--color-info-500) 70%, var(--color-foreground-muted))",
648
+ "resolved": "color-mix(in srgb, #1F6BC7 70%, #5E6A82)"
649
+ },
650
+ "--color-feedback-info-background": {
651
+ "value": "var(--color-info-50)",
652
+ "resolved": "#E6F0FB",
653
+ "dark": "color-mix(in srgb, var(--color-info-500) 18%, var(--color-ink-base))",
654
+ "darkResolved": "color-mix(in srgb, #1F6BC7 18%, #0B1230)"
655
+ },
656
+ "--color-feedback-info-border": {
657
+ "value": "var(--color-info-100)",
658
+ "resolved": "#C5DCF4",
659
+ "dark": "color-mix(in srgb, var(--color-info-500) 34%, transparent)",
660
+ "darkResolved": "color-mix(in srgb, #1F6BC7 34%, transparent)"
661
+ },
662
+ "--color-feedback-success-foreground-on-inverse": {
663
+ "value": "var(--color-success-100)",
664
+ "resolved": "#CDEBD9"
665
+ },
666
+ "--color-feedback-success-foreground-on-inverse-muted": {
667
+ "value": "color-mix(in srgb, var(--color-success-100) 70%, var(--color-foreground-inverse-muted))",
668
+ "resolved": "color-mix(in srgb, #CDEBD9 70%, #8A94A8)"
669
+ },
670
+ "--color-feedback-warning-foreground-on-inverse": {
671
+ "value": "var(--color-warning-100)",
672
+ "resolved": "#FAE8BE"
673
+ },
674
+ "--color-feedback-warning-foreground-on-inverse-muted": {
675
+ "value": "color-mix(in srgb, var(--color-warning-100) 70%, var(--color-foreground-inverse-muted))",
676
+ "resolved": "color-mix(in srgb, #FAE8BE 70%, #8A94A8)"
677
+ },
678
+ "--color-feedback-danger-foreground-on-inverse": {
679
+ "value": "var(--color-danger-100)",
680
+ "resolved": "#F7CFCD"
681
+ },
682
+ "--color-feedback-danger-foreground-on-inverse-muted": {
683
+ "value": "color-mix(in srgb, var(--color-danger-100) 70%, var(--color-foreground-inverse-muted))",
684
+ "resolved": "color-mix(in srgb, #F7CFCD 70%, #8A94A8)"
685
+ },
686
+ "--color-feedback-info-foreground-on-inverse": {
687
+ "value": "var(--color-info-100)",
688
+ "resolved": "#C5DCF4"
689
+ },
690
+ "--color-feedback-info-foreground-on-inverse-muted": {
691
+ "value": "color-mix(in srgb, var(--color-info-100) 70%, var(--color-foreground-inverse-muted))",
692
+ "resolved": "color-mix(in srgb, #C5DCF4 70%, #8A94A8)"
693
+ },
694
+ "--grad-brand": {
695
+ "value": "linear-gradient(135deg, #001A4D 0%, #003399 50%, #3399FF 100%)"
696
+ },
697
+ "--grad-brand-soft": {
698
+ "value": "linear-gradient(135deg, #002A80 0%, #003399 100%)"
699
+ },
700
+ "--grad-ink": {
701
+ "value": "linear-gradient(160deg, #0B1230 0%, #001A4D 55%, #002A80 100%)"
702
+ },
703
+ "--grad-hero": {
704
+ "value": "linear-gradient(180deg, #001133 0%, #003399 100%)"
705
+ },
706
+ "--grad-sheen": {
707
+ "value": "linear-gradient(120deg, color-mix(in srgb, var(--color-pure-white) 14%, transparent) 0%, color-mix(in srgb, var(--color-pure-white) 0%, transparent) 40%, color-mix(in srgb, var(--color-pure-white) 0%, transparent) 60%, color-mix(in srgb, var(--color-pure-white) 8%, transparent) 100%)",
708
+ "resolved": "linear-gradient(120deg, color-mix(in srgb, #FFFFFF 14%, transparent) 0%, color-mix(in srgb, #FFFFFF 0%, transparent) 40%, color-mix(in srgb, #FFFFFF 0%, transparent) 60%, color-mix(in srgb, #FFFFFF 8%, transparent) 100%)"
709
+ },
710
+ "--grad-surface-top": {
711
+ "value": "linear-gradient(180deg, color-mix(in srgb, var(--color-pure-white) 65%, transparent) 0%, color-mix(in srgb, var(--color-pure-white) 0%, transparent) 100%)",
712
+ "resolved": "linear-gradient(180deg, color-mix(in srgb, #FFFFFF 65%, transparent) 0%, color-mix(in srgb, #FFFFFF 0%, transparent) 100%)",
713
+ "dark": "linear-gradient(180deg, color-mix(in srgb, var(--color-pure-white) 6%, transparent) 0%, transparent 100%)",
714
+ "darkResolved": "linear-gradient(180deg, color-mix(in srgb, #FFFFFF 6%, transparent) 0%, transparent 100%)"
715
+ },
716
+ "--grad-radial-glow": {
717
+ "value": "radial-gradient(1200px 500px at 20% -10%, color-mix(in srgb, var(--color-brand-accent-500) 25%, transparent) 0%, color-mix(in srgb, var(--color-brand-accent-500) 0%, transparent) 60%)",
718
+ "resolved": "radial-gradient(1200px 500px at 20% -10%, color-mix(in srgb, #3399FF 25%, transparent) 0%, color-mix(in srgb, #3399FF 0%, transparent) 60%)"
719
+ },
720
+ "--grad-data-pos": {
721
+ "value": "linear-gradient(180deg, color-mix(in srgb, var(--color-success-500) 35%, transparent) 0%, color-mix(in srgb, var(--color-success-500) 0%, transparent) 100%)",
722
+ "resolved": "linear-gradient(180deg, color-mix(in srgb, #1F8A4C 35%, transparent) 0%, color-mix(in srgb, #1F8A4C 0%, transparent) 100%)"
723
+ },
724
+ "--grad-data-neg": {
725
+ "value": "linear-gradient(180deg, color-mix(in srgb, var(--color-danger-500) 35%, transparent) 0%, color-mix(in srgb, var(--color-danger-500) 0%, transparent) 100%)",
726
+ "resolved": "linear-gradient(180deg, color-mix(in srgb, #C23934 35%, transparent) 0%, color-mix(in srgb, #C23934 0%, transparent) 100%)"
727
+ },
728
+ "--grad-data-brand": {
729
+ "value": "linear-gradient(180deg, color-mix(in srgb, var(--color-brand-accent-500) 30%, transparent) 0%, color-mix(in srgb, var(--color-brand-accent-500) 0%, transparent) 100%)",
730
+ "resolved": "linear-gradient(180deg, color-mix(in srgb, #3399FF 30%, transparent) 0%, color-mix(in srgb, #3399FF 0%, transparent) 100%)"
731
+ },
732
+ "--dataviz-cat-1": {
733
+ "value": "#003399",
734
+ "dark": "#6B95FB"
735
+ },
736
+ "--dataviz-cat-2": {
737
+ "value": "#3399FF",
738
+ "dark": "#7AB8FF"
739
+ },
740
+ "--dataviz-cat-3": {
741
+ "value": "#0F9A8C",
742
+ "dark": "#2BC2B1"
743
+ },
744
+ "--dataviz-cat-4": {
745
+ "value": "#C68A1A",
746
+ "dark": "#E0AC45"
747
+ },
748
+ "--dataviz-cat-5": {
749
+ "value": "#6B5CE0",
750
+ "dark": "#9385F2"
751
+ },
752
+ "--dataviz-cat-6": {
753
+ "value": "#CC4F7A",
754
+ "dark": "#E87BA1"
755
+ },
756
+ "--dataviz-cat-7": {
757
+ "value": "#18A0B8",
758
+ "dark": "#3FC4DC"
759
+ },
760
+ "--dataviz-cat-8": {
761
+ "value": "#5E6A82",
762
+ "dark": "#A6B0C4"
763
+ },
764
+ "--dataviz-seq-1": {
765
+ "value": "var(--color-brand-accent-100)",
766
+ "resolved": "#D9ECFF"
767
+ },
768
+ "--dataviz-seq-2": {
769
+ "value": "var(--color-brand-accent-200)",
770
+ "resolved": "#ADD2FF"
771
+ },
772
+ "--dataviz-seq-3": {
773
+ "value": "var(--color-brand-accent-300)",
774
+ "resolved": "#7AB8FF"
775
+ },
776
+ "--dataviz-seq-4": {
777
+ "value": "var(--color-brand-accent-500)",
778
+ "resolved": "#3399FF"
779
+ },
780
+ "--dataviz-seq-5": {
781
+ "value": "var(--color-brand-accent-700)",
782
+ "resolved": "#1E6DC4"
783
+ },
784
+ "--dataviz-seq-6": {
785
+ "value": "var(--color-brand-accent-900)",
786
+ "resolved": "#0E3B70"
787
+ },
788
+ "--dataviz-div-1": {
789
+ "value": "var(--color-danger-500)",
790
+ "resolved": "#C23934"
791
+ },
792
+ "--dataviz-div-2": {
793
+ "value": "var(--color-danger-300)",
794
+ "resolved": "#DE807A"
795
+ },
796
+ "--dataviz-div-3": {
797
+ "value": "var(--color-danger-100)",
798
+ "resolved": "#F7CFCD"
799
+ },
800
+ "--dataviz-div-mid": {
801
+ "value": "var(--color-neutral-100)",
802
+ "resolved": "#EDF0F5"
803
+ },
804
+ "--dataviz-div-5": {
805
+ "value": "var(--color-success-100)",
806
+ "resolved": "#CDEBD9"
807
+ },
808
+ "--dataviz-div-6": {
809
+ "value": "var(--color-success-300)",
810
+ "resolved": "#74B68C"
811
+ },
812
+ "--dataviz-div-7": {
813
+ "value": "var(--color-success-500)",
814
+ "resolved": "#1F8A4C"
815
+ },
816
+ "--dataviz-positive": {
817
+ "value": "var(--color-success-500)",
818
+ "resolved": "#1F8A4C"
819
+ },
820
+ "--dataviz-negative": {
821
+ "value": "var(--color-danger-500)",
822
+ "resolved": "#C23934"
823
+ },
824
+ "--dataviz-neutral": {
825
+ "value": "var(--color-neutral-400)",
826
+ "resolved": "#8A94A8"
827
+ },
828
+ "--dataviz-grid": {
829
+ "value": "var(--color-border-subtle)",
830
+ "resolved": "#EDF0F5"
831
+ },
832
+ "--dataviz-axis": {
833
+ "value": "var(--color-border-strong)",
834
+ "resolved": "#D6DCE7"
835
+ },
836
+ "--dataviz-axis-label": {
837
+ "value": "var(--color-foreground-muted)",
838
+ "resolved": "#5E6A82"
839
+ },
840
+ "--dataviz-track": {
841
+ "value": "var(--color-background-subtle)",
842
+ "resolved": "#F4F6FA"
843
+ },
844
+ "--dataviz-reference": {
845
+ "value": "var(--color-foreground-muted)",
846
+ "resolved": "#5E6A82"
847
+ },
848
+ "--glass-white": {
849
+ "value": "color-mix(in srgb, var(--color-pure-white) 58%, transparent)",
850
+ "resolved": "color-mix(in srgb, #FFFFFF 58%, transparent)"
851
+ },
852
+ "--glass-white-hi": {
853
+ "value": "color-mix(in srgb, var(--color-pure-white) 78%, transparent)",
854
+ "resolved": "color-mix(in srgb, #FFFFFF 78%, transparent)"
855
+ },
856
+ "--glass-white-lo": {
857
+ "value": "color-mix(in srgb, var(--color-pure-white) 38%, transparent)",
858
+ "resolved": "color-mix(in srgb, #FFFFFF 38%, transparent)"
859
+ },
860
+ "--glass-tint": {
861
+ "value": "color-mix(in srgb, var(--color-neutral-50) 55%, transparent)",
862
+ "resolved": "color-mix(in srgb, #F4F6FA 55%, transparent)"
863
+ },
864
+ "--glass-ink": {
865
+ "value": "color-mix(in srgb, var(--color-background-inverse) 55%, transparent)",
866
+ "resolved": "color-mix(in srgb, #0B1230 55%, transparent)"
867
+ },
868
+ "--glass-ink-hi": {
869
+ "value": "color-mix(in srgb, var(--color-background-inverse) 78%, transparent)",
870
+ "resolved": "color-mix(in srgb, #0B1230 78%, transparent)"
871
+ },
872
+ "--glass-ink-lo": {
873
+ "value": "color-mix(in srgb, var(--color-background-inverse) 35%, transparent)",
874
+ "resolved": "color-mix(in srgb, #0B1230 35%, transparent)"
875
+ },
876
+ "--glass-blur": {
877
+ "value": "saturate(140%) blur(18px)"
878
+ },
879
+ "--glass-blur-sm": {
880
+ "value": "saturate(130%) blur(10px)"
881
+ },
882
+ "--glass-blur-lg": {
883
+ "value": "saturate(160%) blur(28px)"
884
+ },
885
+ "--glass-border": {
886
+ "value": "1px solid color-mix(in srgb, var(--color-pure-white) 45%, transparent)",
887
+ "resolved": "1px solid color-mix(in srgb, #FFFFFF 45%, transparent)"
888
+ },
889
+ "--glass-border-dark": {
890
+ "value": "1px solid color-mix(in srgb, var(--color-pure-white) 10%, transparent)",
891
+ "resolved": "1px solid color-mix(in srgb, #FFFFFF 10%, transparent)"
892
+ },
893
+ "--radius-2xs": {
894
+ "value": "2px"
895
+ },
896
+ "--radius-xs": {
897
+ "value": "4px"
898
+ },
899
+ "--radius-sm": {
900
+ "value": "6px"
901
+ },
902
+ "--radius-sm-md": {
903
+ "value": "8px"
904
+ },
905
+ "--radius-md": {
906
+ "value": "10px"
907
+ },
908
+ "--radius-md-lg": {
909
+ "value": "12px"
910
+ },
911
+ "--radius-lg": {
912
+ "value": "14px"
913
+ },
914
+ "--radius-lg-xl": {
915
+ "value": "16px"
916
+ },
917
+ "--radius-xl": {
918
+ "value": "20px"
919
+ },
920
+ "--radius-2xl": {
921
+ "value": "28px"
922
+ },
923
+ "--radius-pill": {
924
+ "value": "999px"
925
+ },
926
+ "--shadow-xs": {
927
+ "value": "0 1px 2px color-mix(in srgb, var(--color-shadow-tint) 5%, transparent)",
928
+ "resolved": "0 1px 2px color-mix(in srgb, #0A0F1F 5%, transparent)"
929
+ },
930
+ "--shadow-sm": {
931
+ "value": "0 1px 2px color-mix(in srgb, var(--color-shadow-tint) 6%, transparent), 0 2px 6px color-mix(in srgb, var(--color-shadow-tint) 4%, transparent)",
932
+ "resolved": "0 1px 2px color-mix(in srgb, #0A0F1F 6%, transparent), 0 2px 6px color-mix(in srgb, #0A0F1F 4%, transparent)"
933
+ },
934
+ "--shadow-md": {
935
+ "value": "0 2px 4px color-mix(in srgb, var(--color-shadow-tint) 6%, transparent), 0 8px 20px color-mix(in srgb, var(--color-shadow-tint) 6%, transparent)",
936
+ "resolved": "0 2px 4px color-mix(in srgb, #0A0F1F 6%, transparent), 0 8px 20px color-mix(in srgb, #0A0F1F 6%, transparent)"
937
+ },
938
+ "--shadow-lg": {
939
+ "value": "0 4px 8px color-mix(in srgb, var(--color-shadow-tint) 6%, transparent), 0 20px 40px color-mix(in srgb, var(--color-shadow-tint) 10%, transparent)",
940
+ "resolved": "0 4px 8px color-mix(in srgb, #0A0F1F 6%, transparent), 0 20px 40px color-mix(in srgb, #0A0F1F 10%, transparent)"
941
+ },
942
+ "--shadow-xl": {
943
+ "value": "0 12px 24px color-mix(in srgb, var(--color-shadow-tint) 10%, transparent), 0 32px 80px color-mix(in srgb, var(--color-shadow-tint) 18%, transparent)",
944
+ "resolved": "0 12px 24px color-mix(in srgb, #0A0F1F 10%, transparent), 0 32px 80px color-mix(in srgb, #0A0F1F 18%, transparent)"
945
+ },
946
+ "--shadow-2xl": {
947
+ "value": "0 24px 48px color-mix(in srgb, var(--color-shadow-tint) 14%, transparent), 0 48px 120px color-mix(in srgb, var(--color-shadow-tint) 24%, transparent)",
948
+ "resolved": "0 24px 48px color-mix(in srgb, #0A0F1F 14%, transparent), 0 48px 120px color-mix(in srgb, #0A0F1F 24%, transparent)"
949
+ },
950
+ "--shadow-focus": {
951
+ "value": "0 0 0 4px color-mix(in srgb, var(--color-brand-accent-500) 22%, transparent)",
952
+ "resolved": "0 0 0 4px color-mix(in srgb, #3399FF 22%, transparent)"
953
+ },
954
+ "--shadow-focus-sky": {
955
+ "value": "0 0 0 4px color-mix(in srgb, var(--color-brand-accent-500) 25%, transparent)",
956
+ "resolved": "0 0 0 4px color-mix(in srgb, #3399FF 25%, transparent)"
957
+ },
958
+ "--shadow-focus-success": {
959
+ "value": "0 0 0 4px color-mix(in srgb, var(--color-success-500) 22%, transparent)",
960
+ "resolved": "0 0 0 4px color-mix(in srgb, #1F8A4C 22%, transparent)"
961
+ },
962
+ "--shadow-focus-warning": {
963
+ "value": "0 0 0 4px color-mix(in srgb, var(--color-warning-500) 22%, transparent)",
964
+ "resolved": "0 0 0 4px color-mix(in srgb, #B47A12 22%, transparent)"
965
+ },
966
+ "--shadow-focus-danger": {
967
+ "value": "0 0 0 4px color-mix(in srgb, var(--color-danger-500) 22%, transparent)",
968
+ "resolved": "0 0 0 4px color-mix(in srgb, #C23934 22%, transparent)"
969
+ },
970
+ "--shadow-focus-info": {
971
+ "value": "0 0 0 4px color-mix(in srgb, var(--color-info-500) 22%, transparent)",
972
+ "resolved": "0 0 0 4px color-mix(in srgb, #1F6BC7 22%, transparent)"
973
+ },
974
+ "--shadow-success-sm": {
975
+ "value": "0 1px 2px color-mix(in srgb, var(--shadow-tint-success-color) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--shadow-tint-success-color) 12%, transparent)",
976
+ "resolved": "0 1px 2px color-mix(in srgb, #0A3D21 8%, transparent), 0 4px 12px color-mix(in srgb, #0A3D21 12%, transparent)"
977
+ },
978
+ "--shadow-success-md": {
979
+ "value": "0 4px 8px color-mix(in srgb, var(--shadow-tint-success-color) 10%, transparent), 0 16px 32px color-mix(in srgb, var(--shadow-tint-success-color) 16%, transparent)",
980
+ "resolved": "0 4px 8px color-mix(in srgb, #0A3D21 10%, transparent), 0 16px 32px color-mix(in srgb, #0A3D21 16%, transparent)"
981
+ },
982
+ "--shadow-warning-sm": {
983
+ "value": "0 1px 2px color-mix(in srgb, var(--shadow-tint-warning-color) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--shadow-tint-warning-color) 12%, transparent)",
984
+ "resolved": "0 1px 2px color-mix(in srgb, #4F3105 8%, transparent), 0 4px 12px color-mix(in srgb, #4F3105 12%, transparent)"
985
+ },
986
+ "--shadow-warning-md": {
987
+ "value": "0 4px 8px color-mix(in srgb, var(--shadow-tint-warning-color) 10%, transparent), 0 16px 32px color-mix(in srgb, var(--shadow-tint-warning-color) 16%, transparent)",
988
+ "resolved": "0 4px 8px color-mix(in srgb, #4F3105 10%, transparent), 0 16px 32px color-mix(in srgb, #4F3105 16%, transparent)"
989
+ },
990
+ "--shadow-danger-sm": {
991
+ "value": "0 1px 2px color-mix(in srgb, var(--shadow-tint-danger-color) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--shadow-tint-danger-color) 14%, transparent)",
992
+ "resolved": "0 1px 2px color-mix(in srgb, #4F1512 8%, transparent), 0 4px 12px color-mix(in srgb, #4F1512 14%, transparent)"
993
+ },
994
+ "--shadow-danger-md": {
995
+ "value": "0 4px 8px color-mix(in srgb, var(--shadow-tint-danger-color) 12%, transparent), 0 16px 32px color-mix(in srgb, var(--shadow-tint-danger-color) 18%, transparent)",
996
+ "resolved": "0 4px 8px color-mix(in srgb, #4F1512 12%, transparent), 0 16px 32px color-mix(in srgb, #4F1512 18%, transparent)"
997
+ },
998
+ "--shadow-info-sm": {
999
+ "value": "0 1px 2px color-mix(in srgb, var(--shadow-tint-info-color) 8%, transparent), 0 4px 12px color-mix(in srgb, var(--shadow-tint-info-color) 12%, transparent)",
1000
+ "resolved": "0 1px 2px color-mix(in srgb, #072951 8%, transparent), 0 4px 12px color-mix(in srgb, #072951 12%, transparent)"
1001
+ },
1002
+ "--shadow-info-md": {
1003
+ "value": "0 4px 8px color-mix(in srgb, var(--shadow-tint-info-color) 10%, transparent), 0 16px 32px color-mix(in srgb, var(--shadow-tint-info-color) 16%, transparent)",
1004
+ "resolved": "0 4px 8px color-mix(in srgb, #072951 10%, transparent), 0 16px 32px color-mix(in srgb, #072951 16%, transparent)"
1005
+ },
1006
+ "--shadow-inset": {
1007
+ "value": "inset 0 1px 0 color-mix(in srgb, var(--color-pure-white) 60%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--color-shadow-tint) 4%, transparent)",
1008
+ "resolved": "inset 0 1px 0 color-mix(in srgb, #FFFFFF 60%, transparent), inset 0 -1px 0 color-mix(in srgb, #0A0F1F 4%, transparent)"
1009
+ },
1010
+ "--shadow-glass": {
1011
+ "value": "0 1px 0 color-mix(in srgb, var(--color-pure-white) 50%, transparent) inset, 0 10px 30px color-mix(in srgb, var(--color-shadow-tint) 12%, transparent)",
1012
+ "resolved": "0 1px 0 color-mix(in srgb, #FFFFFF 50%, transparent) inset, 0 10px 30px color-mix(in srgb, #0A0F1F 12%, transparent)"
1013
+ },
1014
+ "--shadow-glass-dark": {
1015
+ "value": "0 1px 0 color-mix(in srgb, var(--color-pure-white) 8%, transparent) inset, 0 10px 40px color-mix(in srgb, var(--color-pure-black) 35%, transparent)",
1016
+ "resolved": "0 1px 0 color-mix(in srgb, #FFFFFF 8%, transparent) inset, 0 10px 40px color-mix(in srgb, #000000 35%, transparent)"
1017
+ },
1018
+ "--space-0": {
1019
+ "value": "0"
1020
+ },
1021
+ "--space-1": {
1022
+ "value": "2px"
1023
+ },
1024
+ "--space-2": {
1025
+ "value": "4px"
1026
+ },
1027
+ "--space-2-5": {
1028
+ "value": "6px"
1029
+ },
1030
+ "--space-3": {
1031
+ "value": "8px"
1032
+ },
1033
+ "--space-3-5": {
1034
+ "value": "10px"
1035
+ },
1036
+ "--space-4": {
1037
+ "value": "12px"
1038
+ },
1039
+ "--space-4-5": {
1040
+ "value": "14px"
1041
+ },
1042
+ "--space-5": {
1043
+ "value": "16px"
1044
+ },
1045
+ "--space-6": {
1046
+ "value": "20px"
1047
+ },
1048
+ "--space-7": {
1049
+ "value": "24px"
1050
+ },
1051
+ "--space-8": {
1052
+ "value": "32px"
1053
+ },
1054
+ "--space-9": {
1055
+ "value": "40px"
1056
+ },
1057
+ "--space-10": {
1058
+ "value": "48px"
1059
+ },
1060
+ "--space-12": {
1061
+ "value": "64px"
1062
+ },
1063
+ "--space-14": {
1064
+ "value": "80px"
1065
+ },
1066
+ "--space-16": {
1067
+ "value": "96px"
1068
+ },
1069
+ "--icon-xs": {
1070
+ "value": "12px"
1071
+ },
1072
+ "--icon-sm": {
1073
+ "value": "14px"
1074
+ },
1075
+ "--icon-md": {
1076
+ "value": "16px"
1077
+ },
1078
+ "--icon-lg": {
1079
+ "value": "20px"
1080
+ },
1081
+ "--icon-xl": {
1082
+ "value": "24px"
1083
+ },
1084
+ "--icon-stroke": {
1085
+ "value": "1.75"
1086
+ },
1087
+ "--icon-stroke-bold": {
1088
+ "value": "2"
1089
+ },
1090
+ "--icon-stroke-thin": {
1091
+ "value": "1.5"
1092
+ },
1093
+ "--ease-standard": {
1094
+ "value": "cubic-bezier(.2, .8, .2, 1)"
1095
+ },
1096
+ "--ease-emphasis": {
1097
+ "value": "cubic-bezier(.2, .9, .15, 1)"
1098
+ },
1099
+ "--ease-linear": {
1100
+ "value": "linear"
1101
+ },
1102
+ "--duration-instant": {
1103
+ "value": "80ms"
1104
+ },
1105
+ "--duration-fast": {
1106
+ "value": "140ms"
1107
+ },
1108
+ "--duration-base": {
1109
+ "value": "200ms"
1110
+ },
1111
+ "--duration-slow": {
1112
+ "value": "320ms"
1113
+ },
1114
+ "--duration-slower": {
1115
+ "value": "480ms"
1116
+ },
1117
+ "--duration-deliberate": {
1118
+ "value": "640ms"
1119
+ },
1120
+ "--transition-fast": {
1121
+ "value": "140ms var(--ease-standard)",
1122
+ "resolved": "140ms cubic-bezier(.2, .8, .2, 1)"
1123
+ },
1124
+ "--transition-base": {
1125
+ "value": "200ms var(--ease-standard)",
1126
+ "resolved": "200ms cubic-bezier(.2, .8, .2, 1)"
1127
+ },
1128
+ "--transition-slow": {
1129
+ "value": "320ms var(--ease-standard)",
1130
+ "resolved": "320ms cubic-bezier(.2, .8, .2, 1)"
1131
+ },
1132
+ "--font-sans": {
1133
+ "value": "'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
1134
+ },
1135
+ "--font-mono": {
1136
+ "value": "'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace"
1137
+ },
1138
+ "--font-display": {
1139
+ "value": "'Lato', -apple-system, BlinkMacSystemFont, sans-serif"
1140
+ },
1141
+ "--w-light": {
1142
+ "value": "300"
1143
+ },
1144
+ "--w-regular": {
1145
+ "value": "400"
1146
+ },
1147
+ "--w-medium": {
1148
+ "value": "500"
1149
+ },
1150
+ "--w-semibold": {
1151
+ "value": "600"
1152
+ },
1153
+ "--w-bold": {
1154
+ "value": "700"
1155
+ },
1156
+ "--w-extrabold": {
1157
+ "value": "800"
1158
+ },
1159
+ "--w-black": {
1160
+ "value": "900"
1161
+ },
1162
+ "--fs-xxs": {
1163
+ "value": "10px"
1164
+ },
1165
+ "--fs-xs": {
1166
+ "value": "11px"
1167
+ },
1168
+ "--fs-sm": {
1169
+ "value": "12px"
1170
+ },
1171
+ "--fs-md": {
1172
+ "value": "13px"
1173
+ },
1174
+ "--fs-base": {
1175
+ "value": "14px"
1176
+ },
1177
+ "--fs-lg": {
1178
+ "value": "16px"
1179
+ },
1180
+ "--fs-xl": {
1181
+ "value": "18px"
1182
+ },
1183
+ "--fs-2xl": {
1184
+ "value": "20px"
1185
+ },
1186
+ "--fs-3xl": {
1187
+ "value": "24px"
1188
+ },
1189
+ "--fs-4xl": {
1190
+ "value": "28px"
1191
+ },
1192
+ "--fs-5xl": {
1193
+ "value": "32px"
1194
+ },
1195
+ "--fs-6xl": {
1196
+ "value": "40px"
1197
+ },
1198
+ "--fs-7xl": {
1199
+ "value": "56px"
1200
+ },
1201
+ "--fs-8xl": {
1202
+ "value": "72px"
1203
+ },
1204
+ "--lh-tight": {
1205
+ "value": "1.15"
1206
+ },
1207
+ "--lh-snug": {
1208
+ "value": "1.3"
1209
+ },
1210
+ "--lh-normal": {
1211
+ "value": "1.5"
1212
+ },
1213
+ "--lh-relaxed": {
1214
+ "value": "1.65"
1215
+ },
1216
+ "--ls-display": {
1217
+ "value": "-0.03em"
1218
+ },
1219
+ "--ls-tight": {
1220
+ "value": "-0.01em"
1221
+ },
1222
+ "--ls-title": {
1223
+ "value": "-0.015em"
1224
+ },
1225
+ "--ls-body": {
1226
+ "value": "0em"
1227
+ },
1228
+ "--ls-label": {
1229
+ "value": "0.02em"
1230
+ },
1231
+ "--ls-caps": {
1232
+ "value": "0.08em"
1233
+ }
1234
+ }
1235
1235
  }