@lemmo-lab/tokens 1.0.1 → 2.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.
Files changed (21) hide show
  1. package/README.md +1 -1
  2. package/dist/css/themes/index.css +1 -1
  3. package/dist/css/themes/light.css +57 -190
  4. package/dist/css/themes/midnight.css +66 -142
  5. package/dist/css/themes/neon.css +63 -139
  6. package/dist/css/variables.css +286 -575
  7. package/dist/js/tokens.d.ts +1 -1
  8. package/dist/js/tokens.js +398 -180
  9. package/dist/tailwind/preset.js +13 -11
  10. package/package.json +1 -2
  11. package/dist/css/system-design/lemmo.breakpoints.css +0 -19
  12. package/dist/css/system-design/lemmo.colors.css +0 -196
  13. package/dist/css/system-design/lemmo.elevation.css +0 -23
  14. package/dist/css/system-design/lemmo.gradients.css +0 -62
  15. package/dist/css/system-design/lemmo.motion.css +0 -28
  16. package/dist/css/system-design/lemmo.radius.css +0 -27
  17. package/dist/css/system-design/lemmo.sizes.css +0 -54
  18. package/dist/css/system-design/lemmo.spacing.css +0 -42
  19. package/dist/css/system-design/lemmo.strokes.css +0 -18
  20. package/dist/css/system-design/lemmo.tokens.css +0 -14
  21. package/dist/css/system-design/lemmo.typography.css +0 -120
package/dist/js/tokens.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @lemmo-lab/tokens - JavaScript / TypeScript token exports
2
+ * @lemmo-lab/tokens (v2) - JavaScript / TypeScript Exports
3
3
  * Single Source of Truth
4
4
  */
5
5
 
