@lemmo-lab/tokens 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,872 @@
1
+ /**
2
+ * @lemmo-lab/tokens - JavaScript / TypeScript token exports
3
+ * Single Source of Truth
4
+ */
5
+
6
+ export const core = {
7
+ "color": {
8
+ "brand": {
9
+ "lime": "#d1fe17",
10
+ "limeHover": "#c4ee0b",
11
+ "limeEdge": "#829b19",
12
+ "pink": "#ff005b",
13
+ "pinkLight": "#fb398c",
14
+ "pinkDeep": "#ed1572",
15
+ "pinkMaroon": "#d1004e",
16
+ "pinkBase": "#8b006a",
17
+ "blue": "#0256fe",
18
+ "blueLight": "#245ef1",
19
+ "blueDeep": "#1544ed",
20
+ "blueOverlayA": "#1d63ef",
21
+ "blueOverlayB": "#5150d0",
22
+ "cyan": "#3c8cff",
23
+ "cyanSoft": "#9ce6f3",
24
+ "cyanGlow": "#3cd8ff",
25
+ "violet": "#853cb0",
26
+ "violetDeep": "#b02df2"
27
+ },
28
+ "dark": {
29
+ "pagePrimary": "#131517",
30
+ "appBackground": "#131416",
31
+ "surfaceTertiary": "#0f1113",
32
+ "surfacePrimary": "#1c1e20",
33
+ "surfaceSecondary": "#23262a",
34
+ "surfaceElevated": "#18191c",
35
+ "surfaceGlass": "rgba(15, 17, 19, 0.88)",
36
+ "fontPrimary": "#e1e1e3",
37
+ "fontSecondary": "#a1a1a5",
38
+ "fontMuted": "#898a8b",
39
+ "fontFaint": "#737475",
40
+ "fontOnBrand": "#131517",
41
+ "fontReverted": "#060515",
42
+ "separatorCard": "rgba(217, 217, 217, 0.04)",
43
+ "borderSoft": "rgba(255, 255, 255, 0.04)",
44
+ "borderMid": "rgba(255, 255, 255, 0.05)",
45
+ "borderStrong": "rgba(255, 255, 255, 0.1)"
46
+ },
47
+ "light": {
48
+ "pagePrimary": "#f8f9fa",
49
+ "appBackground": "#f1f3f5",
50
+ "surfaceTertiary": "#ffffff",
51
+ "surfacePrimary": "#ffffff",
52
+ "surfaceSecondary": "#e9ecef",
53
+ "surfaceElevated": "#ffffff",
54
+ "surfaceGlass": "rgba(255, 255, 255, 0.88)",
55
+ "fontPrimary": "#131517",
56
+ "fontSecondary": "#495057",
57
+ "fontMuted": "#6c757d",
58
+ "fontFaint": "#adb5bd",
59
+ "fontOnBrand": "#131517",
60
+ "fontReverted": "#ffffff",
61
+ "separatorCard": "rgba(0, 0, 0, 0.06)",
62
+ "borderSoft": "rgba(0, 0, 0, 0.08)",
63
+ "borderMid": "rgba(0, 0, 0, 0.12)",
64
+ "borderStrong": "rgba(0, 0, 0, 0.18)"
65
+ },
66
+ "neon": {
67
+ "pagePrimary": "#08090a",
68
+ "appBackground": "#0d0f12",
69
+ "surfaceTertiary": "#060708",
70
+ "surfacePrimary": "#12151a",
71
+ "surfaceSecondary": "#181c24",
72
+ "surfaceElevated": "#1c212b",
73
+ "surfaceGlass": "rgba(8, 9, 10, 0.9)",
74
+ "brandLime": "#00ff66",
75
+ "brandCyan": "#00f0ff",
76
+ "brandPink": "#ff007f",
77
+ "fontPrimary": "#f0f6fc",
78
+ "fontSecondary": "#9db1c5",
79
+ "fontMuted": "#697e94",
80
+ "fontFaint": "#465668",
81
+ "borderSoft": "rgba(0, 240, 255, 0.15)",
82
+ "borderMid": "rgba(0, 240, 255, 0.25)",
83
+ "borderStrong": "rgba(0, 240, 255, 0.45)"
84
+ },
85
+ "midnight": {
86
+ "pagePrimary": "#000000",
87
+ "appBackground": "#000000",
88
+ "surfaceTertiary": "#050505",
89
+ "surfacePrimary": "#0c0c0c",
90
+ "surfaceSecondary": "#161616",
91
+ "surfaceElevated": "#1e1e1e",
92
+ "surfaceGlass": "rgba(0, 0, 0, 0.92)",
93
+ "fontPrimary": "#ffffff",
94
+ "fontSecondary": "#999999",
95
+ "fontMuted": "#666666",
96
+ "fontFaint": "#444444",
97
+ "borderSoft": "rgba(255, 255, 255, 0.08)",
98
+ "borderMid": "rgba(255, 255, 255, 0.12)",
99
+ "borderStrong": "rgba(255, 255, 255, 0.2)"
100
+ },
101
+ "status": {
102
+ "danger": {
103
+ "fg": "#fa0019",
104
+ "fgSoft": "#ff5462",
105
+ "bg": "#5c000f",
106
+ "glow": "#ff1f2e",
107
+ "lightFg": "#d90429",
108
+ "lightFgSoft": "#b7094c",
109
+ "lightBg": "#ffe3e3",
110
+ "lightGlow": "#ff8787"
111
+ },
112
+ "warning": {
113
+ "fg": "#dfab01",
114
+ "fgSoft": "#ffef33",
115
+ "bg": "#523f00",
116
+ "glow": "#fff05a",
117
+ "lightFg": "#e85d04",
118
+ "lightFgSoft": "#d00000",
119
+ "lightBg": "#fff3bf",
120
+ "lightGlow": "#ffe066"
121
+ },
122
+ "success": {
123
+ "fg": "#2eb844",
124
+ "fgSoft": "#4ee466",
125
+ "bg": "#0d4a17",
126
+ "glow": "#00e62e",
127
+ "lightFg": "#2b9348",
128
+ "lightFgSoft": "#1b4332",
129
+ "lightBg": "#d3f9d8",
130
+ "lightGlow": "#8ce99a"
131
+ },
132
+ "info": {
133
+ "fg": "#0256fe",
134
+ "fgSoft": "#5b91fe",
135
+ "bg": "#000d26",
136
+ "glow": "#3cd8ff",
137
+ "lightFg": "#0077b6",
138
+ "lightFgSoft": "#03045e",
139
+ "lightBg": "#e7f5ff",
140
+ "lightGlow": "#74c0fc"
141
+ }
142
+ },
143
+ "alpha": {
144
+ "white4": "rgba(255, 255, 255, 0.04)",
145
+ "white5": "rgba(255, 255, 255, 0.05)",
146
+ "white8": "rgba(255, 255, 255, 0.08)",
147
+ "white10": "rgba(255, 255, 255, 0.1)",
148
+ "white15": "rgba(255, 255, 255, 0.15)",
149
+ "white20": "rgba(255, 255, 255, 0.2)",
150
+ "white30": "rgba(255, 255, 255, 0.3)",
151
+ "white50": "rgba(255, 255, 255, 0.5)",
152
+ "white70": "rgba(255, 255, 255, 0.7)",
153
+ "black4": "rgba(0, 0, 0, 0.04)",
154
+ "black7": "rgba(0, 0, 0, 0.07)",
155
+ "black20": "rgba(0, 0, 0, 0.2)",
156
+ "black24": "rgba(0, 0, 0, 0.24)"
157
+ }
158
+ },
159
+ "elevation": {
160
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
161
+ "cardBase": "10px 34px 24px 0 rgba(0, 0, 0, 0.15)",
162
+ "buttonBrandInset": "inset 0 0.8px 0 0 #d1fe17, inset 0 -1.6px 0 0 #829b19, inset 0 -2.4px 0 0 #829b19",
163
+ "buttonBrand": "inset 0 0.8px 0 0 #d1fe17, inset 0 -1.6px 0 0 #829b19, inset 0 -2.4px 0 0 #829b19, 10px 34px 24px 0px rgba(0, 0, 0, 0.15)",
164
+ "glossInset": "inset 0 -2px 2px 0 rgba(255, 255, 255, 0.4), inset 0 2px 2px 0 rgba(255, 255, 255, 0.4)",
165
+ "glowBrand": "0 0 0.4rem color-mix(in srgb, #d1fe17 56%, transparent)"
166
+ },
167
+ "motion": {
168
+ "duration": {
169
+ "fast": "100ms",
170
+ "normal": "200ms",
171
+ "slow": "300ms",
172
+ "slower": "500ms",
173
+ "slider": "150ms",
174
+ "planSwap": "420ms",
175
+ "breathe": "1.8s"
176
+ },
177
+ "easing": {
178
+ "out": "ease-out",
179
+ "inOut": "ease-in-out",
180
+ "snap": "cubic-bezier(0.77, 0, 0.175, 1)",
181
+ "spring": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
182
+ "swift": "cubic-bezier(0.55, 0, 0.1, 1)",
183
+ "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
184
+ "outExpo": "cubic-bezier(0.16, 1, 0.3, 1)",
185
+ "outQuart": "cubic-bezier(0.165, 0.84, 0.44, 1)"
186
+ }
187
+ },
188
+ "radius": {
189
+ "0": "0",
190
+ "100": ".25rem",
191
+ "150": ".375rem",
192
+ "200": ".5rem",
193
+ "250": ".625rem",
194
+ "300": ".75rem",
195
+ "400": "1rem",
196
+ "500": "1.25rem",
197
+ "600": "1.5rem",
198
+ "base": ".5rem",
199
+ "050": ".125rem",
200
+ "full": "9999px"
201
+ },
202
+ "breakpoint": {
203
+ "base": "20rem",
204
+ "sm": "40rem",
205
+ "md": "48rem",
206
+ "lg": "64rem",
207
+ "xl": "80rem",
208
+ "2xl": "120rem",
209
+ "3xl": "158rem"
210
+ },
211
+ "stroke": {
212
+ "none": "0",
213
+ "hairline": "0.5px",
214
+ "thin": "1px",
215
+ "medium": "1.5px",
216
+ "thick": "2px"
217
+ },
218
+ "size": {
219
+ "control": {
220
+ "xs": "2rem",
221
+ "sm": "2.25rem",
222
+ "md": "2.5rem",
223
+ "lg": "2.75rem",
224
+ "xl": "3rem"
225
+ },
226
+ "icon": {
227
+ "xs": ".75rem",
228
+ "sm": "1rem",
229
+ "md": "1.25rem",
230
+ "lg": "1.5rem",
231
+ "xl": "1.75rem"
232
+ },
233
+ "header": {
234
+ "default": "3.25rem",
235
+ "compact": "2.25rem"
236
+ },
237
+ "container": {
238
+ "base": "100%",
239
+ "copy": "80rem",
240
+ "content": "56rem",
241
+ "wide": "96rem"
242
+ }
243
+ },
244
+ "spacing": {
245
+ "0": "0",
246
+ "50": ".125rem",
247
+ "100": ".25rem",
248
+ "150": ".375rem",
249
+ "200": ".5rem",
250
+ "250": ".625rem",
251
+ "300": ".75rem",
252
+ "400": "1rem",
253
+ "500": "1.25rem",
254
+ "600": "1.5rem",
255
+ "700": "1.75rem",
256
+ "800": "2rem",
257
+ "1000": "2.5rem",
258
+ "1200": "3rem",
259
+ "1400": "3.5rem",
260
+ "1600": "4rem",
261
+ "2000": "5rem",
262
+ "2400": "6rem"
263
+ },
264
+ "gap": {
265
+ "1": ".25rem",
266
+ "2": ".5rem",
267
+ "3": ".75rem",
268
+ "4": "1rem",
269
+ "0-5": ".125rem",
270
+ "1-5": ".375rem",
271
+ "2-5": ".625rem",
272
+ "cardGrid": ".5rem",
273
+ "cardInner": ".5rem",
274
+ "sectionSm": "2.5rem",
275
+ "sectionLg": "5rem"
276
+ },
277
+ "typography": {
278
+ "fontFamily": {
279
+ "satoshi": "'Satoshi', sans-serif",
280
+ "oddval": "'Oddval', 'Satoshi', sans-serif",
281
+ "morabba": "'Morabba', sans-serif",
282
+ "iransans": "'IRANSans', sans-serif",
283
+ "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
284
+ },
285
+ "fontWeight": {
286
+ "regular": 400,
287
+ "medium": 500,
288
+ "cta": 510,
289
+ "semiBold": 600,
290
+ "bold": 700,
291
+ "black": 900
292
+ },
293
+ "fontSize": {
294
+ "100": ".75rem",
295
+ "200": ".875rem",
296
+ "300": "1rem",
297
+ "400": "1.125rem",
298
+ "500": "1.25rem",
299
+ "600": "1.5rem",
300
+ "700": "1.75rem",
301
+ "800": "2rem",
302
+ "900": "2.25rem",
303
+ "1000": "2.5rem",
304
+ "1100": "3rem",
305
+ "1200": "3.5rem",
306
+ "1300": "4rem",
307
+ "1400": "4.5rem",
308
+ "050": ".625rem"
309
+ },
310
+ "lineHeight": {
311
+ "300": "1rem",
312
+ "400": "1.125rem",
313
+ "500": "1.25rem",
314
+ "600": "1.5rem",
315
+ "700": "1.75rem",
316
+ "800": "2rem",
317
+ "900": "2.25rem",
318
+ "1000": "2.5rem",
319
+ "1100": "2.75rem",
320
+ "1200": "3rem",
321
+ "1300": "4rem",
322
+ "1400": "4.5rem"
323
+ },
324
+ "letterSpacing": {
325
+ "none": "0",
326
+ "slight": "-0.025rem",
327
+ "tight": "-0.075rem",
328
+ "loose": "0.00625rem",
329
+ "wide": "0.0125rem",
330
+ "xxs": "-0.3px",
331
+ "5xl": "-1.2px",
332
+ "heading": "-2%",
333
+ "caps": "-4%",
334
+ "label": "0.2px",
335
+ "caption": "0",
336
+ "tableHead": "-0.56px"
337
+ },
338
+ "leadingFactor": {
339
+ "en": 1,
340
+ "fa": 1.15
341
+ }
342
+ }
343
+ };
344
+
345
+ export const semantic = {
346
+ "color": {
347
+ "page": {
348
+ "background": "#131517",
349
+ "foreground": "#e1e1e3"
350
+ },
351
+ "surface": {
352
+ "primary": {
353
+ "background": "#1c1e20",
354
+ "foreground": "#e1e1e3"
355
+ },
356
+ "secondary": {
357
+ "background": "#23262a",
358
+ "foreground": "#a1a1a5"
359
+ },
360
+ "tertiary": {
361
+ "background": "#0f1113",
362
+ "foreground": "#e1e1e3"
363
+ },
364
+ "elevated": {
365
+ "background": "#18191c",
366
+ "foreground": "#e1e1e3"
367
+ },
368
+ "glass": {
369
+ "background": "rgba(15, 17, 19, 0.88)",
370
+ "foreground": "#e1e1e3"
371
+ },
372
+ "brand": {
373
+ "background": "#d1fe17",
374
+ "foreground": "#131517"
375
+ }
376
+ },
377
+ "text": {
378
+ "primary": "#e1e1e3",
379
+ "secondary": "#a1a1a5",
380
+ "muted": "#898a8b",
381
+ "faint": "#737475",
382
+ "onBrand": "#131517",
383
+ "reverted": "#060515",
384
+ "danger": "#ff5462",
385
+ "warning": "#dfab01",
386
+ "success": "#4ee466",
387
+ "info": "#5b91fe"
388
+ },
389
+ "border": {
390
+ "default": "rgba(255, 255, 255, 0.1)",
391
+ "subtle": "rgba(255, 255, 255, 0.04)",
392
+ "mid": "rgba(255, 255, 255, 0.05)",
393
+ "danger": "#fa0019",
394
+ "warning": "#dfab01",
395
+ "success": "#2eb844",
396
+ "info": "#0256fe"
397
+ },
398
+ "interactive": {
399
+ "primary": {
400
+ "background": "#d1fe17",
401
+ "foreground": "#131517",
402
+ "hover": "#c4ee0b"
403
+ },
404
+ "secondary": {
405
+ "background": "#0256fe",
406
+ "foreground": "#e1e1e3",
407
+ "hover": "#245ef1"
408
+ }
409
+ },
410
+ "status": {
411
+ "danger": {
412
+ "background": "#5c000f",
413
+ "foreground": "#ff5462",
414
+ "border": "#fa0019",
415
+ "glow": "{color.status.danger.glow}"
416
+ },
417
+ "warning": {
418
+ "background": "#523f00",
419
+ "foreground": "#ffef33",
420
+ "border": "#dfab01",
421
+ "glow": "{color.status.warning.glow}"
422
+ },
423
+ "success": {
424
+ "background": "#0d4a17",
425
+ "foreground": "#4ee466",
426
+ "border": "#2eb844",
427
+ "glow": "{color.status.success.glow}"
428
+ },
429
+ "info": {
430
+ "background": "#000d26",
431
+ "foreground": "#5b91fe",
432
+ "border": "#0256fe",
433
+ "glow": "{color.status.info.glow}"
434
+ }
435
+ }
436
+ },
437
+ "radius": {
438
+ "base": "{radius.base}",
439
+ "badge": "calc({radius.base} * 0.75)",
440
+ "control": "{radius.base}",
441
+ "card": "calc({radius.base} * 1.5)",
442
+ "media": "calc({radius.base} * 2)",
443
+ "featuredCard": "calc({radius.base} * 2.5)",
444
+ "mediaLg": "calc({radius.base} * 3)",
445
+ "pill": "9999px"
446
+ },
447
+ "typography": {
448
+ "heading": "'Oddval', 'Satoshi', sans-serif",
449
+ "headingFa": "'Morabba', sans-serif",
450
+ "body": "'Satoshi', sans-serif",
451
+ "bodyFa": "'IRANSans', sans-serif",
452
+ "numeric": "'Satoshi', sans-serif",
453
+ "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
454
+ }
455
+ };
456
+
457
+ export const themes = {
458
+ "default": {
459
+ "name": "default",
460
+ "color": {
461
+ "page": {
462
+ "background": "#131517",
463
+ "foreground": "#e1e1e3"
464
+ },
465
+ "surface": {
466
+ "primary": {
467
+ "background": "#1c1e20",
468
+ "foreground": "#e1e1e3"
469
+ },
470
+ "secondary": {
471
+ "background": "#23262a",
472
+ "foreground": "#a1a1a5"
473
+ },
474
+ "tertiary": {
475
+ "background": "#0f1113",
476
+ "foreground": "#e1e1e3"
477
+ },
478
+ "elevated": {
479
+ "background": "#18191c",
480
+ "foreground": "#e1e1e3"
481
+ },
482
+ "glass": {
483
+ "background": "rgba(15, 17, 19, 0.88)",
484
+ "foreground": "#e1e1e3"
485
+ },
486
+ "brand": {
487
+ "background": "#d1fe17",
488
+ "foreground": "#131517"
489
+ }
490
+ },
491
+ "text": {
492
+ "primary": "#e1e1e3",
493
+ "secondary": "#a1a1a5",
494
+ "muted": "#898a8b",
495
+ "faint": "#737475",
496
+ "onBrand": "#131517",
497
+ "reverted": "#060515",
498
+ "danger": "#ff5462",
499
+ "warning": "#dfab01",
500
+ "success": "#4ee466",
501
+ "info": "#5b91fe"
502
+ },
503
+ "border": {
504
+ "default": "rgba(255, 255, 255, 0.1)",
505
+ "subtle": "rgba(255, 255, 255, 0.04)",
506
+ "mid": "rgba(255, 255, 255, 0.05)",
507
+ "danger": "#fa0019",
508
+ "warning": "#dfab01",
509
+ "success": "#2eb844",
510
+ "info": "#0256fe"
511
+ },
512
+ "interactive": {
513
+ "primary": {
514
+ "background": "#d1fe17",
515
+ "foreground": "#131517",
516
+ "hover": "#c4ee0b"
517
+ },
518
+ "secondary": {
519
+ "background": "#0256fe",
520
+ "foreground": "#e1e1e3",
521
+ "hover": "#245ef1"
522
+ }
523
+ },
524
+ "status": {
525
+ "danger": {
526
+ "background": "#5c000f",
527
+ "foreground": "#ff5462",
528
+ "border": "#fa0019",
529
+ "glow": "{color.status.danger.glow}"
530
+ },
531
+ "warning": {
532
+ "background": "#523f00",
533
+ "foreground": "#ffef33",
534
+ "border": "#dfab01",
535
+ "glow": "{color.status.warning.glow}"
536
+ },
537
+ "success": {
538
+ "background": "#0d4a17",
539
+ "foreground": "#4ee466",
540
+ "border": "#2eb844",
541
+ "glow": "{color.status.success.glow}"
542
+ },
543
+ "info": {
544
+ "background": "#000d26",
545
+ "foreground": "#5b91fe",
546
+ "border": "#0256fe",
547
+ "glow": "{color.status.info.glow}"
548
+ }
549
+ }
550
+ },
551
+ "radius": {
552
+ "base": "{radius.base}"
553
+ },
554
+ "shadow": {
555
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
556
+ "cardBase": "10px 34px 24px 0 rgba(0, 0, 0, 0.15)"
557
+ }
558
+ },
559
+ "light": {
560
+ "name": "light",
561
+ "color": {
562
+ "page": {
563
+ "background": "#f8f9fa",
564
+ "foreground": "#131517"
565
+ },
566
+ "surface": {
567
+ "primary": {
568
+ "background": "#ffffff",
569
+ "foreground": "#131517"
570
+ },
571
+ "secondary": {
572
+ "background": "#e9ecef",
573
+ "foreground": "#495057"
574
+ },
575
+ "tertiary": {
576
+ "background": "#ffffff",
577
+ "foreground": "#131517"
578
+ },
579
+ "elevated": {
580
+ "background": "#ffffff",
581
+ "foreground": "#131517"
582
+ },
583
+ "glass": {
584
+ "background": "rgba(255, 255, 255, 0.88)",
585
+ "foreground": "#131517"
586
+ },
587
+ "brand": {
588
+ "background": "#d1fe17",
589
+ "foreground": "#131517"
590
+ }
591
+ },
592
+ "text": {
593
+ "primary": "#131517",
594
+ "secondary": "#495057",
595
+ "muted": "#6c757d",
596
+ "faint": "#adb5bd",
597
+ "onBrand": "#131517",
598
+ "reverted": "#ffffff",
599
+ "danger": "#b7094c",
600
+ "warning": "#d00000",
601
+ "success": "#1b4332",
602
+ "info": "#03045e"
603
+ },
604
+ "border": {
605
+ "default": "rgba(0, 0, 0, 0.18)",
606
+ "subtle": "rgba(0, 0, 0, 0.08)",
607
+ "mid": "rgba(0, 0, 0, 0.12)",
608
+ "danger": "#d90429",
609
+ "warning": "#e85d04",
610
+ "success": "#2b9348",
611
+ "info": "#0077b6"
612
+ },
613
+ "interactive": {
614
+ "primary": {
615
+ "background": "#d1fe17",
616
+ "foreground": "#131517",
617
+ "hover": "#c4ee0b"
618
+ },
619
+ "secondary": {
620
+ "background": "#0256fe",
621
+ "foreground": "#ffffff",
622
+ "hover": "#1544ed"
623
+ }
624
+ },
625
+ "status": {
626
+ "danger": {
627
+ "background": "#ffe3e3",
628
+ "foreground": "#b7094c",
629
+ "border": "#d90429",
630
+ "glow": "#ff8787"
631
+ },
632
+ "warning": {
633
+ "background": "#fff3bf",
634
+ "foreground": "#d00000",
635
+ "border": "#e85d04",
636
+ "glow": "#ffe066"
637
+ },
638
+ "success": {
639
+ "background": "#d3f9d8",
640
+ "foreground": "#1b4332",
641
+ "border": "#2b9348",
642
+ "glow": "#8ce99a"
643
+ },
644
+ "info": {
645
+ "background": "#e7f5ff",
646
+ "foreground": "#03045e",
647
+ "border": "#0077b6",
648
+ "glow": "#74c0fc"
649
+ }
650
+ }
651
+ },
652
+ "radius": {
653
+ "base": "{radius.base}"
654
+ },
655
+ "shadow": {
656
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.08)",
657
+ "cardBase": "0 4px 20px rgba(0, 0, 0, 0.05)"
658
+ }
659
+ },
660
+ "midnight": {
661
+ "name": "midnight",
662
+ "color": {
663
+ "page": {
664
+ "background": "#000000",
665
+ "foreground": "#ffffff"
666
+ },
667
+ "surface": {
668
+ "primary": {
669
+ "background": "#0c0c0c",
670
+ "foreground": "#ffffff"
671
+ },
672
+ "secondary": {
673
+ "background": "#161616",
674
+ "foreground": "#999999"
675
+ },
676
+ "tertiary": {
677
+ "background": "#050505",
678
+ "foreground": "#ffffff"
679
+ },
680
+ "elevated": {
681
+ "background": "#1e1e1e",
682
+ "foreground": "#ffffff"
683
+ },
684
+ "glass": {
685
+ "background": "rgba(0, 0, 0, 0.92)",
686
+ "foreground": "#ffffff"
687
+ },
688
+ "brand": {
689
+ "background": "#ffffff",
690
+ "foreground": "#000000"
691
+ }
692
+ },
693
+ "text": {
694
+ "primary": "#ffffff",
695
+ "secondary": "#999999",
696
+ "muted": "#666666",
697
+ "faint": "#444444",
698
+ "onBrand": "#000000",
699
+ "reverted": "#000000",
700
+ "danger": "#ff4d4f",
701
+ "warning": "#faad14",
702
+ "success": "#52c41a",
703
+ "info": "#1890ff"
704
+ },
705
+ "border": {
706
+ "default": "rgba(255, 255, 255, 0.2)",
707
+ "subtle": "rgba(255, 255, 255, 0.08)",
708
+ "mid": "rgba(255, 255, 255, 0.12)",
709
+ "danger": "#ff4d4f",
710
+ "warning": "#faad14",
711
+ "success": "#52c41a",
712
+ "info": "#1890ff"
713
+ },
714
+ "interactive": {
715
+ "primary": {
716
+ "background": "#ffffff",
717
+ "foreground": "#000000",
718
+ "hover": "#e6e6e6"
719
+ },
720
+ "secondary": {
721
+ "background": "#1f1f1f",
722
+ "foreground": "#ffffff",
723
+ "hover": "#2a2a2a"
724
+ }
725
+ },
726
+ "status": {
727
+ "danger": {
728
+ "background": "#2a0a0a",
729
+ "foreground": "#ff7875",
730
+ "border": "#ff4d4f",
731
+ "glow": "#ff4d4f"
732
+ },
733
+ "warning": {
734
+ "background": "#2b1d00",
735
+ "foreground": "#ffc53d",
736
+ "border": "#faad14",
737
+ "glow": "#faad14"
738
+ },
739
+ "success": {
740
+ "background": "#092b00",
741
+ "foreground": "#73d13d",
742
+ "border": "#52c41a",
743
+ "glow": "#52c41a"
744
+ },
745
+ "info": {
746
+ "background": "#001d40",
747
+ "foreground": "#40a9ff",
748
+ "border": "#1890ff",
749
+ "glow": "#1890ff"
750
+ }
751
+ }
752
+ },
753
+ "radius": {
754
+ "base": "0px"
755
+ },
756
+ "shadow": {
757
+ "cardFeatured": "none",
758
+ "cardBase": "none"
759
+ }
760
+ },
761
+ "neon": {
762
+ "name": "neon",
763
+ "color": {
764
+ "page": {
765
+ "background": "#08090a",
766
+ "foreground": "#f0f6fc"
767
+ },
768
+ "surface": {
769
+ "primary": {
770
+ "background": "#12151a",
771
+ "foreground": "#f0f6fc"
772
+ },
773
+ "secondary": {
774
+ "background": "#181c24",
775
+ "foreground": "#9db1c5"
776
+ },
777
+ "tertiary": {
778
+ "background": "#060708",
779
+ "foreground": "#f0f6fc"
780
+ },
781
+ "elevated": {
782
+ "background": "#1c212b",
783
+ "foreground": "#f0f6fc"
784
+ },
785
+ "glass": {
786
+ "background": "rgba(8, 9, 10, 0.9)",
787
+ "foreground": "#f0f6fc"
788
+ },
789
+ "brand": {
790
+ "background": "#00ff66",
791
+ "foreground": "#000000"
792
+ }
793
+ },
794
+ "text": {
795
+ "primary": "#f0f6fc",
796
+ "secondary": "#9db1c5",
797
+ "muted": "#697e94",
798
+ "faint": "#465668",
799
+ "onBrand": "#000000",
800
+ "reverted": "#000000",
801
+ "danger": "#ff0055",
802
+ "warning": "#ffcc00",
803
+ "success": "#00ff88",
804
+ "info": "#00f0ff"
805
+ },
806
+ "border": {
807
+ "default": "rgba(0, 240, 255, 0.45)",
808
+ "subtle": "rgba(0, 240, 255, 0.15)",
809
+ "mid": "rgba(0, 240, 255, 0.25)",
810
+ "danger": "#ff0055",
811
+ "warning": "#ffcc00",
812
+ "success": "#00ff88",
813
+ "info": "#00f0ff"
814
+ },
815
+ "interactive": {
816
+ "primary": {
817
+ "background": "#00ff66",
818
+ "foreground": "#000000",
819
+ "hover": "#33ff85"
820
+ },
821
+ "secondary": {
822
+ "background": "#00f0ff",
823
+ "foreground": "#000000",
824
+ "hover": "#4df4ff"
825
+ }
826
+ },
827
+ "status": {
828
+ "danger": {
829
+ "background": "rgba(255, 0, 85, 0.15)",
830
+ "foreground": "#ff3377",
831
+ "border": "#ff0055",
832
+ "glow": "#ff0055"
833
+ },
834
+ "warning": {
835
+ "background": "rgba(255, 204, 0, 0.15)",
836
+ "foreground": "#ffdd33",
837
+ "border": "#ffcc00",
838
+ "glow": "#ffcc00"
839
+ },
840
+ "success": {
841
+ "background": "rgba(0, 255, 136, 0.15)",
842
+ "foreground": "#33ffa3",
843
+ "border": "#00ff88",
844
+ "glow": "#00ff88"
845
+ },
846
+ "info": {
847
+ "background": "rgba(0, 240, 255, 0.15)",
848
+ "foreground": "#4df4ff",
849
+ "border": "#00f0ff",
850
+ "glow": "#00f0ff"
851
+ }
852
+ }
853
+ },
854
+ "radius": {
855
+ "base": ".25rem"
856
+ },
857
+ "shadow": {
858
+ "cardFeatured": "0 0 25px rgba(0, 240, 255, 0.35)",
859
+ "cardBase": "0 0 15px rgba(0, 255, 102, 0.2)"
860
+ }
861
+ }
862
+ };
863
+
864
+ export const tokens = {
865
+ core,
866
+ semantic,
867
+ themes,
868
+ defaultTheme: themes.default,
869
+ lightTheme: themes.light
870
+ };
871
+
872
+ export default tokens;