@nexub/tokens 1.3.0 → 1.4.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 (7) hide show
  1. package/dist/css/roles.css +240 -0
  2. package/dist/css/variables.css +398 -3
  3. package/dist/js/generated/tokens.d.ts +490 -3
  4. package/dist/js/generated/tokens.js +490 -3
  5. package/dist/json/tokens.json +398 -3
  6. package/dist/tailwind/preset.js +560 -8
  7. package/package.json +5 -2
package/dist/css/variables.css CHANGED
@@ -3,6 +3,306 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --color-palette-primary-0: #000000;
7
+ --color-palette-primary-4: #000d29;
8
+ --color-palette-primary-6: #001233;
9
+ --color-palette-primary-10: #001944;
10
+ --color-palette-primary-12: #001d4c;
11
+ --color-palette-primary-17: #002760;
12
+ --color-palette-primary-20: #002d6d;
13
+ --color-palette-primary-22: #003175;
14
+ --color-palette-primary-24: #00367e;
15
+ --color-palette-primary-30: #004299;
16
+ --color-palette-primary-40: #0059c7;
17
+ --color-palette-primary-50: #3373e2;
18
+ --color-palette-primary-60: #538dfe;
19
+ --color-palette-primary-70: #84aaff;
20
+ --color-palette-primary-72: #8dafff;
21
+ --color-palette-primary-80: #afc6ff;
22
+ --color-palette-primary-87: #ccdaff;
23
+ --color-palette-primary-90: #d9e2ff;
24
+ --color-palette-primary-92: #e1e8ff;
25
+ --color-palette-primary-94: #e9edff;
26
+ --color-palette-primary-95: #edf0ff;
27
+ --color-palette-primary-96: #f1f3ff;
28
+ --color-palette-primary-98: #faf8ff;
29
+ --color-palette-primary-99: #fefbff;
30
+ --color-palette-primary-100: #ffffff;
31
+ --color-palette-error-0: #000000;
32
+ --color-palette-error-4: #280001;
33
+ --color-palette-error-6: #310001;
34
+ --color-palette-error-10: #410002;
35
+ --color-palette-error-12: #490002;
36
+ --color-palette-error-17: #5c0004;
37
+ --color-palette-error-20: #690005;
38
+ --color-palette-error-22: #710006;
39
+ --color-palette-error-24: #790007;
40
+ --color-palette-error-30: #93000b;
41
+ --color-palette-error-40: #b91c1c;
42
+ --color-palette-error-50: #dd3831;
43
+ --color-palette-error-60: #ff5449;
44
+ --color-palette-error-70: #ff897d;
45
+ --color-palette-error-72: #ff9287;
46
+ --color-palette-error-80: #ffb4ab;
47
+ --color-palette-error-87: #ffcfc9;
48
+ --color-palette-error-90: #ffdad6;
49
+ --color-palette-error-92: #ffe2de;
50
+ --color-palette-error-94: #ffe9e6;
51
+ --color-palette-error-95: #ffedea;
52
+ --color-palette-error-96: #fff0ee;
53
+ --color-palette-error-98: #fff8f7;
54
+ --color-palette-error-99: #fffbff;
55
+ --color-palette-error-100: #ffffff;
56
+ --color-palette-success-0: #000000;
57
+ --color-palette-success-4: #00120a;
58
+ --color-palette-success-6: #00170e;
59
+ --color-palette-success-10: #002115;
60
+ --color-palette-success-12: #002519;
61
+ --color-palette-success-17: #003121;
62
+ --color-palette-success-20: #003827;
63
+ --color-palette-success-22: #003d2a;
64
+ --color-palette-success-24: #00422e;
65
+ --color-palette-success-30: #00513a;
66
+ --color-palette-success-40: #006c4e;
67
+ --color-palette-success-50: #228664;
68
+ --color-palette-success-60: #42a17d;
69
+ --color-palette-success-70: #5fbc97;
70
+ --color-palette-success-72: #65c29c;
71
+ --color-palette-success-80: #7bd8b1;
72
+ --color-palette-success-87: #8fecc4;
73
+ --color-palette-success-90: #97f5cc;
74
+ --color-palette-success-92: #9dfbd2;
75
+ --color-palette-success-94: #acffd9;
76
+ --color-palette-success-95: #bdffdf;
77
+ --color-palette-success-96: #ccffe5;
78
+ --color-palette-success-98: #e7fff1;
79
+ --color-palette-success-99: #f4fff7;
80
+ --color-palette-success-100: #ffffff;
81
+ --color-palette-warning-0: #000000;
82
+ --color-palette-warning-4: #180b00;
83
+ --color-palette-warning-6: #1f1000;
84
+ --color-palette-warning-10: #2a1700;
85
+ --color-palette-warning-12: #301b00;
86
+ --color-palette-warning-17: #3e2400;
87
+ --color-palette-warning-20: #472a00;
88
+ --color-palette-warning-22: #4d2e00;
89
+ --color-palette-warning-24: #533200;
90
+ --color-palette-warning-30: #653e00;
91
+ --color-palette-warning-40: #855300;
92
+ --color-palette-warning-50: #a76a00;
93
+ --color-palette-warning-60: #ca8100;
94
+ --color-palette-warning-70: #ee9800;
95
+ --color-palette-warning-72: #f59e0a;
96
+ --color-palette-warning-80: #ffb95f;
97
+ --color-palette-warning-87: #ffd29f;
98
+ --color-palette-warning-90: #ffddb8;
99
+ --color-palette-warning-92: #ffe4c7;
100
+ --color-palette-warning-94: #ffead7;
101
+ --color-palette-warning-95: #ffeede;
102
+ --color-palette-warning-96: #fff1e5;
103
+ --color-palette-warning-98: #fff8f4;
104
+ --color-palette-warning-99: #fffbff;
105
+ --color-palette-warning-100: #ffffff;
106
+ --color-palette-info-0: #000000;
107
+ --color-palette-info-4: #000d29;
108
+ --color-palette-info-6: #001233;
109
+ --color-palette-info-10: #001944;
110
+ --color-palette-info-12: #001d4c;
111
+ --color-palette-info-17: #002760;
112
+ --color-palette-info-20: #002d6d;
113
+ --color-palette-info-22: #003175;
114
+ --color-palette-info-24: #00367e;
115
+ --color-palette-info-30: #004299;
116
+ --color-palette-info-40: #0059c7;
117
+ --color-palette-info-50: #3373e2;
118
+ --color-palette-info-60: #538dfe;
119
+ --color-palette-info-70: #84aaff;
120
+ --color-palette-info-72: #8dafff;
121
+ --color-palette-info-80: #afc6ff;
122
+ --color-palette-info-87: #ccdaff;
123
+ --color-palette-info-90: #d9e2ff;
124
+ --color-palette-info-92: #e1e8ff;
125
+ --color-palette-info-94: #e9edff;
126
+ --color-palette-info-95: #edf0ff;
127
+ --color-palette-info-96: #f1f3ff;
128
+ --color-palette-info-98: #faf8ff;
129
+ --color-palette-info-99: #fefbff;
130
+ --color-palette-info-100: #ffffff;
131
+ --color-palette-leap-0: #000000;
132
+ --color-palette-leap-4: #030045;
133
+ --color-palette-leap-6: #040054;
134
+ --color-palette-leap-10: #07006c;
135
+ --color-palette-leap-12: #080078;
136
+ --color-palette-leap-17: #0d0096;
137
+ --color-palette-leap-20: #1000a9;
138
+ --color-palette-leap-22: #170dae;
139
+ --color-palette-leap-24: #1d17b2;
140
+ --color-palette-leap-30: #2f2ebe;
141
+ --color-palette-leap-40: #494bd6;
142
+ --color-palette-leap-50: #6366f1;
143
+ --color-palette-leap-60: #8083ff;
144
+ --color-palette-leap-70: #a0a3ff;
145
+ --color-palette-leap-72: #a6a9ff;
146
+ --color-palette-leap-80: #c0c1ff;
147
+ --color-palette-leap-87: #d7d6ff;
148
+ --color-palette-leap-90: #e1e0ff;
149
+ --color-palette-leap-92: #e8e6ff;
150
+ --color-palette-leap-94: #eeecff;
151
+ --color-palette-leap-95: #f2efff;
152
+ --color-palette-leap-96: #f5f2ff;
153
+ --color-palette-leap-98: #fcf8ff;
154
+ --color-palette-leap-99: #fffbff;
155
+ --color-palette-leap-100: #ffffff;
156
+ --color-palette-bookub-0: #000000;
157
+ --color-palette-bookub-4: #001209;
158
+ --color-palette-bookub-6: #00180d;
159
+ --color-palette-bookub-10: #002113;
160
+ --color-palette-bookub-12: #002517;
161
+ --color-palette-bookub-17: #00311f;
162
+ --color-palette-bookub-20: #003824;
163
+ --color-palette-bookub-22: #003d28;
164
+ --color-palette-bookub-24: #00422b;
165
+ --color-palette-bookub-30: #005236;
166
+ --color-palette-bookub-40: #006c49;
167
+ --color-palette-bookub-50: #00885d;
168
+ --color-palette-bookub-60: #00a572;
169
+ --color-palette-bookub-70: #26c289;
170
+ --color-palette-bookub-72: #2fc88e;
171
+ --color-palette-bookub-80: #4edea3;
172
+ --color-palette-bookub-87: #65f3b6;
173
+ --color-palette-bookub-90: #6ffbbe;
174
+ --color-palette-bookub-92: #86ffc6;
175
+ --color-palette-bookub-94: #aeffd5;
176
+ --color-palette-bookub-95: #beffdb;
177
+ --color-palette-bookub-96: #cdffe2;
178
+ --color-palette-bookub-98: #e8ffef;
179
+ --color-palette-bookub-99: #f4fff6;
180
+ --color-palette-bookub-100: #ffffff;
181
+ --color-palette-payub-0: #000000;
182
+ --color-palette-payub-4: #13003a;
183
+ --color-palette-payub-6: #190047;
184
+ --color-palette-payub-10: #23005c;
185
+ --color-palette-payub-12: #280066;
186
+ --color-palette-payub-17: #340081;
187
+ --color-palette-payub-20: #3c0091;
188
+ --color-palette-payub-22: #41009c;
189
+ --color-palette-payub-24: #4600a7;
190
+ --color-palette-payub-30: #5516be;
191
+ --color-palette-payub-40: #6d3bd7;
192
+ --color-palette-payub-50: #8758f2;
193
+ --color-palette-payub-60: #a078ff;
194
+ --color-palette-payub-70: #b89bff;
195
+ --color-palette-payub-72: #bda2ff;
196
+ --color-palette-payub-80: #d0bcff;
197
+ --color-palette-payub-87: #e2d3ff;
198
+ --color-palette-payub-90: #e9ddff;
199
+ --color-palette-payub-92: #eee4ff;
200
+ --color-palette-payub-94: #f3eaff;
201
+ --color-palette-payub-95: #f6edff;
202
+ --color-palette-payub-96: #f8f1ff;
203
+ --color-palette-payub-98: #fef7ff;
204
+ --color-palette-payub-99: #fffbff;
205
+ --color-palette-payub-100: #ffffff;
206
+ --color-palette-founderub-0: #000000;
207
+ --color-palette-founderub-4: #180b00;
208
+ --color-palette-founderub-6: #1f1000;
209
+ --color-palette-founderub-10: #2a1700;
210
+ --color-palette-founderub-12: #301b00;
211
+ --color-palette-founderub-17: #3e2400;
212
+ --color-palette-founderub-20: #472a00;
213
+ --color-palette-founderub-22: #4d2e00;
214
+ --color-palette-founderub-24: #533200;
215
+ --color-palette-founderub-30: #653e00;
216
+ --color-palette-founderub-40: #855300;
217
+ --color-palette-founderub-50: #a76a00;
218
+ --color-palette-founderub-60: #ca8100;
219
+ --color-palette-founderub-70: #ee9800;
220
+ --color-palette-founderub-72: #f59e0a;
221
+ --color-palette-founderub-80: #ffb95f;
222
+ --color-palette-founderub-87: #ffd29f;
223
+ --color-palette-founderub-90: #ffddb8;
224
+ --color-palette-founderub-92: #ffe4c7;
225
+ --color-palette-founderub-94: #ffead7;
226
+ --color-palette-founderub-95: #ffeede;
227
+ --color-palette-founderub-96: #fff1e5;
228
+ --color-palette-founderub-98: #fff8f4;
229
+ --color-palette-founderub-99: #fffbff;
230
+ --color-palette-founderub-100: #ffffff;
231
+ --color-palette-secondary-0: #000000;
232
+ --color-palette-secondary-4: #070e1e;
233
+ --color-palette-secondary-6: #0c1323;
234
+ --color-palette-secondary-10: #141b2c;
235
+ --color-palette-secondary-12: #181f30;
236
+ --color-palette-secondary-17: #232a3b;
237
+ --color-palette-secondary-20: #293042;
238
+ --color-palette-secondary-22: #2e3546;
239
+ --color-palette-secondary-24: #32394b;
240
+ --color-palette-secondary-30: #404759;
241
+ --color-palette-secondary-40: #575e71;
242
+ --color-palette-secondary-50: #70778b;
243
+ --color-palette-secondary-60: #8990a5;
244
+ --color-palette-secondary-70: #a4abc0;
245
+ --color-palette-secondary-72: #a9b0c6;
246
+ --color-palette-secondary-80: #bfc6dc;
247
+ --color-palette-secondary-87: #d3d9f0;
248
+ --color-palette-secondary-90: #dbe2f9;
249
+ --color-palette-secondary-92: #e1e8ff;
250
+ --color-palette-secondary-94: #e9edff;
251
+ --color-palette-secondary-95: #edf0ff;
252
+ --color-palette-secondary-96: #f1f3ff;
253
+ --color-palette-secondary-98: #faf8ff;
254
+ --color-palette-secondary-99: #fefbff;
255
+ --color-palette-secondary-100: #ffffff;
256
+ --color-palette-neutral-0: #000000;
257
+ --color-palette-neutral-4: #0d0e11;
258
+ --color-palette-neutral-6: #121316;
259
+ --color-palette-neutral-10: #1a1c1e;
260
+ --color-palette-neutral-12: #1e2022;
261
+ --color-palette-neutral-17: #292a2d;
262
+ --color-palette-neutral-20: #2f3033;
263
+ --color-palette-neutral-22: #333538;
264
+ --color-palette-neutral-24: #38393c;
265
+ --color-palette-neutral-30: #45474a;
266
+ --color-palette-neutral-40: #5d5e61;
267
+ --color-palette-neutral-50: #76777a;
268
+ --color-palette-neutral-60: #909094;
269
+ --color-palette-neutral-70: #ababae;
270
+ --color-palette-neutral-72: #b0b0b4;
271
+ --color-palette-neutral-80: #c6c6ca;
272
+ --color-palette-neutral-87: #dad9dd;
273
+ --color-palette-neutral-90: #e3e2e6;
274
+ --color-palette-neutral-92: #e8e8eb;
275
+ --color-palette-neutral-94: #eeedf1;
276
+ --color-palette-neutral-95: #f1f0f4;
277
+ --color-palette-neutral-96: #f4f3f7;
278
+ --color-palette-neutral-98: #faf9fd;
279
+ --color-palette-neutral-99: #fdfcff;
280
+ --color-palette-neutral-100: #ffffff;
281
+ --color-palette-neutral-variant-0: #000000;
282
+ --color-palette-neutral-variant-4: #0a0e14;
283
+ --color-palette-neutral-variant-6: #0f141a;
284
+ --color-palette-neutral-variant-10: #171c22;
285
+ --color-palette-neutral-variant-12: #1c2026;
286
+ --color-palette-neutral-variant-17: #262a31;
287
+ --color-palette-neutral-variant-20: #2c3137;
288
+ --color-palette-neutral-variant-22: #31353c;
289
+ --color-palette-neutral-variant-24: #353940;
290
+ --color-palette-neutral-variant-30: #43474e;
291
+ --color-palette-neutral-variant-40: #5a5f66;
292
+ --color-palette-neutral-variant-50: #73777f;
293
+ --color-palette-neutral-variant-60: #8d9199;
294
+ --color-palette-neutral-variant-70: #a7abb4;
295
+ --color-palette-neutral-variant-72: #adb1b9;
296
+ --color-palette-neutral-variant-80: #c3c6cf;
297
+ --color-palette-neutral-variant-87: #d7dae3;
298
+ --color-palette-neutral-variant-90: #dfe2eb;
299
+ --color-palette-neutral-variant-92: #e5e8f1;
300
+ --color-palette-neutral-variant-94: #eaeef7;
301
+ --color-palette-neutral-variant-95: #edf1fa;
302
+ --color-palette-neutral-variant-96: #f0f3fd;
303
+ --color-palette-neutral-variant-98: #f8f9ff;
304
+ --color-palette-neutral-variant-99: #fdfcff;
305
+ --color-palette-neutral-variant-100: #ffffff;
6
306
  --color-brand-mark-1: #242cdd;