@@ -9,6 +9,7 @@ export const core = {
9
9
  "lime": "#d1fe17",
10
10
  "limeHover": "#c4ee0b",
11
11
  "limeEdge": "#829b19",
12
+ "limeContrast": "#386b00",
12
13
  "pink": "#ff005b",
13
14
  "pinkLight": "#fb398c",
14
15
  "pinkDeep": "#ed1572",
@@ -27,8 +28,8 @@ export const core = {
27
28
  },
28
29
  "dark": {
29
30
  "pagePrimary": "#131517",
30
- "appBackground": "#131416",
31
- "surfaceTertiary": "#0f1113",
31
+ "appBackground": "#131517",
32
+ "surfaceTertiary": "#0a0c0e",
32
33
  "surfacePrimary": "#1c1e20",
33
34
  "surfaceSecondary": "#23262a",
34
35
  "surfaceElevated": "#18191c",
@@ -39,10 +40,24 @@ export const core = {
39
40
  "fontFaint": "#737475",
40
41
  "fontOnBrand": "#131517",
41
42
  "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)"
43
+ "borderSubtle": "rgba(255, 255, 255, 0.04)",
44
+ "borderMid": "rgba(255, 255, 255, 0.08)",
45
+ "borderStrong": "rgba(255, 255, 255, 0.15)",
46
+ "surfaceOliveStart": "#1F2022",
47
+ "surfaceOliveMid": "#222420",
48
+ "surfaceOliveEnd": "#272A20",
49
+ "surfaceOceanStart": "#121D23",
50
+ "surfaceOceanMid": "#152026",
51
+ "surfaceOceanDeep": "#1D282E",
52
+ "surfaceOceanEnd": "#273238",
53
+ "surfaceSteelStart": "#1F2024",
54
+ "surfaceSteelMid": "#232428",
55
+ "surfaceSteelDeep": "#343539",
56
+ "surfaceSteelEnd": "#48494D",
57
+ "offerBaseStart": "#55142c",
58
+ "offerBaseMid": "#35101d",
59
+ "offerBaseDeep": "#1e0c14",
60
+ "offerBaseEnd": "#140a0f"
46
61
  },
47
62
  "light": {
48
63
  "pagePrimary": "#f8f9fa",
@@ -58,15 +73,29 @@ export const core = {
58
73
  "fontFaint": "#adb5bd",
59
74
  "fontOnBrand": "#131517",
60
75
  "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)"
76
+ "borderSubtle": "rgba(0, 0, 0, 0.08)",
77
+ "borderMid": "rgba(0, 0, 0, 0.15)",
78
+ "borderStrong": "rgba(0, 0, 0, 0.25)",
79
+ "surfaceOliveStart": "#f4f6f0",
80
+ "surfaceOliveMid": "#eaefe5",
81
+ "surfaceOliveEnd": "#e2ebd9",
82
+ "surfaceOceanStart": "#edf4f7",
83
+ "surfaceOceanMid": "#e2eff4",
84
+ "surfaceOceanDeep": "#d5e7ef",
85
+ "surfaceOceanEnd": "#c5dee9",
86
+ "surfaceSteelStart": "#f1f3f6",
87
+ "surfaceSteelMid": "#e6e9ef",
88
+ "surfaceSteelDeep": "#d9dde6",
89
+ "surfaceSteelEnd": "#ccd1dc",
90
+ "offerBaseStart": "#fce8ef",
91
+ "offerBaseMid": "#f8d4e2",
92
+ "offerBaseDeep": "#f4c0d4",
93
+ "offerBaseEnd": "#f0adc6"
65
94
  },
66
95
  "neon": {
67
96
  "pagePrimary": "#08090a",
68
97
  "appBackground": "#0d0f12",
69
- "surfaceTertiary": "#060708",
98
+ "surfaceTertiary": "#040506",
70
99
  "surfacePrimary": "#12151a",
71
100
  "surfaceSecondary": "#181c24",
72
101
  "surfaceElevated": "#1c212b",
@@ -78,14 +107,14 @@ export const core = {
78
107
  "fontSecondary": "#9db1c5",
79
108
  "fontMuted": "#697e94",
80
109
  "fontFaint": "#465668",
81
- "borderSoft": "rgba(0, 240, 255, 0.15)",
110
+ "borderSubtle": "rgba(0, 240, 255, 0.15)",
82
111
  "borderMid": "rgba(0, 240, 255, 0.25)",
83
112
  "borderStrong": "rgba(0, 240, 255, 0.45)"
84
113
  },
85
114
  "midnight": {
86
115
  "pagePrimary": "#000000",
87
116
  "appBackground": "#000000",
88
- "surfaceTertiary": "#050505",
117
+ "surfaceTertiary": "#040404",
89
118
  "surfacePrimary": "#0c0c0c",
90
119
  "surfaceSecondary": "#161616",
91
120
  "surfaceElevated": "#1e1e1e",
@@ -94,7 +123,7 @@ export const core = {
94
123
  "fontSecondary": "#999999",
95
124
  "fontMuted": "#666666",
96
125
  "fontFaint": "#444444",
97
- "borderSoft": "rgba(255, 255, 255, 0.08)",
126
+ "borderSubtle": "rgba(255, 255, 255, 0.08)",
98
127
  "borderMid": "rgba(255, 255, 255, 0.12)",
99
128
  "borderStrong": "rgba(255, 255, 255, 0.2)"
100
129
  },
@@ -104,8 +133,8 @@ export const core = {
104
133
  "fgSoft": "#ff5462",
105
134
  "bg": "#5c000f",
106
135
  "glow": "#ff1f2e",
107
- "lightFg": "#d90429",
108
- "lightFgSoft": "#b7094c",
136
+ "lightFg": "#c9184a",
137
+ "lightFgSoft": "#a4161a",
109
138
  "lightBg": "#ffe3e3",
110
139
  "lightGlow": "#ff8787"
111
140
  },
@@ -114,8 +143,8 @@ export const core = {
114
143
  "fgSoft": "#ffef33",
115
144
  "bg": "#523f00",
116
145
  "glow": "#fff05a",
117
- "lightFg": "#e85d04",
118
- "lightFgSoft": "#d00000",
146
+ "lightFg": "#b05d00",
147
+ "lightFgSoft": "#8a4500",
119
148
  "lightBg": "#fff3bf",
120
149
  "lightGlow": "#ffe066"
121
150
  },
@@ -124,7 +153,7 @@ export const core = {
124
153
  "fgSoft": "#4ee466",
125
154
  "bg": "#0d4a17",
126
155
  "glow": "#00e62e",
127
- "lightFg": "#2b9348",
156
+ "lightFg": "#2d6a4f",
128
157
  "lightFgSoft": "#1b4332",
129
158
  "lightBg": "#d3f9d8",
130
159
  "lightGlow": "#8ce99a"
@@ -134,8 +163,8 @@ export const core = {
134
163
  "fgSoft": "#5b91fe",
135
164
  "bg": "#000d26",
136
165
  "glow": "#3cd8ff",
137
- "lightFg": "#0077b6",
138
- "lightFgSoft": "#03045e",
166
+ "lightFg": "#00509d",
167
+ "lightFgSoft": "#00296b",
139
168
  "lightBg": "#e7f5ff",
140
169
  "lightGlow": "#74c0fc"
141
170
  }
@@ -153,7 +182,48 @@ export const core = {
153
182
  "black4": "rgba(0, 0, 0, 0.04)",
154
183
  "black7": "rgba(0, 0, 0, 0.07)",
155
184
  "black20": "rgba(0, 0, 0, 0.2)",
156
- "black24": "rgba(0, 0, 0, 0.24)"
185
+ "black24": "rgba(0, 0, 0, 0.24)",
186
+ "limeAlpha16": "rgba(209, 254, 23, 0.16)",
187
+ "limeAlpha8": "rgba(209, 254, 23, 0.08)",
188
+ "limeAlpha0": "rgba(209, 254, 23, 0)",
189
+ "pinkAlpha32": "rgba(255, 0, 91, 0.32)",
190
+ "pinkAlpha15": "rgba(255, 0, 91, 0.15)",
191
+ "pinkAlpha0": "rgba(255, 0, 91, 0)",
192
+ "whiteAlpha9": "rgba(255, 255, 255, 0.095)",
193
+ "whiteAlpha3": "rgba(255, 255, 255, 0.035)",
194
+ "whiteAlpha1": "rgba(255, 255, 255, 0.012)",
195
+ "limeWashStart": "rgba(187, 251, 12, 0.07)",
196
+ "limeWashEnd": "rgba(12, 251, 32, 0.01)",
197
+ "washGrayStart": "rgba(197, 197, 197, 0.08)",
198
+ "washGrayEnd": "rgba(197, 197, 197, 0.01)",
199
+ "pinkWashStart": "rgba(237, 21, 114, 0.10)",
200
+ "pinkWashEnd": "rgba(237, 21, 114, 0.01)",
201
+ "blueWashStart": "rgba(21, 68, 237, 0.10)",
202
+ "blueWashEnd": "rgba(21, 68, 237, 0.01)",
203
+ "steelFlatStart": "rgba(110, 145, 188, 0.02)",
204
+ "steelFlatEnd": "rgba(110, 145, 188, 0.20)",
205
+ "rimWhite18": "rgba(255, 255, 255, 0.09)",
206
+ "rimWhite38": "rgba(255, 255, 255, 0.03)",
207
+ "rimWhite0": "rgba(255, 255, 255, 0)",
208
+ "rimDiag18": "rgba(255, 255, 255, 0.10)",
209
+ "rimDiag42": "rgba(255, 255, 255, 0.04)",
210
+ "pillLimeStart": "rgba(117, 239, 29, 0.6)",
211
+ "pillLimeEnd": "rgba(194, 237, 21, 0)",
212
+ "pillWhiteGloss": "rgba(255, 255, 255, 0.6)",
213
+ "pillLimeBot": "rgba(200, 239, 29, 0.6)",
214
+ "pillPinkGloss": "rgba(239, 29, 186, 0.6)",
215
+ "pillVioletGloss": "rgba(176, 29, 239, 0.6)",
216
+ "pillVioletMid": "rgba(206, 25, 176, 0.3)",
217
+ "pillBlueGloss": "rgba(29, 99, 239, 0.6)",
218
+ "pillBlueMid": "rgba(81, 80, 208, 0.45)",
219
+ "pillVioletDeep": "rgba(133, 60, 176, 0.3)",
220
+ "pillPinkFade": "rgba(237, 21, 114, 0)",
221
+ "offerFlashStart": "rgba(255, 0, 91, 0.32)",
222
+ "offerFlashEnd": "rgba(255, 0, 91, 0.016)",
223
+ "tableCyan1": "rgba(60, 140, 255, 0.20)",
224
+ "tableCyan2": "rgba(60, 216, 255, 0.20)",
225
+ "overlayDarken": "rgba(0, 0, 0, 0.2)",
226
+ "overlayLighten": "rgba(255, 255, 255, 0.5)"
157
227
  }
158
228
  },
159
229
  "elevation": {
@@ -164,34 +234,6 @@ export const core = {
164
234
  "glossInset": "inset 0 -2px 2px 0 rgba(255, 255, 255, 0.4), inset 0 2px 2px 0 rgba(255, 255, 255, 0.4)",
165
235
  "glowBrand": "0 0 0.4rem color-mix(in srgb, #d1fe17 56%, transparent)"
166
236
  },
167
- "gradient": {
168
- "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), var(--lemmo-color-surface-elevated, #18191C)",
169
- "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, color-mix(in srgb, var(--lemmo-color-surface-brand-secondary) 32%, transparent) 0%, color-mix(in srgb, var(--lemmo-color-surface-brand-secondary) 15%, transparent) 42%, transparent 78%), linear-gradient(180deg, color-mix(in srgb, var(--lemmo-color-surface-brand-secondary) 13%, transparent) 0%, color-mix(in srgb, var(--lemmo-color-surface-brand-secondary) 7%, transparent) 36%, transparent 72%), #18191C",
170
- "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
171
- "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
172
- "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
173
- "surfaceBase": "linear-gradient(180deg, #1D1F20 0%, #17191B 100%)",
174
- "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255,255,255,0.095) 0%, rgba(255,255,255,0.035) 42%, rgba(255,255,255,0.012) 100%), linear-gradient(180deg, #1D1F20 0%, #17191B 100%)",
175
- "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187,251,12,0.07) 0%, rgba(12,251,32,0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197,197,197,0.08) 0%, rgba(197,197,197,0.01) 100%), linear-gradient(180deg, #1D1F20 0%, #17191B 100%)",
176
- "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237,21,114,0.10) 0%, rgba(237,21,114,0.01) 100%), linear-gradient(180deg, #1D1F20 0%, #17191B 100%)",
177
- "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21,68,237,0.10) 0%, rgba(21,68,237,0.01) 100%), linear-gradient(180deg, #1D1F20 0%, #17191B 100%)",
178
- "surfaceSteelFlat": "linear-gradient(180deg, rgba(110,145,188,0.02) 0%, rgba(110,145,188,0.20) 100%), #1C1E20",
179
- "surfacePlain": "linear-gradient(180deg, rgb(29,31,32) 0%, rgb(23,25,27) 100%)",
180
- "rimVertical": "linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.09) 18%, rgba(255,255,255,0.03) 38%, rgba(255,255,255,0) 72%)",
181
- "rimDiagonal": "linear-gradient(225deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.10) 18%, rgba(255,255,255,0.04) 42%, rgba(255,255,255,0) 76%)",
182
- "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #FB398C 0%, #ED1572 100%)",
183
- "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245EF1 0%, #1544ED 100%)",
184
- "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117,239,29,0.6) 0%, rgba(194,237,21,0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200,239,29,0.6) 0%, rgba(194,237,21,0) 100%), linear-gradient(90deg, rgb(209,254,23) 0%, rgb(209,254,23) 100%)",
185
- "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237,21,114,0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%), #0256fe",
186
- "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29,99,239,0.6) 0%, rgba(81,80,208,0.45) 25%, rgba(133,60,176,0.3) 50%, rgba(237,21,114,0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29,99,239,0.6) 0%, rgba(133,60,176,0.3) 50%, rgba(237,21,114,0) 100%), linear-gradient(90deg, rgb(2,86,254) 0%, rgb(2,86,254) 100%)",
187
- "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239,29,186,0.6) 0%, rgba(237,21,114,0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176,29,239,0.6) 0%, rgba(206,25,176,0.3) 50%, rgba(237,21,114,0) 100%), linear-gradient(90deg, rgb(255,0,91) 0%, rgb(255,0,91) 100%)",
188
- "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
189
- "offerFlash": "linear-gradient(0deg, rgba(255,0,91,0.32) 0%, rgba(255,0,91,0.016) 100%), linear-gradient(90deg, #0f1113 0%, #0f1113 100%)",
190
- "offerDots": "radial-gradient(circle at 1px 1px, rgba(255,255,255,0.08) 1px, transparent 0)",
191
- "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
192
- "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60,140,255,0.20) 0%, rgba(60,140,255,0) 100%), radial-gradient(64.4% 64.4% at 50.16% 100%, rgba(60,216,255,0.20) 0%, rgba(60,216,255,0) 100%), rgba(255,255,255,0.05)",
193
- "overlayDarken": "linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2))"
194
- },
195
237
  "motion": {
196
238
  "duration": {
197
239
  "fast": "100ms",
@@ -328,11 +370,49 @@ export const core = {
328
370
  },
329
371
  "typography": {
330
372
  "fontFamily": {
331
- "satoshi": "'Satoshi', sans-serif",
332
- "oddval": "'Oddval', 'Satoshi', sans-serif",
333
- "morabba": "'Morabba', sans-serif",
334
- "iransans": "'IRANSans', sans-serif",
335
- "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
373
+ "sans": [
374
+ "Satoshi",
375
+ "system-ui",
376
+ "sans-serif"
377
+ ],
378
+ "sansFa": [
379
+ "IRANSansX",
380
+ "Tahoma",
381
+ "sans-serif"
382
+ ],
383
+ "display": [
384
+ "Oddval",
385
+ "Satoshi",
386
+ "system-ui",
387
+ "sans-serif"
388
+ ],
389
+ "displayFa": [
390
+ "Morabba",
391
+ "Tahoma",
392
+ "sans-serif"
393
+ ],
394
+ "heading": [
395
+ "Satoshi",
396
+ "system-ui",
397
+ "sans-serif"
398
+ ],
399
+ "headingFa": [
400
+ "Morabba",
401
+ "Tahoma",
402
+ "sans-serif"
403
+ ],
404
+ "numeric": [
405
+ "Satoshi",
406
+ "system-ui",
407
+ "sans-serif"
408
+ ],
409
+ "mono": [
410
+ "ui-monospace",
411
+ "SFMono-Regular",
412
+ "Menlo",
413
+ "Monaco",
414
+ "monospace"
415
+ ]
336
416
  },
337
417
  "fontWeight": {
338
418
  "regular": 400,
@@ -360,18 +440,18 @@ export const core = {
360
440
  "050": ".625rem"
361
441
  },
362
442
  "lineHeight": {
363
- "300": "1rem",
364
- "400": "1.125rem",
365
- "500": "1.25rem",
366
- "600": "1.5rem",
367
- "700": "1.75rem",
368
- "800": "2rem",
369
- "900": "2.25rem",
370
- "1000": "2.5rem",
371
- "1100": "2.75rem",
372
- "1200": "3rem",
373
- "1300": "4rem",
374
- "1400": "4.5rem"
443
+ "300": 1.25,
444
+ "400": 1.28,
445
+ "500": 1.43,
446
+ "600": 1.5,
447
+ "700": 1.4,
448
+ "800": 1.33,
449
+ "900": 1.25,
450
+ "1000": 1.2,
451
+ "1100": 1.15,
452
+ "1200": 1.1,
453
+ "1300": 1.05,
454
+ "1400": 1
375
455
  },
376
456
  "letterSpacing": {
377
457
  "none": "0",
@@ -410,7 +490,7 @@ export const semantic = {
410
490
  "foreground": "#a1a1a5"
411
491
  },
412
492
  "tertiary": {
413
- "background": "#0f1113",
493
+ "background": "#0a0c0e",
414
494
  "foreground": "#e1e1e3"
415
495
  },
416
496
  "elevated": {
@@ -439,9 +519,9 @@ export const semantic = {
439
519
  "info": "#5b91fe"
440
520
  },
441
521
  "border": {
442
- "default": "rgba(255, 255, 255, 0.1)",
522
+ "default": "rgba(255, 255, 255, 0.15)",
443
523
  "subtle": "rgba(255, 255, 255, 0.04)",
444
- "mid": "rgba(255, 255, 255, 0.05)",
524
+ "mid": "rgba(255, 255, 255, 0.08)",
445
525
  "danger": "#fa0019",
446
526
  "warning": "#dfab01",
447
527
  "success": "#2eb844",
@@ -486,29 +566,58 @@ export const semantic = {
486
566
  }
487
567
  }
488
568
  },
569
+ "gradient": {
570
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #18191c",
571
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #18191c",
572
+ "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
573
+ "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
574
+ "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
575
+ "surfaceBase": "linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
576
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
577
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
578
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
579
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
580
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #1c1e20",
581
+ "surfacePlain": "linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
582
+ "rimVertical": "linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%)",
583
+ "rimDiagonal": "linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%)",
584
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%)",
585
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%)",
586
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #d1fe17 0%, #d1fe17 100%)",
587
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe",
588
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%)",
589
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%)",
590
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
591
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #0a0c0e 0%, #0a0c0e 100%)",
592
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, rgba(209, 254, 23, 0) 0)",
593
+ "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
594
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(255, 255, 255, 0.05)",
595
+ "overlayDarken": "linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"
596
+ },
489
597
  "radius": {
490
598
  "base": ".5rem",
491
- "badge": "calc({radius.base} * 0.75)",
599
+ "badge": "calc(.5rem * 0.75)",
492
600
  "control": ".5rem",
493
- "card": "calc({radius.base} * 1.5)",
494
- "media": "calc({radius.base} * 2)",
495
- "featuredCard": "calc({radius.base} * 2.5)",
496
- "mediaLg": "calc({radius.base} * 3)",
601
+ "card": "calc(.5rem * 1.5)",
602
+ "media": "calc(.5rem * 2)",
603
+ "featuredCard": "calc(.5rem * 2.5)",
604
+ "mediaLg": "calc(.5rem * 3)",
497
605
  "pill": "9999px"
498
606
  },
499
607
  "typography": {
500
- "heading": "'Oddval', 'Satoshi', sans-serif",
501
- "headingFa": "'Morabba', sans-serif",
502
- "body": "'Satoshi', sans-serif",
503
- "bodyFa": "'IRANSans', sans-serif",
504
- "numeric": "'Satoshi', sans-serif",
505
- "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
608
+ "heading": "Satoshi,system-ui,sans-serif",
609
+ "display": "Oddval,Satoshi,system-ui,sans-serif",
610
+ "headingFa": "Morabba,Tahoma,sans-serif",
611
+ "displayFa": "Morabba,Tahoma,sans-serif",
612
+ "body": "{typography.fontFamily.body}",
613
+ "bodyFa": "{typography.fontFamily.bodyFa}",
614
+ "numeric": "Satoshi,system-ui,sans-serif",
615
+ "mono": "ui-monospace,SFMono-Regular,Menlo,Monaco,monospace"
506
616
  }
507
617
  };
508
618
 
509
619
  export const themes = {
510
620
  "default": {
511
- "name": "default",
512
621
  "color": {
513
622
  "page": {
514
623
  "background": "#131517",
@@ -524,7 +633,7 @@ export const themes = {
524
633
  "foreground": "#a1a1a5"
525
634
  },
526
635
  "tertiary": {
527
- "background": "#0f1113",
636
+ "background": "#0a0c0e",
528
637
  "foreground": "#e1e1e3"
529
638
  },
530
639
  "elevated": {
@@ -553,9 +662,9 @@ export const themes = {
553
662
  "info": "#5b91fe"
554
663
  },
555
664
  "border": {
556
- "default": "rgba(255, 255, 255, 0.1)",
665
+ "default": "rgba(255, 255, 255, 0.15)",
557
666
  "subtle": "rgba(255, 255, 255, 0.04)",
558
- "mid": "rgba(255, 255, 255, 0.05)",
667
+ "mid": "rgba(255, 255, 255, 0.08)",
559
668
  "danger": "#fa0019",
560
669
  "warning": "#dfab01",
561
670
  "success": "#2eb844",
@@ -569,7 +678,7 @@ export const themes = {
569
678
  },
570
679
  "secondary": {
571
680
  "background": "#0256fe",
572
- "foreground": "#e1e1e3",
681
+ "foreground": "#ffffff",
573
682
  "hover": "#245ef1"
574
683
  }
575
684
  },
@@ -600,6 +709,34 @@ export const themes = {
600
709
  }
601
710
  }
602
711
  },
712
+ "gradient": {
713
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #18191c",
714
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #18191c",
715
+ "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
716
+ "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
717
+ "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
718
+ "surfaceBase": "linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
719
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
720
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
721
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
722
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
723
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #1c1e20",
724
+ "surfacePlain": "linear-gradient(180deg, #1c1e20 0%, #131517 100%)",
725
+ "rimVertical": "linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%)",
726
+ "rimDiagonal": "linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%)",
727
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%)",
728
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%)",
729
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #d1fe17 0%, #d1fe17 100%)",
730
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe",
731
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%)",
732
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%)",
733
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
734
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #0a0c0e 0%, #0a0c0e 100%)",
735
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, rgba(209, 254, 23, 0) 0)",
736
+ "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
737
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(255, 255, 255, 0.05)",
738
+ "overlayDarken": "linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"
739
+ },
603
740
  "radius": {
604
741
  "base": ".5rem"
605
742
  },
@@ -609,7 +746,6 @@ export const themes = {
609
746
  }
610
747
  },
611
748
  "light": {
612
- "name": "light",
613
749
  "color": {
614
750
  "page": {
615
751
  "background": "#f8f9fa",
@@ -637,8 +773,8 @@ export const themes = {
637
773
  "foreground": "#131517"
638
774
  },
639
775
  "brand": {
640
- "background": "#d1fe17",
641
- "foreground": "#131517"
776
+ "background": "#386b00",
777
+ "foreground": "#ffffff"
642
778
  }
643
779
  },
644
780
  "text": {
@@ -646,71 +782,98 @@ export const themes = {
646
782
  "secondary": "#495057",
647
783
  "muted": "#6c757d",
648
784
  "faint": "#adb5bd",
649
- "onBrand": "#131517",
785
+ "onBrand": "#ffffff",
650
786
  "reverted": "#ffffff",
651
- "danger": "#b7094c",
652
- "warning": "#d00000",
653
- "success": "#1b4332",
654
- "info": "#03045e"
787
+ "danger": "#c9184a",
788
+ "warning": "#b05d00",
789
+ "success": "#2d6a4f",
790
+ "info": "#00509d"
655
791
  },
656
792
  "border": {
657
- "default": "rgba(0, 0, 0, 0.18)",
793
+ "default": "rgba(0, 0, 0, 0.25)",
658
794
  "subtle": "rgba(0, 0, 0, 0.08)",
659
- "mid": "rgba(0, 0, 0, 0.12)",
660
- "danger": "#d90429",
661
- "warning": "#e85d04",
662
- "success": "#2b9348",
663
- "info": "#0077b6"
795
+ "mid": "rgba(0, 0, 0, 0.15)",
796
+ "danger": "#c9184a",
797
+ "warning": "#b05d00",
798
+ "success": "#2d6a4f",
799
+ "info": "#00509d"
664
800
  },
665
801
  "interactive": {
666
802
  "primary": {
667
- "background": "#d1fe17",
668
- "foreground": "#131517",
669
- "hover": "#c4ee0b"
803
+ "background": "#386b00",
804
+ "foreground": "#ffffff",
805
+ "hover": "#829b19"
670
806
  },
671
807
  "secondary": {
672
808
  "background": "#0256fe",
673
809
  "foreground": "#ffffff",
674
- "hover": "#1544ed"
810
+ "hover": "#245ef1"
675
811
  }
676
812
  },
677
813
  "status": {
678
814
  "danger": {
679
815
  "background": "#ffe3e3",
680
- "foreground": "#b7094c",
681
- "border": "#d90429",
816
+ "foreground": "#a4161a",
817
+ "border": "#c9184a",
682
818
  "glow": "#ff8787"
683
819
  },
684
820
  "warning": {
685
821
  "background": "#fff3bf",
686
- "foreground": "#d00000",
687
- "border": "#e85d04",
822
+ "foreground": "#8a4500",
823
+ "border": "#b05d00",
688
824
  "glow": "#ffe066"
689
825
  },
690
826
  "success": {
691
827
  "background": "#d3f9d8",
692
828
  "foreground": "#1b4332",
693
- "border": "#2b9348",
829
+ "border": "#2d6a4f",
694
830
  "glow": "#8ce99a"
695
831
  },
696
832
  "info": {
697
833
  "background": "#e7f5ff",
698
- "foreground": "#03045e",
699
- "border": "#0077b6",
834
+ "foreground": "#00296b",
835
+ "border": "#00509d",
700
836
  "glow": "#74c0fc"
701
837
  }
702
838
  }
703
839
  },
840
+ "gradient": {
841
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #ffffff",
842
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.15) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #ffffff",
843
+ "surfaceOlive": "linear-gradient(180deg, #f4f6f0 0%, #eaefe5 55%, #e2ebd9 100%)",
844
+ "surfaceOcean": "linear-gradient(180deg, #edf4f7 0%, #e2eff4 45%, #d5e7ef 75%, #c5dee9 100%)",
845
+ "surfaceSteel": "linear-gradient(180deg, #f1f3f6 0%, #e6e9ef 40%, #d9dde6 75%, #ccd1dc 100%)",
846
+ "surfaceBase": "linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
847
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 42%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
848
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
849
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
850
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
851
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #ffffff",
852
+ "surfacePlain": "linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%)",
853
+ "rimVertical": "linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.07) 18%, rgba(0, 0, 0, 0.04) 38%, rgba(209, 254, 23, 0) 72%)",
854
+ "rimDiagonal": "linear-gradient(225deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.07) 18%, rgba(0, 0, 0, 0.04) 42%, rgba(209, 254, 23, 0) 76%)",
855
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%)",
856
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%)",
857
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #386b00 0%, #386b00 100%)",
858
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe",
859
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%)",
860
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%)",
861
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #fce8ef 0%, #f8d4e2 38%, #f4c0d4 70%, #f0adc6 100%)",
862
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.15) 0%, rgba(209, 254, 23, 0) 100%), linear-gradient(90deg, #ffffff 0%, #ffffff 100%)",
863
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.07) 1px, rgba(209, 254, 23, 0) 0)",
864
+ "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
865
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, {color.alpha.tableCyanLight} 0%, {color.alpha.tableCyanLight} 100%), rgba(255, 255, 255, 0.5)",
866
+ "overlayDarken": "linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5))"
867
+ },
704
868
  "radius": {
705
869
  "base": ".5rem"
706
870
  },