7
307
  --color-brand-mark-2: #5b3ded;
8
308
  --color-brand-mark-3: #5b5cf6;
@@ -165,11 +465,39 @@
165
465
  --color-chart-6: #06b6d4;
166
466
  --color-chart-7: #ec4899;
167
467
  --color-chart-8: #84cc16;
468
+ --motion-spring-spatial-fast-easing: linear(0, 0.0194, 0.0684, 0.1359, 0.2138, 0.2958, 0.3777, 0.4566, 0.5304, 0.5982, 0.6593, 0.7137, 0.7614, 0.8028, 0.8384, 0.8687, 0.8942, 0.9156, 0.9333, 0.9479, 0.9599, 0.9695, 0.9772, 0.9833, 0.9881, 0.9919, 0.9947, 0.9969, 0.9984, 0.9996, 1.0004, 1.0009, 1.0013, 1.0014, 1.0015, 1.0015, 1.0015, 1.0014, 1.0012, 1.0011, 1);
469
+ --motion-spring-spatial-fast-duration: 224ms;
470
+ --motion-spring-spatial-default-easing: linear(0, 0.0194, 0.0685, 0.1361, 0.214, 0.2961, 0.378, 0.4569, 0.5308, 0.5986, 0.6597, 0.7141, 0.7617, 0.8031, 0.8387, 0.8689, 0.8945, 0.9158, 0.9335, 0.9481, 0.96, 0.9696, 0.9773, 0.9834, 0.9882, 0.9919, 0.9948, 0.9969, 0.9985, 0.9996, 1.0004, 1.0009, 1.0013, 1.0014, 1.0015, 1.0015, 1.0015, 1.0014, 1.0012, 1.0011, 1);
471
+ --motion-spring-spatial-default-duration: 317ms;
472
+ --motion-spring-spatial-slow-easing: linear(0, 0.0194, 0.0684, 0.136, 0.2138, 0.2959, 0.3778, 0.4567, 0.5306, 0.5983, 0.6595, 0.7138, 0.7615, 0.8029, 0.8385, 0.8688, 0.8943, 0.9157, 0.9334, 0.948, 0.9599, 0.9695, 0.9772, 0.9833, 0.9881, 0.9919, 0.9947, 0.9969, 0.9985, 0.9996, 1.0004, 1.0009, 1.0013, 1.0014, 1.0015, 1.0015, 1.0015, 1.0014, 1.0012, 1.0011, 1);
473
+ --motion-spring-spatial-slow-duration: 484ms;
474
+ --motion-spring-effects-fast-easing: linear(0, 0.0229, 0.079, 0.1535, 0.2366, 0.3214, 0.4037, 0.4809, 0.5517, 0.6153, 0.6718, 0.7214, 0.7645, 0.8016, 0.8335, 0.8606, 0.8837, 0.9031, 0.9195, 0.9333, 0.9448, 0.9544, 0.9624, 0.969, 0.9745, 0.979, 0.9828, 0.9859, 0.9885, 0.9906, 0.9923, 0.9937, 0.9949, 0.9958, 0.9966, 0.9972, 0.9977, 0.9982, 0.9985, 0.9988, 1);
475
+ --motion-spring-effects-fast-duration: 150ms;
476
+ --motion-spring-effects-default-easing: linear(0, 0.0229, 0.0789, 0.1534, 0.2363, 0.3211, 0.4033, 0.4805, 0.5513, 0.615, 0.6714, 0.721, 0.7641, 0.8013, 0.8332, 0.8604, 0.8834, 0.9029, 0.9193, 0.9331, 0.9446, 0.9542, 0.9622, 0.9689, 0.9744, 0.979, 0.9827, 0.9858, 0.9884, 0.9905, 0.9922, 0.9937, 0.9948, 0.9958, 0.9966, 0.9972, 0.9977, 0.9981, 0.9985, 0.9988, 1);
477
+ --motion-spring-effects-default-duration: 231ms;
478
+ --motion-spring-effects-slow-easing: linear(0, 0.0229, 0.079, 0.1536, 0.2366, 0.3215, 0.4038, 0.481, 0.5518, 0.6155, 0.672, 0.7215, 0.7646, 0.8017, 0.8336, 0.8607, 0.8838, 0.9032, 0.9196, 0.9333, 0.9448, 0.9544, 0.9624, 0.969, 0.9745, 0.9791, 0.9828, 0.9859, 0.9885, 0.9906, 0.9923, 0.9937, 0.9949, 0.9958, 0.9966, 0.9972, 0.9977, 0.9982, 0.9985, 0.9988, 1);
479
+ --motion-spring-effects-slow-duration: 327ms;
480
+ --motion-spring-expressive-fast-easing: linear(0, 0.0293, 0.1035, 0.2048, 0.3194, 0.437, 0.5502, 0.654, 0.7456, 0.8235, 0.8876, 0.9385, 0.9774, 1.0058, 1.0253, 1.0375, 1.0439, 1.046, 1.0449, 1.0416, 1.037, 1.0318, 1.0264, 1.0211, 1.0163, 1.0121, 1.0084, 1.0054, 1.003, 1.0012, 0.9998, 0.9989, 0.9983, 0.998, 0.9979, 0.9979, 0.9981, 0.9983, 0.9985, 0.9988, 1);
481
+ --motion-spring-expressive-fast-duration: 364ms;
482
+ --motion-spring-expressive-default-easing: linear(0, 0.0201, 0.0716, 0.1435, 0.2273, 0.3163, 0.4056, 0.4919, 0.5726, 0.6463, 0.7123, 0.7702, 0.8201, 0.8626, 0.898, 0.9271, 0.9506, 0.9693, 0.9837, 0.9946, 1.0026, 1.0081, 1.0118, 1.014, 1.015, 1.0151, 1.0147, 1.0138, 1.0126, 1.0113, 1.01, 1.0086, 1.0073, 1.0061, 1.005, 1.0041, 1.0032, 1.0025, 1.0019, 1.0014, 1);
483
+ --motion-spring-expressive-default-duration: 435ms;
484
+ --motion-spring-expressive-slow-easing: linear(0, 0.0201, 0.0716, 0.1436, 0.2275, 0.3166, 0.406, 0.4923, 0.573, 0.6467, 0.7127, 0.7706, 0.8205, 0.8629, 0.8983, 0.9274, 0.9509, 0.9695, 0.9838, 0.9947, 1.0027, 1.0082, 1.0119, 1.014, 1.015, 1.0151, 1.0147, 1.0138, 1.0126, 1.0113, 1.0099, 1.0086, 1.0073, 1.0061, 1.005, 1.0041, 1.0032, 1.0025, 1.0019, 1.0014, 1);
485
+ --motion-spring-expressive-slow-duration: 600ms;
168
486
  --breakpoint-sm: 640px;