707
871
  "shadow": {
708
- "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.08)",
709
- "cardBase": "0 4px 20px rgba(0, 0, 0, 0.05)"
872
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
873
+ "cardBase": "10px 34px 24px 0 rgba(0, 0, 0, 0.15)"
710
874
  }
711
875
  },
712
876
  "midnight": {
713
- "name": "midnight",
714
877
  "color": {
715
878
  "page": {
716
879
  "background": "#000000",
@@ -726,7 +889,7 @@ export const themes = {
726
889
  "foreground": "#999999"
727
890
  },
728
891
  "tertiary": {
729
- "background": "#050505",
892
+ "background": "#040404",
730
893
  "foreground": "#ffffff"
731
894
  },
732
895
  "elevated": {
@@ -738,7 +901,7 @@ export const themes = {
738
901
  "foreground": "#ffffff"
739
902
  },
740
903
  "brand": {
741
- "background": "#ffffff",
904
+ "background": "#d1fe17",
742
905
  "foreground": "#000000"
743
906
  }
744
907
  },
@@ -749,69 +912,96 @@ export const themes = {
749
912
  "faint": "#444444",
750
913
  "onBrand": "#000000",
751
914
  "reverted": "#000000",
752
- "danger": "#ff4d4f",
753
- "warning": "#faad14",
754
- "success": "#52c41a",
755
- "info": "#1890ff"
915
+ "danger": "#ff5462",
916
+ "warning": "#dfab01",
917
+ "success": "#4ee466",
918
+ "info": "#5b91fe"
756
919
  },
757
920
  "border": {
758
921
  "default": "rgba(255, 255, 255, 0.2)",
759
922
  "subtle": "rgba(255, 255, 255, 0.08)",
760
923
  "mid": "rgba(255, 255, 255, 0.12)",
761
- "danger": "#ff4d4f",
762
- "warning": "#faad14",
763
- "success": "#52c41a",
764
- "info": "#1890ff"
924
+ "danger": "#fa0019",
925
+ "warning": "#dfab01",
926
+ "success": "#2eb844",
927
+ "info": "#0256fe"
765
928
  },
766
929
  "interactive": {
767
930
  "primary": {
768
- "background": "#ffffff",
931
+ "background": "#d1fe17",
769
932
  "foreground": "#000000",
770
- "hover": "#e6e6e6"
933
+ "hover": "#c4ee0b"
771
934
  },
772
935
  "secondary": {
773
- "background": "#1f1f1f",
936
+ "background": "#0256fe",
774
937
  "foreground": "#ffffff",
775
- "hover": "#2a2a2a"
938
+ "hover": "#245ef1"
776
939
  }
777
940
  },
778
941
  "status": {
779
942
  "danger": {
780
- "background": "#2a0a0a",
781
- "foreground": "#ff7875",
782
- "border": "#ff4d4f",
783
- "glow": "#ff4d4f"
943
+ "background": "#5c000f",
944
+ "foreground": "#ff5462",
945
+ "border": "#fa0019",
946
+ "glow": "#ff1f2e"
784
947
  },
785
948
  "warning": {
786
- "background": "#2b1d00",
787
- "foreground": "#ffc53d",
788
- "border": "#faad14",
789
- "glow": "#faad14"
949
+ "background": "#523f00",
950
+ "foreground": "#ffef33",
951
+ "border": "#dfab01",
952
+ "glow": "#fff05a"
790
953
  },
791
954
  "success": {
792
- "background": "#092b00",
793
- "foreground": "#73d13d",
794
- "border": "#52c41a",
795
- "glow": "#52c41a"
955
+ "background": "#0d4a17",
956
+ "foreground": "#4ee466",
957
+ "border": "#2eb844",
958
+ "glow": "#00e62e"
796
959
  },
797
960
  "info": {
798
- "background": "#001d40",
799
- "foreground": "#40a9ff",
800
- "border": "#1890ff",
801
- "glow": "#1890ff"
961
+ "background": "#000d26",
962
+ "foreground": "#5b91fe",
963
+ "border": "#0256fe",
964
+ "glow": "#3cd8ff"
802
965
  }
803
966
  }
804
967
  },
968
+ "gradient": {
969
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #1e1e1e",
970
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #1e1e1e",
971
+ "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
972
+ "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
973
+ "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
974
+ "surfaceBase": "linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
975
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
976
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
977
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
978
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
979
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #0c0c0c",
980
+ "surfacePlain": "linear-gradient(180deg, #0c0c0c 0%, #000000 100%)",
981
+ "rimVertical": "linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%)",
982
+ "rimDiagonal": "linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%)",
983
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%)",
984
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%)",
985
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #d1fe17 0%, #d1fe17 100%)",
986
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe",
987
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%)",
988
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%)",
989
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
990
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #040404 0%, #040404 100%)",
991
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, rgba(209, 254, 23, 0) 0)",
992
+ "offerCombo": "linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%)",
993
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(255, 255, 255, 0.08)",
994
+ "overlayDarken": "linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"
995
+ },
805
996
  "radius": {
806
- "base": "0px"
997
+ "base": ".5rem"
807
998
  },