169
487
  --breakpoint-md: 768px;
170
488
  --breakpoint-lg: 1024px;
171
489
  --breakpoint-xl: 1280px;
172
490
  --breakpoint-2xl: 1536px;
491
+ --elevation-0: none; /** In-flow content: use tonal surfaces, not shadow */
492
+ --elevation-1: 0 0 0 1px light-dark(rgb(26 28 30 / 0.06), rgb(255 255 255 / 0.06)), 0 1px 2px light-dark(rgb(26 28 30 / 0.06), rgb(0 0 0 / 0.4)), 0 2px 6px light-dark(rgb(26 28 30 / 0.04), rgb(0 0 0 / 0.3)); /** Menus, interactive cards on hover */
493
+ --elevation-2: 0 0 0 1px light-dark(rgb(26 28 30 / 0.06), rgb(255 255 255 / 0.08)), 0 2px 4px light-dark(rgb(26 28 30 / 0.06), rgb(0 0 0 / 0.4)), 0 8px 20px light-dark(rgb(26 28 30 / 0.08), rgb(0 0 0 / 0.45)); /** Popovers, toasts */
494
+ --elevation-3: 0 0 0 1px light-dark(rgb(26 28 30 / 0.06), rgb(255 255 255 / 0.08)), 0 4px 8px light-dark(rgb(26 28 30 / 0.08), rgb(0 0 0 / 0.45)), 0 20px 48px light-dark(rgb(26 28 30 / 0.16), rgb(0 0 0 / 0.55)); /** Dialogs, sheets */
495
+ --state-hover: 0.08; /** State-layer opacity (on-color over the container) */
496
+ --state-focus: 0.10;
497
+ --state-pressed: 0.12;
498
+ --state-dragged: 0.16;
499
+ --state-disabled-content: 0.38;
500
+ --state-disabled-container: 0.12;
173
501
  --gradient-brand: linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