808
999
  "shadow": {
809
- "cardFeatured": "none",
810
- "cardBase": "none"
1000
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
1001
+ "cardBase": "10px 34px 24px 0 rgba(0, 0, 0, 0.15)"
811
1002
  }
812
1003
  },
813
1004
  "neon": {
814
- "name": "neon",
815
1005
  "color": {
816
1006
  "page": {
817
1007
  "background": "#08090a",
@@ -827,7 +1017,7 @@ export const themes = {
827
1017
  "foreground": "#9db1c5"
828
1018
  },
829
1019
  "tertiary": {
830
- "background": "#060708",
1020
+ "background": "#040506",
831
1021
  "foreground": "#f0f6fc"
832
1022
  },
833
1023
  "elevated": {
@@ -840,7 +1030,7 @@ export const themes = {
840
1030
  },
841
1031
  "brand": {
842
1032
  "background": "#00ff66",
843
- "foreground": "#000000"
1033
+ "foreground": "#131517"
844
1034
  }
845
1035
  },
846
1036
  "text": {
@@ -848,67 +1038,95 @@ export const themes = {
848
1038
  "secondary": "#9db1c5",
849
1039
  "muted": "#697e94",
850
1040
  "faint": "#465668",
851
- "onBrand": "#000000",
852
- "reverted": "#000000",
853
- "danger": "#ff0055",
854
- "warning": "#ffcc00",
855
- "success": "#00ff88",
1041
+ "onBrand": "#131517",
1042
+ "reverted": "#ffffff",
1043
+ "danger": "#ff007f",
1044
+ "warning": "#ffef33",
1045
+ "success": "#00ff66",
856
1046
  "info": "#00f0ff"
857
1047
  },
858
1048
  "border": {
859
1049
  "default": "rgba(0, 240, 255, 0.45)",
860
1050
  "subtle": "rgba(0, 240, 255, 0.15)",
861
1051
  "mid": "rgba(0, 240, 255, 0.25)",
862
- "danger": "#ff0055",
863
- "warning": "#ffcc00",
864
- "success": "#00ff88",
1052
+ "danger": "#ff007f",
1053
+ "warning": "#dfab01",
1054
+ "success": "#00ff66",
865
1055
  "info": "#00f0ff"
866
1056
  },
867
1057
  "interactive": {
868
1058
  "primary": {
869
1059
  "background": "#00ff66",
870
- "foreground": "#000000",
871
- "hover": "#33ff85"
1060
+ "foreground": "#131517",
1061
+ "hover": "#c4ee0b"
872
1062
  },
873
1063
  "secondary": {
874
1064
  "background": "#00f0ff",
875
- "foreground": "#000000",
876
- "hover": "#4df4ff"
1065
+ "foreground": "#131517",
1066
+ "hover": "#9ce6f3"
877
1067
  }
878
1068
  },
879
1069
  "status": {
880
1070
  "danger": {
881
- "background": "rgba(255, 0, 85, 0.15)",
882
- "foreground": "#ff3377",
883
- "border": "#ff0055",
884
- "glow": "#ff0055"
1071
+ "background": "#5c000f",
1072
+ "foreground": "#ff5462",
1073
+ "border": "#ff007f",
1074
+ "glow": "#ff007f"
885
1075
  },
886
1076
  "warning": {
887
- "background": "rgba(255, 204, 0, 0.15)",
888
- "foreground": "#ffdd33",
889
- "border": "#ffcc00",
890
- "glow": "#ffcc00"
1077
+ "background": "#523f00",
1078
+ "foreground": "#ffef33",
1079
+ "border": "#dfab01",
1080
+ "glow": "#fff05a"
891
1081
  },
892
1082
  "success": {
893
- "background": "rgba(0, 255, 136, 0.15)",
894
- "foreground": "#33ffa3",
895
- "border": "#00ff88",
896
- "glow": "#00ff88"
1083
+ "background": "#0d4a17",
1084
+ "foreground": "#00ff66",
1085
+ "border": "#00ff66",
1086
+ "glow": "#00ff66"
897
1087
  },
898
1088
  "info": {
899
- "background": "rgba(0, 240, 255, 0.15)",
900
- "foreground": "#4df4ff",
1089
+ "background": "#000d26",
1090
+ "foreground": "#00f0ff",
901
1091
  "border": "#00f0ff",
902
1092
  "glow": "#00f0ff"
903
1093
  }
904
1094
  }
905
1095
  },
1096
+ "gradient": {
1097
+ "surfaceFeatured": "linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #1c212b",
1098
+ "surfacePinkHaze": "radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #1c212b",
1099
+ "surfaceOlive": "linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%)",
1100
+ "surfaceOcean": "linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%)",
1101
+ "surfaceSteel": "linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%)",
1102
+ "surfaceBase": "linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1103
+ "surfaceSoft": "radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1104
+ "surfaceLimeWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1105
+ "surfacePinkWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1106
+ "surfaceBlueWash": "radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1107
+ "surfaceSteelFlat": "linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #12151a",
1108
+ "surfacePlain": "linear-gradient(180deg, #12151a 0%, #08090a 100%)",
1109
+ "rimVertical": "linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%)",
1110
+ "rimDiagonal": "linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%)",
1111
+ "borderPink": "radial-gradient(86.59% 115.91% at 50% 45.45%, #ff007f 0%, #ed1572 100%)",
1112
+ "borderBlue": "radial-gradient(86.59% 115.91% at 50% 45.45%, #00f0ff 0%, #1544ed 100%)",
1113
+ "pillLime": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #00ff66 0%, #00ff66 100%)",
1114
+ "pillBlue": "radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #00f0ff",
1115
+ "pillUltraviolet": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #00f0ff 0%, #00f0ff 100%)",
1116
+ "pillPink": "radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff007f 0%, #ff007f 100%)",
1117
+ "offerBase": "radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%)",
1118
+ "offerFlash": "linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #040506 0%, #040506 100%)",
1119
+ "offerDots": "radial-gradient(circle at 1px 1px, rgba(0, 240, 255, 0.15) 1px, rgba(209, 254, 23, 0) 0)",
1120
+ "offerCombo": "linear-gradient(135deg, #ff007f 0%, #d1004e 40%, #8b006a 100%)",
1121
+ "tableCyan": "radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(0, 240, 255, 0.15)",
1122
+ "overlayDarken": "linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))"
1123
+ },
906
1124
  "radius": {
907
- "base": ".25rem"
1125
+ "base": ".5rem"
908
1126
  },
909
1127
  "shadow": {
910
- "cardFeatured": "0 0 25px rgba(0, 240, 255, 0.35)",
911
- "cardBase": "0 0 15px rgba(0, 255, 102, 0.2)"
1128
+ "cardFeatured": "0 1.5rem 4rem rgba(0, 0, 0, 0.24)",
1129
+ "cardBase": "10px 34px 24px 0 rgba(0, 0, 0, 0.15)"
912
1130
  }
913
1131
  }
914
1132
  };