174
502
  --gradient-brand-horizontal: linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
175
503
  --gradient-hero-ambient: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(64,153,241,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(28,206,102,0.06) 0%, transparent 50%), #ffffff;
@@ -211,6 +539,12 @@
211
539
  --shadow-inner-highlight: inset 0 1px 0 0 rgba(255,255,255,0.1);
212
540
  --shadow-focus: 0 0 0 2px #ffffff, 0 0 0 4px #4099f1;
213
541
  --shadow-lift: 0 4px 12px -2px rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.08);
542
+ --shape-control: 9999px; /** Capsule: Button, IconButton, Chip, SegmentedControl, Switch, Badge */
543
+ --shape-field: 12px; /** Input, Select, Textarea, Combobox */
544
+ --shape-container: 16px; /** Card, Popover, Menu, Toast */
545
+ --shape-overlay: 24px; /** Dialog, Sheet, CommandPalette */
546
+ --shape-tooltip: 8px; /** Tooltip, Kbd */
547
+ --shape-min: 4px; /** Floor for concentric inner radii: max(min, outer - padding) */
214
548
  --size-control-xs: 24px;
215
549
  --size-control-sm: 32px;
216
550
  --size-control-md: 40px;
@@ -264,10 +598,11 @@
264
598
  --container-2xl: 1536px;
265
599
  --container-nexub: 1440px;
266
600
  --container-prose: 65ch;
267
- --font-family-sans: 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
601
+ --font-family-sans: 'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif; /** UI face (body, title, label roles) */
602
+ --font-family-display: 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', 'Inter Variable', ui-sans-serif, system-ui, sans-serif; /** Brand face (display, headline roles) */
268
603
  --font-family-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;
269
- --font-family-devanagari: 'Noto Sans Devanagari', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif;
270
- --font-family-tamil: 'Noto Sans Tamil', 'Plus Jakarta Sans Variable', 'Plus Jakarta Sans', ui-sans-serif, sans-serif;
604
+ --font-family-devanagari: 'Noto Sans Devanagari', 'Inter Variable', 'Inter', ui-sans-serif, sans-serif;
605
+ --font-family-tamil: 'Noto Sans Tamil', 'Inter Variable', 'Inter', ui-sans-serif, sans-serif;
271
606
  --font-weight-regular: 400;
272
607
  --font-weight-medium: 500;
273
608
  --font-weight-semibold: 600;
@@ -325,6 +660,66 @@
325
660
  --text-code-lineHeight: 1.6;
326
661
  --text-code-letterSpacing: 0;
327
662
  --text-code-weight: 400;
663
+ --type-display-lg-size: 56px;
664
+ --type-display-lg-lineHeight: 60px;
665
+ --type-display-lg-letterSpacing: -0.03em;
666
+ --type-display-lg-weight: 700;
667
+ --type-display-md-size: 44px;
668
+ --type-display-md-lineHeight: 48px;
669
+ --type-display-md-letterSpacing: -0.025em;
670
+ --type-display-md-weight: 700;
671
+ --type-display-sm-size: 36px;
672
+ --type-display-sm-lineHeight: 40px;
673
+ --type-display-sm-letterSpacing: -0.02em;
674
+ --type-display-sm-weight: 700;
675
+ --type-headline-lg-size: 32px;
676
+ --type-headline-lg-lineHeight: 38px;
677
+ --type-headline-lg-letterSpacing: -0.02em;
678
+ --type-headline-lg-weight: 600;
679
+ --type-headline-md-size: 28px;
680
+ --type-headline-md-lineHeight: 34px;
681
+ --type-headline-md-letterSpacing: -0.015em;
682
+ --type-headline-md-weight: 600;
683
+ --type-headline-sm-size: 24px;
684
+ --type-headline-sm-lineHeight: 30px;
685
+ --type-headline-sm-letterSpacing: -0.01em;
686
+ --type-headline-sm-weight: 600;
687
+ --type-title-lg-size: 20px;
688
+ --type-title-lg-lineHeight: 28px;
689
+ --type-title-lg-letterSpacing: -0.01em;
690
+ --type-title-lg-weight: 600;
691
+ --type-title-md-size: 16px;
692
+ --type-title-md-lineHeight: 24px;
693
+ --type-title-md-letterSpacing: -0.005em;
694
+ --type-title-md-weight: 600;
695
+ --type-title-sm-size: 14px;
696
+ --type-title-sm-lineHeight: 20px;
697
+ --type-title-sm-letterSpacing: 0em;
698
+ --type-title-sm-weight: 600;
699
+ --type-body-lg-size: 18px;
700
+ --type-body-lg-lineHeight: 28px;
701
+ --type-body-lg-letterSpacing: -0.011em;
702
+ --type-body-lg-weight: 400;
703
+ --type-body-md-size: 16px;
704
+ --type-body-md-lineHeight: 24px;
705
+ --type-body-md-letterSpacing: -0.011em;
706
+ --type-body-md-weight: 400;
707
+ --type-body-sm-size: 14px;
708
+ --type-body-sm-lineHeight: 20px;
709
+ --type-body-sm-letterSpacing: -0.006em;
710
+ --type-body-sm-weight: 400;
711
+ --type-label-lg-size: 14px;
712
+ --type-label-lg-lineHeight: 20px;
713
+ --type-label-lg-letterSpacing: 0em;
714
+ --type-label-lg-weight: 500;
715
+ --type-label-md-size: 13px;
716
+ --type-label-md-lineHeight: 18px;
717
+ --type-label-md-letterSpacing: 0em;
718
+ --type-label-md-weight: 500;
719
+ --type-label-sm-size: 12px;
720
+ --type-label-sm-lineHeight: 16px;
721
+ --type-label-sm-letterSpacing: 0.01em;
722
+ --type-label-sm-weight: 500;
328
723
  --z-hide: -1;
329
724
  --z-base: 0;
330
725
  --z-raised: 10;