@master/css-preset 2.0.0-rc.84 → 2.0.0-rc.85

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.
package/src/theme.css CHANGED
@@ -1,789 +1,789 @@
1
1
  @theme {
2
- /* Font families */
3
- --font-family-sans: var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
4
- --font-family-mono: var(--font-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
5
- --font-family-serif: var(--font-serif, ui-serif), Georgia, Cambria, 'Times New Roman', Times, serif;
6
-
7
- /* Letter spacing */
8
- --tracking-tightest: -0.072em;
9
- --tracking-tighter: -0.04em;
10
- --tracking-tight: -0.02em;
11
- --tracking-normal: 0;
12
- --tracking-wide: 0.02em;
13
- --tracking-wider: 0.04em;
14
- --tracking-widest: 0.12em;
15
-
16
- /* Line heights */
17
- --leading-xs: 1.2;
18
- --leading-sm: 1.4;
19
- --leading-md: 1.6;
20
- --leading-lg: 1.8;
21
- --leading-xl: 2;
22
-
23
- /* Font weights */
24
- --font-weight-thin: 100;
25
- --font-weight-extralight: 200;
26
- --font-weight-light: 300;
27
- --font-weight-regular: 400;
28
- --font-weight-medium: 500;
29
- --font-weight-semibold: 600;
30
- --font-weight-bold: 700;
31
- --font-weight-extrabold: 800;
32
- --font-weight-heavy: 900;
33
-
34
- /* Font sizes */
35
- --font-size-3xs: 0.5rem;
36
- --font-size-2xs: 0.625rem;
37
- --font-size-xs: 0.75rem;
38
- --font-size-sm: 0.875rem;
39
- --font-size-md: 1rem;
40
- --font-size-lg: 1.125rem;
41
- --font-size-xl: 1.25rem;
42
- --font-size-2xl: 1.5rem;
43
- --font-size-3xl: 2rem;
44
- --font-size-4xl: 2.25rem;
45
- --font-size-5xl: 2.5rem;
46
- --font-size-6xl: 3rem;
47
- --font-size-7xl: 3.75rem;
48
- --font-size-8xl: 4.5rem;
49
- --font-size-9xl: 6rem;
50
- --font-size-10xl: 8rem;
51
-
52
- /* Font features */
53
- --font-feature-tabular: 'tnum';
54
-
55
- /* Content */
56
- --content-empty: '';
57
-
58
- /* Radii */
59
- --radius-xs: 0.125rem;
60
- --radius-sm: 0.25rem;
61
- --radius-md: 0.375rem;
62
- --radius-lg: 0.5rem;
63
- --radius-xl: 0.75rem;
64
- --radius-2xl: 1rem;
65
- --radius-3xl: 1.5rem;
66
- --radius-4xl: 2rem;
67
-
68
- /* Spacing */
69
- --spacing-4xs: 0.125rem;
70
- --spacing-3xs: 0.25rem;
71
- --spacing-2xs: 0.375rem;
72
- --spacing-xs: 0.5rem;
73
- --spacing-sm: 0.75rem;
74
- --spacing-md: 1rem;
75
- --spacing-lg: 1.5rem;
76
- --spacing-xl: 2rem;
77
- --spacing-2xl: 3rem;
78
- --spacing-3xl: 4rem;
79
- --spacing-4xl: 6rem;
80
- --spacing-5xl: 8rem;
81
-
82
- /* Breakpoints */
83
- --breakpoint-4xs: 22.5rem;
84
- --breakpoint-3xs: 30rem;
85
- --breakpoint-2xs: 37.5rem;
86
- --breakpoint-xs: 48rem;
87
- --breakpoint-sm: 52.125rem;
88
- --breakpoint-md: 64rem;
89
- --breakpoint-lg: 80rem;
90
- --breakpoint-xl: 90rem;
91
- --breakpoint-2xl: 100rem;
92
- --breakpoint-3xl: 120rem;
93
- --breakpoint-4xl: 160rem;
94
-
95
- /* Containers */
96
- --container-3xs: 16rem;
97
- --container-2xs: 18rem;
98
- --container-xs: 20rem;
99
- --container-sm: 24rem;
100
- --container-md: 28rem;
101
- --container-lg: 32rem;
102
- --container-xl: 36rem;
103
- --container-2xl: 42rem;
104
- --container-3xl: 48rem;
105
- --container-4xl: 56rem;
106
- --container-5xl: 64rem;
107
- --container-6xl: 72rem;
108
- --container-7xl: 80rem;
109
- --container-8xl: 90rem;
110
-
111
- /* Durations */
112
- --duration-fastest: 75ms;
113
- --duration-faster: 100ms;
114
- --duration-fast: 150ms;
115
- --duration-normal: 200ms;
116
- --duration-slow: 300ms;
117
- --duration-slower: 500ms;
118
- --duration-slowest: 800ms;
119
-
120
- /* Easings */
121
- --easing-smooth: cubic-bezier(.4, 0, .2, 1);
122
- --easing-soft: cubic-bezier(.33, 1, .68, 1);
123
- --easing-crisp: cubic-bezier(.16, 1, .3, 1);
124
- --easing-snap: cubic-bezier(.2, 0, 0, 1);
125
- --easing-accelerate: cubic-bezier(.4, 0, 1, 1);
126
- --easing-decelerate: cubic-bezier(0, 0, .2, 1);
127
- --easing-overshoot: cubic-bezier(.34, 1.56, .64, 1);
128
- --easing-rewind: cubic-bezier(.36, 0, .66, -.56);
129
- --easing-spring: cubic-bezier(.68, -.6, .32, 1.6);
130
-
131
- /* Animations */
132
- --animate-fade: fade 1s infinite;
133
- --animate-flash: flash 1s infinite;
134
- --animate-float: float 3s ease-in-out infinite;
135
- --animate-heart: heart 1s infinite;
136
- --animate-jump: jump 1s infinite;
137
- --animate-ping: ping 1s infinite;
138
- --animate-pulse: pulse 1s infinite;
139
- --animate-rotate: rotate 1s linear infinite;
140
- --animate-shake: shake 1s infinite;
141
- --animate-zoom: zoom 1s infinite;
142
-
143
- /* Color palettes */
144
- /* stone */
145
- --color-stone-0: oklch(99% 0.002 72);
146
- --color-stone-5: oklch(94.9% 0.0053 72);
147
- --color-stone-10: oklch(90.8% 0.0158 72);
148
- --color-stone-20: oklch(82.6% 0.0287 72);
149
- --color-stone-30: oklch(74.4% 0.04 72);
150
- --color-stone-40: oklch(66.2% 0.044 72);
151
- --color-stone-50: oklch(58% 0.045 72);
152
- --color-stone-60: oklch(49.8% 0.033 72);
153
- --color-stone-70: oklch(41.6% 0.0275 72);
154
- --color-stone-80: oklch(33.4% 0.022 72);
155
- --color-stone-90: oklch(25.2% 0.0105 72);
156
- --color-stone-95: oklch(21.1% 0.0079 72);
157
- --color-stone-100: oklch(17% 0.0053 72);
158
-
159
- /* gray */
160
- --color-gray-0: oklch(98.48% 0 none);
161
- --color-gray-5: oklch(96.5% 0 none);
162
- --color-gray-10: oklch(90% 0 none);
163
- --color-gray-20: oklch(82% 0 none);
164
- --color-gray-30: oklch(73.5% 0 none);
165
- --color-gray-40: oklch(65% 0 none);
166
- --color-gray-50: oklch(55.2% 0 none);
167
- --color-gray-60: oklch(48% 0 none);
168
- --color-gray-70: oklch(39.5% 0 none);
169
- --color-gray-80: oklch(31% 0 none);
170
- --color-gray-90: oklch(23.5% 0 none);
171
- --color-gray-95: oklch(18.5% 0 none);
172
- --color-gray-100: oklch(14.5% 0 none);
173
-
174
- /* neutral */
175
- --color-neutral-0: oklch(98.38% 0.0033 250);
176
- --color-neutral-5: oklch(96.8% 0.0048 253);
177
- --color-neutral-10: oklch(94.8% 0.0074 262);
178
- --color-neutral-20: oklch(88.5% 0.014 268);
179
- --color-neutral-30: oklch(79.5% 0.02 270);
180
- --color-neutral-40: oklch(68.5% 0.026 272);
181
- --color-neutral-50: oklch(57% 0.03 273);
182
- --color-neutral-60: oklch(48% 0.028 273);
183
- --color-neutral-70: oklch(39% 0.024 273);
184
- --color-neutral-80: oklch(30.5% 0.019 273);
185
- --color-neutral-90: oklch(23% 0.014 273);
186
- --color-neutral-95: oklch(18% 0.01 273);
187
- --color-neutral-100: oklch(14% 0.007 273);
188
-
189
- /* slate */
190
- --color-slate-0: oklch(98.07% 0.0055 257.1);
191
- --color-slate-5: oklch(96.15% 0.0145 267.3);
192
- --color-slate-10: oklch(90.16% 0.0324 268.2);
193
- --color-slate-20: oklch(82.16% 0.045 268.2);
194
- --color-slate-30: oklch(74.16% 0.069 268.2);
195
- --color-slate-40: oklch(63.99% 0.0804 266.1);
196
- --color-slate-50: oklch(55.43% 0.0949 263.4);
197
- --color-slate-60: oklch(45.03% 0.0817 265.9);
198
- --color-slate-70: oklch(39% 0.0702 263.9);
199
- --color-slate-80: oklch(32.14% 0.0604 264.8);
200
- --color-slate-90: oklch(27.33% 0.0536 264.8);
201
- --color-slate-95: oklch(21.5% 0.0573 267.4);
202
- --color-slate-100: oklch(17.5% 0.0688 267.4);
203
-
204
- /* brown */
205
- --color-brown-0: oklch(97% 0.0097 47.1);
206
- --color-brown-5: oklch(95.48% 0.0183 34.8);
207
- --color-brown-10: oklch(88.65% 0.0558 33.4);
208
- --color-brown-20: oklch(81.37% 0.1065 33.6);
209
- --color-brown-30: oklch(74.39% 0.12 32.5);
210
- --color-brown-40: oklch(67.62% 0.12 32.5);
211
- --color-brown-50: oklch(61.9% 0.12 32.5);
212
- --color-brown-60: oklch(55.58% 0.12 32.5);
213
- --color-brown-70: oklch(49.11% 0.12 32.5);
214
- --color-brown-80: oklch(42.07% 0.12 32.5);
215
- --color-brown-90: oklch(35.11% 0.12 32.5);
216
- --color-brown-95: oklch(24.7% 0.0958 31.2);
217
- --color-brown-100: oklch(21.21% 0.0822 31.2);
218
-
219
- /* orange */
220
- --color-orange-0: oklch(96.76% 0.0202 84.6);
221
- --color-orange-5: oklch(94.78% 0.0417 83);
222
- --color-orange-10: oklch(89.94% 0.0784 75.7);
223
- --color-orange-20: oklch(82.86% 0.1343 69.2);
224
- --color-orange-30: oklch(75.09% 0.179 58.4);
225
- --color-orange-40: oklch(71.4% 0.1941 48.1);
226
- --color-orange-50: oklch(66.61% 0.2247 36.7);
227
- --color-orange-60: oklch(61.68% 0.2388 31.2);
228
- --color-orange-70: oklch(53.53% 0.2196 29.2);
229
- --color-orange-80: oklch(46.33% 0.1901 29.2);
230
- --color-orange-90: oklch(36.63% 0.1503 29.2);
231
- --color-orange-95: oklch(25.4% 0.1042 29.2);
232
- --color-orange-100: oklch(21.44% 0.088 29.2);
233
-
234
- /* amber */
235
- --color-amber-0: oklch(97.5% 0.0306 99);
236
- --color-amber-5: oklch(96.24% 0.0573 98.1);
237
- --color-amber-10: oklch(93.46% 0.0995 95.8);
238
- --color-amber-20: oklch(88.25% 0.1592 91.3);
239
- --color-amber-30: oklch(86% 0.1633 86.9);
240
- --color-amber-40: oklch(83.04% 0.1701 81.1);
241
- --color-amber-50: oklch(79.4% 0.1709 71.1);
242
- --color-amber-60: oklch(73.31% 0.1784 56.5);
243
- --color-amber-70: oklch(63.23% 0.1757 46.7);
244
- --color-amber-80: oklch(53.09% 0.1677 39.7);
245
- --color-amber-90: oklch(42.68% 0.138 38.6);
246
- --color-amber-95: oklch(29.27% 0.0971 37.4);
247
- --color-amber-100: oklch(23.94% 0.0818 36.1);
248
-
249
- /* yellow */
250
- --color-yellow-0: oklch(98.86% 0.0355 107.4);
251
- --color-yellow-5: oklch(98.27% 0.0758 108);
252
- --color-yellow-10: oklch(97.31% 0.1513 109.1);
253
- --color-yellow-20: oklch(95.82% 0.207 108.4);
254
- --color-yellow-30: oklch(93.51% 0.1981 104.7);
255
- --color-yellow-40: oklch(91.5% 0.1909 101.1);
256
- --color-yellow-50: oklch(87.52% 0.1796 94.6);
257
- --color-yellow-60: oklch(82.02% 0.169 82.1);
258
- --color-yellow-70: oklch(72.04% 0.1592 67);
259
- --color-yellow-80: oklch(64.84% 0.1477 63.1);
260
- --color-yellow-90: oklch(52.17% 0.1199 62.2);
261
- --color-yellow-95: oklch(33.35% 0.083 54.6);
262
- --color-yellow-100: oklch(26.22% 0.0646 55.4);
263
-
264
- /* lime */
265
- --color-lime-0: oklch(98.05% 0.0399 116);
266
- --color-lime-5: oklch(96.62% 0.08 121.2);
267
- --color-lime-10: oklch(95.06% 0.1441 121.5);
268
- --color-lime-20: oklch(92.45% 0.2251 126);
269
- --color-lime-30: oklch(87.79% 0.2261 126.9);
270
- --color-lime-40: oklch(82.22% 0.225 131.1);
271
- --color-lime-50: oklch(74.39% 0.2131 133.9);
272
- --color-lime-60: oklch(66.45% 0.195 135.3);
273
- --color-lime-70: oklch(58.7% 0.1769 136.7);
274
- --color-lime-80: oklch(51.46% 0.1612 138.7);
275
- --color-lime-90: oklch(44.54% 0.1437 140.1);
276
- --color-lime-95: oklch(29.84% 0.097 140.4);
277
- --color-lime-100: oklch(25.83% 0.0851 141.1);
278
-
279
- /* green */
280
- --color-green-0: oklch(97% 0.0305 145.7);
281
- --color-green-5: oklch(94.95% 0.071 145.5);
282
- --color-green-10: oklch(92.05% 0.1355 145.7);
283
- --color-green-20: oklch(89.18% 0.2191 143.8);
284
- --color-green-30: oklch(84.3% 0.24 143.9);
285
- --color-green-40: oklch(77.68% 0.25 144.1);
286
- --color-green-50: oklch(72.41% 0.2464 142.5);
287
- --color-green-60: oklch(67.52% 0.2298 142.5);
288
- --color-green-70: oklch(58.66% 0.1996 142.5);
289
- --color-green-80: oklch(51.96% 0.1768 142.5);
290
- --color-green-90: oklch(44.03% 0.1498 142.5);
291
- --color-green-95: oklch(30.17% 0.1027 142.5);
292
- --color-green-100: oklch(26.35% 0.0897 142.5);
293
-
294
- /* beryl */
295
- --color-beryl-0: oklch(96.57% 0.03 163.7);
296
- --color-beryl-5: oklch(94.71% 0.0634 163.5);
297
- --color-beryl-10: oklch(91.87% 0.1178 162.2);
298
- --color-beryl-20: oklch(90.33% 0.1569 161.2);
299
- --color-beryl-30: oklch(86.43% 0.2104 155.8);
300
- --color-beryl-40: oklch(82.49% 0.1978 156.6);
301
- --color-beryl-50: oklch(76.89% 0.1885 155.4);
302
- --color-beryl-60: oklch(69.77% 0.1794 153.1);
303
- --color-beryl-70: oklch(60.74% 0.1602 151.9);
304
- --color-beryl-80: oklch(54.36% 0.1421 152.3);
305
- --color-beryl-90: oklch(46.09% 0.1213 152);
306
- --color-beryl-95: oklch(30.39% 0.0888 147.6);
307
- --color-beryl-100: oklch(26.71% 0.0855 144.4);
308
-
309
- /* teal */
310
- --color-teal-0: oklch(97.24% 0.023 179.8);
311
- --color-teal-5: oklch(94.3% 0.0661 180.5);
312
- --color-teal-10: oklch(92.33% 0.1056 181.5);
313
- --color-teal-20: oklch(91.3% 0.1327 183.1);
314
- --color-teal-30: oklch(90.52% 0.1472 184.8);
315
- --color-teal-40: oklch(89.99% 0.1577 186.3);
316
- --color-teal-50: oklch(86.13% 0.1485 190.5);
317
- --color-teal-60: oklch(79.38% 0.1355 194.8);
318
- --color-teal-70: oklch(67.86% 0.1154 199.2);
319
- --color-teal-80: oklch(60.62% 0.1033 203.7);
320
- --color-teal-90: oklch(52.19% 0.0898 208.3);
321
- --color-teal-95: oklch(31.94% 0.0584 220.7);
322
- --color-teal-100: oklch(28.34% 0.0534 224.3);
323
-
324
- /* cyan */
325
- --color-cyan-0: oklch(97.47% 0.022 196.6);
326
- --color-cyan-5: oklch(95.05% 0.0598 196);
327
- --color-cyan-10: oklch(92.28% 0.1032 196.9);
328
- --color-cyan-20: oklch(89.98% 0.1264 200.1);
329
- --color-cyan-30: oklch(87.28% 0.1376 204.3);
330
- --color-cyan-40: oklch(84.82% 0.1408 209.5);
331
- --color-cyan-50: oklch(81.54% 0.1453 216.7);
332
- --color-cyan-60: oklch(77.57% 0.1494 226.7);
333
- --color-cyan-70: oklch(70.27% 0.1509 235.9);
334
- --color-cyan-80: oklch(63.25% 0.1493 241.7);
335
- --color-cyan-90: oklch(52.16% 0.1354 246.4);
336
- --color-cyan-95: oklch(35.21% 0.0976 249.2);
337
- --color-cyan-100: oklch(30.27% 0.0847 249.6);
338
-
339
- /* sky */
340
- --color-sky-0: oklch(97.39% 0.0139 209.4);
341
- --color-sky-5: oklch(94.65% 0.0358 212.1);
342
- --color-sky-10: oklch(90.51% 0.0667 216.5);
343
- --color-sky-20: oklch(86.58% 0.0902 224);
344
- --color-sky-30: oklch(77.94% 0.1431 228.4);
345
- --color-sky-40: oklch(72.24% 0.1626 239);
346
- --color-sky-50: oklch(67.09% 0.1828 248.5);
347
- --color-sky-60: oklch(62.09% 0.2077 255.4);
348
- --color-sky-70: oklch(55.12% 0.2483 261.6);
349
- --color-sky-80: oklch(49.98% 0.2769 263.8);
350
- --color-sky-90: oklch(40.76% 0.2499 264.2);
351
- --color-sky-95: oklch(28.37% 0.1946 265.1);
352
- --color-sky-100: oklch(25.85% 0.1768 265.4);
353
-
354
- /* blue */
355
- --color-blue-0: oklch(97.5% 0.0105 219.7);
356
- --color-blue-5: oklch(93.53% 0.0305 231.3);
357
- --color-blue-10: oklch(90.01% 0.0519 236.1);
358
- --color-blue-20: oklch(81.69% 0.0975 246.5);
359
- --color-blue-30: oklch(72.87% 0.1468 249.3);
360
- --color-blue-40: oklch(64.31% 0.1921 258.5);
361
- --color-blue-50: oklch(58.22% 0.2279 263.9);
362
- --color-blue-60: oklch(51.83% 0.2687 266.1);
363
- --color-blue-70: oklch(46.26% 0.3057 266.7);
364
- --color-blue-80: oklch(42.89% 0.2907 266.3);
365
- --color-blue-90: oklch(39.4% 0.2629 268);
366
- --color-blue-95: oklch(28.64% 0.1893 269);
367
- --color-blue-100: oklch(25.46% 0.168 269.2);
368
-
369
- /* indigo */
370
- --color-indigo-0: oklch(97.1% 0.0083 257.2);
371
- --color-indigo-5: oklch(94.11% 0.0228 279.6);
372
- --color-indigo-10: oklch(87.83% 0.0547 274.4);
373
- --color-indigo-20: oklch(77.74% 0.1153 280.2);
374
- --color-indigo-30: oklch(70.2% 0.1611 282.9);
375
- --color-indigo-40: oklch(61.3% 0.218 284);
376
- --color-indigo-50: oklch(56.78% 0.2478 284.1);
377
- --color-indigo-60: oklch(50.06% 0.2906 282);
378
- --color-indigo-70: oklch(48.74% 0.2963 279.3);
379
- --color-indigo-80: oklch(48.25% 0.2976 277.4);
380
- --color-indigo-90: oklch(41.46% 0.2571 276.7);
381
- --color-indigo-95: oklch(29.36% 0.1799 278.3);
382
- --color-indigo-100: oklch(25.28% 0.1551 278.1);
383
-
384
- /* violet */
385
- --color-violet-0: oklch(97.96% 0.01 322.8);
386
- --color-violet-5: oklch(94.02% 0.0266 299.5);
387
- --color-violet-10: oklch(88.69% 0.0596 300.1);
388
- --color-violet-20: oklch(80.47% 0.113 297.7);
389
- --color-violet-30: oklch(71.63% 0.1722 298.7);
390
- --color-violet-40: oklch(62.1% 0.237 297.8);
391
- --color-violet-50: oklch(56.23% 0.2803 297.8);
392
- --color-violet-60: oklch(52.55% 0.293 292.4);
393
- --color-violet-70: oklch(51.12% 0.2931 287.9);
394
- --color-violet-80: oklch(48.43% 0.2798 286.7);
395
- --color-violet-90: oklch(40.64% 0.2331 287.9);
396
- --color-violet-95: oklch(28.51% 0.1631 288.3);
397
- --color-violet-100: oklch(24.44% 0.1403 287.8);
398
-
399
- /* purple */
400
- --color-purple-0: oklch(97.07% 0.0155 325.8);
401
- --color-purple-5: oklch(94.28% 0.0315 314.4);
402
- --color-purple-10: oklch(89.13% 0.0709 314.7);
403
- --color-purple-20: oklch(81.4% 0.1318 312.8);
404
- --color-purple-30: oklch(72.72% 0.2007 312.8);
405
- --color-purple-40: oklch(63.36% 0.2677 310);
406
- --color-purple-50: oklch(58.21% 0.2988 307.2);
407
- --color-purple-60: oklch(55.59% 0.2952 301);
408
- --color-purple-70: oklch(54.45% 0.294 297.9);
409
- --color-purple-80: oklch(48.76% 0.264 297.5);
410
- --color-purple-90: oklch(39.15% 0.2105 298.7);
411
- --color-purple-95: oklch(27.95% 0.1488 300.5);
412
- --color-purple-100: oklch(24.3% 0.128 302.4);
413
-
414
- /* fuchsia */
415
- --color-fuchsia-0: oklch(97.07% 0.0155 325.8);
416
- --color-fuchsia-5: oklch(94.57% 0.0378 324.9);
417
- --color-fuchsia-10: oklch(89.9% 0.086 326.3);
418
- --color-fuchsia-20: oklch(81.84% 0.1554 322);
419
- --color-fuchsia-30: oklch(74.78% 0.2085 319.1);
420
- --color-fuchsia-40: oklch(67.61% 0.25 316.5);
421
- --color-fuchsia-50: oklch(62.91% 0.25 316.7);
422
- --color-fuchsia-60: oklch(58.72% 0.25 311.8);
423
- --color-fuchsia-70: oklch(53.61% 0.25 312.8);
424
- --color-fuchsia-80: oklch(47.9% 0.2382 313.2);
425
- --color-fuchsia-90: oklch(38.62% 0.1895 315.8);
426
- --color-fuchsia-95: oklch(27.75% 0.1357 316.4);
427
- --color-fuchsia-100: oklch(23.7% 0.1162 315.9);
428
-
429
- /* pink */
430
- --color-pink-0: oklch(97.07% 0.0155 325.8);
431
- --color-pink-5: oklch(94.74% 0.0372 326.5);
432
- --color-pink-10: oklch(88.85% 0.083 332.8);
433
- --color-pink-20: oklch(81.57% 0.1379 341.6);
434
- --color-pink-30: oklch(74.68% 0.2018 342.5);
435
- --color-pink-40: oklch(69.18% 0.2455 347.6);
436
- --color-pink-50: oklch(65.84% 0.25 350.7);
437
- --color-pink-60: oklch(63.54% 0.25 359.2);
438
- --color-pink-70: oklch(58.95% 0.2377 2.6);
439
- --color-pink-80: oklch(53% 0.2126 6.4);
440
- --color-pink-90: oklch(43.66% 0.1748 8.1);
441
- --color-pink-95: oklch(31.48% 0.1261 7.8);
442
- --color-pink-100: oklch(27.42% 0.1098 8.5);
443
-
444
- /* crimson */
445
- --color-crimson-0: oklch(97.07% 0.0155 325.8);
446
- --color-crimson-5: oklch(94.2% 0.0266 353.2);
447
- --color-crimson-10: oklch(88.09% 0.0623 1);
448
- --color-crimson-20: oklch(80.33% 0.1184 4.5);
449
- --color-crimson-30: oklch(72.9% 0.1774 4.4);
450
- --color-crimson-40: oklch(66.41% 0.2325 8.3);
451
- --color-crimson-50: oklch(63.55% 0.25 15.3);
452
- --color-crimson-60: oklch(62.66% 0.25 21.2);
453
- --color-crimson-70: oklch(58.59% 0.2383 26.2);
454
- --color-crimson-80: oklch(53.32% 0.2169 26.3);
455
- --color-crimson-90: oklch(44.03% 0.1783 24.4);
456
- --color-crimson-95: oklch(31.73% 0.1287 25.1);
457
- --color-crimson-100: oklch(27.68% 0.1126 26.2);
458
-
459
- /* red */
460
- --color-red-0: oklch(96.63% 0.01 17.2);
461
- --color-red-5: oklch(94.05% 0.0239 17);
462
- --color-red-10: oklch(87.16% 0.0632 17.8);
463
- --color-red-20: oklch(79.39% 0.119 18.8);
464
- --color-red-30: oklch(72.94% 0.1679 17.5);
465
- --color-red-40: oklch(64.7% 0.2399 19.9);
466
- --color-red-50: oklch(62.82% 0.25 28.6);
467
- --color-red-60: oklch(60.94% 0.2501 29.2);
468
- --color-red-70: oklch(57.58% 0.2363 29.2);
469
- --color-red-80: oklch(53.09% 0.2178 29.2);
470
- --color-red-90: oklch(44.45% 0.1824 29.2);
471
- --color-red-95: oklch(32.59% 0.1337 29.2);
472
- --color-red-100: oklch(28.54% 0.1171 29.2);
473
-
474
- /* Keyframes */
475
- @keyframes fade {
476
- 0% {
477
- opacity: 0;
478
- }
479
-
480
- to {
481
- opacity: 1;
482
- }
2
+ /* Font families */
3
+ --font-family-sans: var(--font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
4
+ --font-family-mono: var(--font-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
5
+ --font-family-serif: var(--font-serif, ui-serif), Georgia, Cambria, 'Times New Roman', Times, serif;
6
+
7
+ /* Letter spacing */
8
+ --tracking-tightest: -0.072em;
9
+ --tracking-tighter: -0.04em;
10
+ --tracking-tight: -0.02em;
11
+ --tracking-normal: 0;
12
+ --tracking-wide: 0.02em;
13
+ --tracking-wider: 0.04em;
14
+ --tracking-widest: 0.12em;
15
+
16
+ /* Line heights */
17
+ --leading-xs: 1.2;
18
+ --leading-sm: 1.4;
19
+ --leading-md: 1.6;
20
+ --leading-lg: 1.8;
21
+ --leading-xl: 2;
22
+
23
+ /* Font weights */
24
+ --font-weight-thin: 100;
25
+ --font-weight-extralight: 200;
26
+ --font-weight-light: 300;
27
+ --font-weight-regular: 400;
28
+ --font-weight-medium: 500;
29
+ --font-weight-semibold: 600;
30
+ --font-weight-bold: 700;
31
+ --font-weight-extrabold: 800;
32
+ --font-weight-heavy: 900;
33
+
34
+ /* Font sizes */
35
+ --font-size-3xs: 0.5rem;
36
+ --font-size-2xs: 0.625rem;
37
+ --font-size-xs: 0.75rem;
38
+ --font-size-sm: 0.875rem;
39
+ --font-size-md: 1rem;
40
+ --font-size-lg: 1.125rem;
41
+ --font-size-xl: 1.25rem;
42
+ --font-size-2xl: 1.5rem;
43
+ --font-size-3xl: 2rem;
44
+ --font-size-4xl: 2.25rem;
45
+ --font-size-5xl: 2.5rem;
46
+ --font-size-6xl: 3rem;
47
+ --font-size-7xl: 3.75rem;
48
+ --font-size-8xl: 4.5rem;
49
+ --font-size-9xl: 6rem;
50
+ --font-size-10xl: 8rem;
51
+
52
+ /* Font features */
53
+ --font-feature-tabular: 'tnum';
54
+
55
+ /* Content */
56
+ --content-empty: '';
57
+
58
+ /* Radii */
59
+ --radius-xs: 0.125rem;
60
+ --radius-sm: 0.25rem;
61
+ --radius-md: 0.375rem;
62
+ --radius-lg: 0.5rem;
63
+ --radius-xl: 0.75rem;
64
+ --radius-2xl: 1rem;
65
+ --radius-3xl: 1.5rem;
66
+ --radius-4xl: 2rem;
67
+
68
+ /* Spacing */
69
+ --spacing-4xs: 0.125rem;
70
+ --spacing-3xs: 0.25rem;
71
+ --spacing-2xs: 0.375rem;
72
+ --spacing-xs: 0.5rem;
73
+ --spacing-sm: 0.75rem;
74
+ --spacing-md: 1rem;
75
+ --spacing-lg: 1.5rem;
76
+ --spacing-xl: 2rem;
77
+ --spacing-2xl: 3rem;
78
+ --spacing-3xl: 4rem;
79
+ --spacing-4xl: 6rem;
80
+ --spacing-5xl: 8rem;
81
+
82
+ /* Breakpoints */
83
+ --breakpoint-4xs: 22.5rem;
84
+ --breakpoint-3xs: 30rem;
85
+ --breakpoint-2xs: 37.5rem;
86
+ --breakpoint-xs: 48rem;
87
+ --breakpoint-sm: 52.125rem;
88
+ --breakpoint-md: 64rem;
89
+ --breakpoint-lg: 80rem;
90
+ --breakpoint-xl: 90rem;
91
+ --breakpoint-2xl: 100rem;
92
+ --breakpoint-3xl: 120rem;
93
+ --breakpoint-4xl: 160rem;
94
+
95
+ /* Containers */
96
+ --container-3xs: 16rem;
97
+ --container-2xs: 18rem;
98
+ --container-xs: 20rem;
99
+ --container-sm: 24rem;
100
+ --container-md: 28rem;
101
+ --container-lg: 32rem;
102
+ --container-xl: 36rem;
103
+ --container-2xl: 42rem;
104
+ --container-3xl: 48rem;
105
+ --container-4xl: 56rem;
106
+ --container-5xl: 64rem;
107
+ --container-6xl: 72rem;
108
+ --container-7xl: 80rem;
109
+ --container-8xl: 90rem;
110
+
111
+ /* Durations */
112
+ --duration-fastest: 75ms;
113
+ --duration-faster: 100ms;
114
+ --duration-fast: 150ms;
115
+ --duration-normal: 200ms;
116
+ --duration-slow: 300ms;
117
+ --duration-slower: 500ms;
118
+ --duration-slowest: 800ms;
119
+
120
+ /* Easings */
121
+ --easing-smooth: cubic-bezier(.4, 0, .2, 1);
122
+ --easing-soft: cubic-bezier(.33, 1, .68, 1);
123
+ --easing-crisp: cubic-bezier(.16, 1, .3, 1);
124
+ --easing-snap: cubic-bezier(.2, 0, 0, 1);
125
+ --easing-accelerate: cubic-bezier(.4, 0, 1, 1);
126
+ --easing-decelerate: cubic-bezier(0, 0, .2, 1);
127
+ --easing-overshoot: cubic-bezier(.34, 1.56, .64, 1);
128
+ --easing-rewind: cubic-bezier(.36, 0, .66, -.56);
129
+ --easing-spring: cubic-bezier(.68, -.6, .32, 1.6);
130
+
131
+ /* Animations */
132
+ --animate-fade: fade 1s infinite;
133
+ --animate-flash: flash 1s infinite;
134
+ --animate-float: float 3s ease-in-out infinite;
135
+ --animate-heart: heart 1s infinite;
136
+ --animate-jump: jump 1s infinite;
137
+ --animate-ping: ping 1s infinite;
138
+ --animate-pulse: pulse 1s infinite;
139
+ --animate-rotate: rotate 1s linear infinite;
140
+ --animate-shake: shake 1s infinite;
141
+ --animate-zoom: zoom 1s infinite;
142
+
143
+ /* Color palettes */
144
+ /* stone */
145
+ --color-stone-0: oklch(99% 0.002 72);
146
+ --color-stone-5: oklch(94.9% 0.0053 72);
147
+ --color-stone-10: oklch(90.8% 0.0158 72);
148
+ --color-stone-20: oklch(82.6% 0.0287 72);
149
+ --color-stone-30: oklch(74.4% 0.04 72);
150
+ --color-stone-40: oklch(66.2% 0.044 72);
151
+ --color-stone-50: oklch(58% 0.045 72);
152
+ --color-stone-60: oklch(49.8% 0.033 72);
153
+ --color-stone-70: oklch(41.6% 0.0275 72);
154
+ --color-stone-80: oklch(33.4% 0.022 72);
155
+ --color-stone-90: oklch(25.2% 0.0105 72);
156
+ --color-stone-95: oklch(21.1% 0.0079 72);
157
+ --color-stone-100: oklch(17% 0.0053 72);
158
+
159
+ /* gray */
160
+ --color-gray-0: oklch(98.48% 0 none);
161
+ --color-gray-5: oklch(96.5% 0 none);
162
+ --color-gray-10: oklch(90% 0 none);
163
+ --color-gray-20: oklch(82% 0 none);
164
+ --color-gray-30: oklch(73.5% 0 none);
165
+ --color-gray-40: oklch(65% 0 none);
166
+ --color-gray-50: oklch(55.2% 0 none);
167
+ --color-gray-60: oklch(48% 0 none);
168
+ --color-gray-70: oklch(39.5% 0 none);
169
+ --color-gray-80: oklch(31% 0 none);
170
+ --color-gray-90: oklch(23.5% 0 none);
171
+ --color-gray-95: oklch(18.5% 0 none);
172
+ --color-gray-100: oklch(14.5% 0 none);
173
+
174
+ /* neutral */
175
+ --color-neutral-0: oklch(98.38% 0.0033 250);
176
+ --color-neutral-5: oklch(96.8% 0.0048 253);
177
+ --color-neutral-10: oklch(94.8% 0.0074 262);
178
+ --color-neutral-20: oklch(88.5% 0.014 268);
179
+ --color-neutral-30: oklch(79.5% 0.02 270);
180
+ --color-neutral-40: oklch(68.5% 0.026 272);
181
+ --color-neutral-50: oklch(57% 0.03 273);
182
+ --color-neutral-60: oklch(48% 0.028 273);
183
+ --color-neutral-70: oklch(39% 0.024 273);
184
+ --color-neutral-80: oklch(30.5% 0.019 273);
185
+ --color-neutral-90: oklch(23% 0.014 273);
186
+ --color-neutral-95: oklch(18% 0.01 273);
187
+ --color-neutral-100: oklch(14% 0.007 273);
188
+
189
+ /* slate */
190
+ --color-slate-0: oklch(98.07% 0.0055 257.1);
191
+ --color-slate-5: oklch(96.15% 0.0145 267.3);
192
+ --color-slate-10: oklch(90.16% 0.0324 268.2);
193
+ --color-slate-20: oklch(82.16% 0.045 268.2);
194
+ --color-slate-30: oklch(74.16% 0.069 268.2);
195
+ --color-slate-40: oklch(63.99% 0.0804 266.1);
196
+ --color-slate-50: oklch(55.43% 0.0949 263.4);
197
+ --color-slate-60: oklch(45.03% 0.0817 265.9);
198
+ --color-slate-70: oklch(39% 0.0702 263.9);
199
+ --color-slate-80: oklch(32.14% 0.0604 264.8);
200
+ --color-slate-90: oklch(27.33% 0.0536 264.8);
201
+ --color-slate-95: oklch(21.5% 0.0573 267.4);
202
+ --color-slate-100: oklch(17.5% 0.0688 267.4);
203
+
204
+ /* brown */
205
+ --color-brown-0: oklch(97% 0.0097 47.1);
206
+ --color-brown-5: oklch(95.48% 0.0183 34.8);
207
+ --color-brown-10: oklch(88.65% 0.0558 33.4);
208
+ --color-brown-20: oklch(81.37% 0.1065 33.6);
209
+ --color-brown-30: oklch(74.39% 0.12 32.5);
210
+ --color-brown-40: oklch(67.62% 0.12 32.5);
211
+ --color-brown-50: oklch(61.9% 0.12 32.5);
212
+ --color-brown-60: oklch(55.58% 0.12 32.5);
213
+ --color-brown-70: oklch(49.11% 0.12 32.5);
214
+ --color-brown-80: oklch(42.07% 0.12 32.5);
215
+ --color-brown-90: oklch(35.11% 0.12 32.5);
216
+ --color-brown-95: oklch(24.7% 0.0958 31.2);
217
+ --color-brown-100: oklch(21.21% 0.0822 31.2);
218
+
219
+ /* orange */
220
+ --color-orange-0: oklch(96.76% 0.0202 84.6);
221
+ --color-orange-5: oklch(94.78% 0.0417 83);
222
+ --color-orange-10: oklch(89.94% 0.0784 75.7);
223
+ --color-orange-20: oklch(82.86% 0.1343 69.2);
224
+ --color-orange-30: oklch(75.09% 0.179 58.4);
225
+ --color-orange-40: oklch(71.4% 0.1941 48.1);
226
+ --color-orange-50: oklch(66.61% 0.2247 36.7);
227
+ --color-orange-60: oklch(61.68% 0.2388 31.2);
228
+ --color-orange-70: oklch(53.53% 0.2196 29.2);
229
+ --color-orange-80: oklch(46.33% 0.1901 29.2);
230
+ --color-orange-90: oklch(36.63% 0.1503 29.2);
231
+ --color-orange-95: oklch(25.4% 0.1042 29.2);
232
+ --color-orange-100: oklch(21.44% 0.088 29.2);
233
+
234
+ /* amber */
235
+ --color-amber-0: oklch(97.5% 0.0306 99);
236
+ --color-amber-5: oklch(96.24% 0.0573 98.1);
237
+ --color-amber-10: oklch(93.46% 0.0995 95.8);
238
+ --color-amber-20: oklch(88.25% 0.1592 91.3);
239
+ --color-amber-30: oklch(86% 0.1633 86.9);
240
+ --color-amber-40: oklch(83.04% 0.1701 81.1);
241
+ --color-amber-50: oklch(79.4% 0.1709 71.1);
242
+ --color-amber-60: oklch(73.31% 0.1784 56.5);
243
+ --color-amber-70: oklch(63.23% 0.1757 46.7);
244
+ --color-amber-80: oklch(53.09% 0.1677 39.7);
245
+ --color-amber-90: oklch(42.68% 0.138 38.6);
246
+ --color-amber-95: oklch(29.27% 0.0971 37.4);
247
+ --color-amber-100: oklch(23.94% 0.0818 36.1);
248
+
249
+ /* yellow */
250
+ --color-yellow-0: oklch(98.86% 0.0355 107.4);
251
+ --color-yellow-5: oklch(98.27% 0.0758 108);
252
+ --color-yellow-10: oklch(97.31% 0.1513 109.1);
253
+ --color-yellow-20: oklch(95.82% 0.207 108.4);
254
+ --color-yellow-30: oklch(93.51% 0.1981 104.7);
255
+ --color-yellow-40: oklch(91.5% 0.1909 101.1);
256
+ --color-yellow-50: oklch(87.52% 0.1796 94.6);
257
+ --color-yellow-60: oklch(82.02% 0.169 82.1);
258
+ --color-yellow-70: oklch(72.04% 0.1592 67);
259
+ --color-yellow-80: oklch(64.84% 0.1477 63.1);
260
+ --color-yellow-90: oklch(52.17% 0.1199 62.2);
261
+ --color-yellow-95: oklch(33.35% 0.083 54.6);
262
+ --color-yellow-100: oklch(26.22% 0.0646 55.4);
263
+
264
+ /* lime */
265
+ --color-lime-0: oklch(98.05% 0.0399 116);
266
+ --color-lime-5: oklch(96.62% 0.08 121.2);
267
+ --color-lime-10: oklch(95.06% 0.1441 121.5);
268
+ --color-lime-20: oklch(92.45% 0.2251 126);
269
+ --color-lime-30: oklch(87.79% 0.2261 126.9);
270
+ --color-lime-40: oklch(82.22% 0.225 131.1);
271
+ --color-lime-50: oklch(74.39% 0.2131 133.9);
272
+ --color-lime-60: oklch(66.45% 0.195 135.3);
273
+ --color-lime-70: oklch(58.7% 0.1769 136.7);
274
+ --color-lime-80: oklch(51.46% 0.1612 138.7);
275
+ --color-lime-90: oklch(44.54% 0.1437 140.1);
276
+ --color-lime-95: oklch(29.84% 0.097 140.4);
277
+ --color-lime-100: oklch(25.83% 0.0851 141.1);
278
+
279
+ /* green */
280
+ --color-green-0: oklch(97% 0.0305 145.7);
281
+ --color-green-5: oklch(94.95% 0.071 145.5);
282
+ --color-green-10: oklch(92.05% 0.1355 145.7);
283
+ --color-green-20: oklch(89.18% 0.2191 143.8);
284
+ --color-green-30: oklch(84.3% 0.24 143.9);
285
+ --color-green-40: oklch(77.68% 0.25 144.1);
286
+ --color-green-50: oklch(72.41% 0.2464 142.5);
287
+ --color-green-60: oklch(67.52% 0.2298 142.5);
288
+ --color-green-70: oklch(58.66% 0.1996 142.5);
289
+ --color-green-80: oklch(51.96% 0.1768 142.5);
290
+ --color-green-90: oklch(44.03% 0.1498 142.5);
291
+ --color-green-95: oklch(30.17% 0.1027 142.5);
292
+ --color-green-100: oklch(26.35% 0.0897 142.5);
293
+
294
+ /* beryl */
295
+ --color-beryl-0: oklch(96.57% 0.03 163.7);
296
+ --color-beryl-5: oklch(94.71% 0.0634 163.5);
297
+ --color-beryl-10: oklch(91.87% 0.1178 162.2);
298
+ --color-beryl-20: oklch(90.33% 0.1569 161.2);
299
+ --color-beryl-30: oklch(86.43% 0.2104 155.8);
300
+ --color-beryl-40: oklch(82.49% 0.1978 156.6);
301
+ --color-beryl-50: oklch(76.89% 0.1885 155.4);
302
+ --color-beryl-60: oklch(69.77% 0.1794 153.1);
303
+ --color-beryl-70: oklch(60.74% 0.1602 151.9);
304
+ --color-beryl-80: oklch(54.36% 0.1421 152.3);
305
+ --color-beryl-90: oklch(46.09% 0.1213 152);
306
+ --color-beryl-95: oklch(30.39% 0.0888 147.6);
307
+ --color-beryl-100: oklch(26.71% 0.0855 144.4);
308
+
309
+ /* teal */
310
+ --color-teal-0: oklch(97.24% 0.023 179.8);
311
+ --color-teal-5: oklch(94.3% 0.0661 180.5);
312
+ --color-teal-10: oklch(92.33% 0.1056 181.5);
313
+ --color-teal-20: oklch(91.3% 0.1327 183.1);
314
+ --color-teal-30: oklch(90.52% 0.1472 184.8);
315
+ --color-teal-40: oklch(89.99% 0.1577 186.3);
316
+ --color-teal-50: oklch(86.13% 0.1485 190.5);
317
+ --color-teal-60: oklch(79.38% 0.1355 194.8);
318
+ --color-teal-70: oklch(67.86% 0.1154 199.2);
319
+ --color-teal-80: oklch(60.62% 0.1033 203.7);
320
+ --color-teal-90: oklch(52.19% 0.0898 208.3);
321
+ --color-teal-95: oklch(31.94% 0.0584 220.7);
322
+ --color-teal-100: oklch(28.34% 0.0534 224.3);
323
+
324
+ /* cyan */
325
+ --color-cyan-0: oklch(97.47% 0.022 196.6);
326
+ --color-cyan-5: oklch(95.05% 0.0598 196);
327
+ --color-cyan-10: oklch(92.28% 0.1032 196.9);
328
+ --color-cyan-20: oklch(89.98% 0.1264 200.1);
329
+ --color-cyan-30: oklch(87.28% 0.1376 204.3);
330
+ --color-cyan-40: oklch(84.82% 0.1408 209.5);
331
+ --color-cyan-50: oklch(81.54% 0.1453 216.7);
332
+ --color-cyan-60: oklch(77.57% 0.1494 226.7);
333
+ --color-cyan-70: oklch(70.27% 0.1509 235.9);
334
+ --color-cyan-80: oklch(63.25% 0.1493 241.7);
335
+ --color-cyan-90: oklch(52.16% 0.1354 246.4);
336
+ --color-cyan-95: oklch(35.21% 0.0976 249.2);
337
+ --color-cyan-100: oklch(30.27% 0.0847 249.6);
338
+
339
+ /* sky */
340
+ --color-sky-0: oklch(97.39% 0.0139 209.4);
341
+ --color-sky-5: oklch(94.65% 0.0358 212.1);
342
+ --color-sky-10: oklch(90.51% 0.0667 216.5);
343
+ --color-sky-20: oklch(86.58% 0.0902 224);
344
+ --color-sky-30: oklch(77.94% 0.1431 228.4);
345
+ --color-sky-40: oklch(72.24% 0.1626 239);
346
+ --color-sky-50: oklch(67.09% 0.1828 248.5);
347
+ --color-sky-60: oklch(62.09% 0.2077 255.4);
348
+ --color-sky-70: oklch(55.12% 0.2483 261.6);
349
+ --color-sky-80: oklch(49.98% 0.2769 263.8);
350
+ --color-sky-90: oklch(40.76% 0.2499 264.2);
351
+ --color-sky-95: oklch(28.37% 0.1946 265.1);
352
+ --color-sky-100: oklch(25.85% 0.1768 265.4);
353
+
354
+ /* blue */
355
+ --color-blue-0: oklch(97.5% 0.0105 219.7);
356
+ --color-blue-5: oklch(93.53% 0.0305 231.3);
357
+ --color-blue-10: oklch(90.01% 0.0519 236.1);
358
+ --color-blue-20: oklch(81.69% 0.0975 246.5);
359
+ --color-blue-30: oklch(72.87% 0.1468 249.3);
360
+ --color-blue-40: oklch(64.31% 0.1921 258.5);
361
+ --color-blue-50: oklch(58.22% 0.2279 263.9);
362
+ --color-blue-60: oklch(51.83% 0.2687 266.1);
363
+ --color-blue-70: oklch(46.26% 0.3057 266.7);
364
+ --color-blue-80: oklch(42.89% 0.2907 266.3);
365
+ --color-blue-90: oklch(39.4% 0.2629 268);
366
+ --color-blue-95: oklch(28.64% 0.1893 269);
367
+ --color-blue-100: oklch(25.46% 0.168 269.2);
368
+
369
+ /* indigo */
370
+ --color-indigo-0: oklch(97.1% 0.0083 257.2);
371
+ --color-indigo-5: oklch(94.11% 0.0228 279.6);
372
+ --color-indigo-10: oklch(87.83% 0.0547 274.4);
373
+ --color-indigo-20: oklch(77.74% 0.1153 280.2);
374
+ --color-indigo-30: oklch(70.2% 0.1611 282.9);
375
+ --color-indigo-40: oklch(61.3% 0.218 284);
376
+ --color-indigo-50: oklch(56.78% 0.2478 284.1);
377
+ --color-indigo-60: oklch(50.06% 0.2906 282);
378
+ --color-indigo-70: oklch(48.74% 0.2963 279.3);
379
+ --color-indigo-80: oklch(48.25% 0.2976 277.4);
380
+ --color-indigo-90: oklch(41.46% 0.2571 276.7);
381
+ --color-indigo-95: oklch(29.36% 0.1799 278.3);
382
+ --color-indigo-100: oklch(25.28% 0.1551 278.1);
383
+
384
+ /* violet */
385
+ --color-violet-0: oklch(97.96% 0.01 322.8);
386
+ --color-violet-5: oklch(94.02% 0.0266 299.5);
387
+ --color-violet-10: oklch(88.69% 0.0596 300.1);
388
+ --color-violet-20: oklch(80.47% 0.113 297.7);
389
+ --color-violet-30: oklch(71.63% 0.1722 298.7);
390
+ --color-violet-40: oklch(62.1% 0.237 297.8);
391
+ --color-violet-50: oklch(56.23% 0.2803 297.8);
392
+ --color-violet-60: oklch(52.55% 0.293 292.4);
393
+ --color-violet-70: oklch(51.12% 0.2931 287.9);
394
+ --color-violet-80: oklch(48.43% 0.2798 286.7);
395
+ --color-violet-90: oklch(40.64% 0.2331 287.9);
396
+ --color-violet-95: oklch(28.51% 0.1631 288.3);
397
+ --color-violet-100: oklch(24.44% 0.1403 287.8);
398
+
399
+ /* purple */
400
+ --color-purple-0: oklch(97.07% 0.0155 325.8);
401
+ --color-purple-5: oklch(94.28% 0.0315 314.4);
402
+ --color-purple-10: oklch(89.13% 0.0709 314.7);
403
+ --color-purple-20: oklch(81.4% 0.1318 312.8);
404
+ --color-purple-30: oklch(72.72% 0.2007 312.8);
405
+ --color-purple-40: oklch(63.36% 0.2677 310);
406
+ --color-purple-50: oklch(58.21% 0.2988 307.2);
407
+ --color-purple-60: oklch(55.59% 0.2952 301);
408
+ --color-purple-70: oklch(54.45% 0.294 297.9);
409
+ --color-purple-80: oklch(48.76% 0.264 297.5);
410
+ --color-purple-90: oklch(39.15% 0.2105 298.7);
411
+ --color-purple-95: oklch(27.95% 0.1488 300.5);
412
+ --color-purple-100: oklch(24.3% 0.128 302.4);
413
+
414
+ /* fuchsia */
415
+ --color-fuchsia-0: oklch(97.07% 0.0155 325.8);
416
+ --color-fuchsia-5: oklch(94.57% 0.0378 324.9);
417
+ --color-fuchsia-10: oklch(89.9% 0.086 326.3);
418
+ --color-fuchsia-20: oklch(81.84% 0.1554 322);
419
+ --color-fuchsia-30: oklch(74.78% 0.2085 319.1);
420
+ --color-fuchsia-40: oklch(67.61% 0.25 316.5);
421
+ --color-fuchsia-50: oklch(62.91% 0.25 316.7);
422
+ --color-fuchsia-60: oklch(58.72% 0.25 311.8);
423
+ --color-fuchsia-70: oklch(53.61% 0.25 312.8);
424
+ --color-fuchsia-80: oklch(47.9% 0.2382 313.2);
425
+ --color-fuchsia-90: oklch(38.62% 0.1895 315.8);
426
+ --color-fuchsia-95: oklch(27.75% 0.1357 316.4);
427
+ --color-fuchsia-100: oklch(23.7% 0.1162 315.9);
428
+
429
+ /* pink */
430
+ --color-pink-0: oklch(97.07% 0.0155 325.8);
431
+ --color-pink-5: oklch(94.74% 0.0372 326.5);
432
+ --color-pink-10: oklch(88.85% 0.083 332.8);
433
+ --color-pink-20: oklch(81.57% 0.1379 341.6);
434
+ --color-pink-30: oklch(74.68% 0.2018 342.5);
435
+ --color-pink-40: oklch(69.18% 0.2455 347.6);
436
+ --color-pink-50: oklch(65.84% 0.25 350.7);
437
+ --color-pink-60: oklch(63.54% 0.25 359.2);
438
+ --color-pink-70: oklch(58.95% 0.2377 2.6);
439
+ --color-pink-80: oklch(53% 0.2126 6.4);
440
+ --color-pink-90: oklch(43.66% 0.1748 8.1);
441
+ --color-pink-95: oklch(31.48% 0.1261 7.8);
442
+ --color-pink-100: oklch(27.42% 0.1098 8.5);
443
+
444
+ /* crimson */
445
+ --color-crimson-0: oklch(97.07% 0.0155 325.8);
446
+ --color-crimson-5: oklch(94.2% 0.0266 353.2);
447
+ --color-crimson-10: oklch(88.09% 0.0623 1);
448
+ --color-crimson-20: oklch(80.33% 0.1184 4.5);
449
+ --color-crimson-30: oklch(72.9% 0.1774 4.4);
450
+ --color-crimson-40: oklch(66.41% 0.2325 8.3);
451
+ --color-crimson-50: oklch(63.55% 0.25 15.3);
452
+ --color-crimson-60: oklch(62.66% 0.25 21.2);
453
+ --color-crimson-70: oklch(58.59% 0.2383 26.2);
454
+ --color-crimson-80: oklch(53.32% 0.2169 26.3);
455
+ --color-crimson-90: oklch(44.03% 0.1783 24.4);
456
+ --color-crimson-95: oklch(31.73% 0.1287 25.1);
457
+ --color-crimson-100: oklch(27.68% 0.1126 26.2);
458
+
459
+ /* red */
460
+ --color-red-0: oklch(96.63% 0.01 17.2);
461
+ --color-red-5: oklch(94.05% 0.0239 17);
462
+ --color-red-10: oklch(87.16% 0.0632 17.8);
463
+ --color-red-20: oklch(79.39% 0.119 18.8);
464
+ --color-red-30: oklch(72.94% 0.1679 17.5);
465
+ --color-red-40: oklch(64.7% 0.2399 19.9);
466
+ --color-red-50: oklch(62.82% 0.25 28.6);
467
+ --color-red-60: oklch(60.94% 0.2501 29.2);
468
+ --color-red-70: oklch(57.58% 0.2363 29.2);
469
+ --color-red-80: oklch(53.09% 0.2178 29.2);
470
+ --color-red-90: oklch(44.45% 0.1824 29.2);
471
+ --color-red-95: oklch(32.59% 0.1337 29.2);
472
+ --color-red-100: oklch(28.54% 0.1171 29.2);
473
+
474
+ /* Keyframes */
475
+ @keyframes fade {
476
+ 0% {
477
+ opacity: 0;
483
478
  }
484
479
 
485
- @keyframes flash {
486
- 0%, 50%, to {
487
- opacity: 1;
488
- }
480
+ to {
481
+ opacity: 1;
482
+ }
483
+ }
489
484
 
490
- 25%, 75% {
491
- opacity: 0;
492
- }
485
+ @keyframes flash {
486
+ 0%, 50%, to {
487
+ opacity: 1;
493
488
  }
494
489
 
495
- @keyframes float {
496
- 0% {
497
- transform: none;
498
- }
490
+ 25%, 75% {
491
+ opacity: 0;
492
+ }
493
+ }
499
494
 
500
- 50% {
501
- transform: translateY(-1.25rem);
502
- }
495
+ @keyframes float {
496
+ 0% {
497
+ transform: none;
498
+ }
503
499
 
504
- to {
505
- transform: none;
506
- }
500
+ 50% {
501
+ transform: translateY(-1.25rem);
507
502
  }
508
503
 
509
- @keyframes heart {
510
- 0% {
511
- transform: scale(1);
512
- }
504
+ to {
505
+ transform: none;
506
+ }
507
+ }
513
508
 
514
- 14% {
515
- transform: scale(1.3);
516
- }
509
+ @keyframes heart {
510
+ 0% {
511
+ transform: scale(1);
512
+ }
517
513
 
518
- 28% {
519
- transform: scale(1);
520
- }
514
+ 14% {
515
+ transform: scale(1.3);
516
+ }
521
517
 
522
- 42% {
523
- transform: scale(1.3);
524
- }
518
+ 28% {
519
+ transform: scale(1);
520
+ }
525
521
 
526
- 70% {
527
- transform: scale(1);
528
- }
522
+ 42% {
523
+ transform: scale(1.3);
529
524
  }
530
525
 
531
- @keyframes jump {
532
- 0%, to {
533
- transform: translateY(-25%);
534
- animation-timing-function: cubic-bezier(.8, 0, 1, 1);
535
- }
526
+ 70% {
527
+ transform: scale(1);
528
+ }
529
+ }
536
530
 
537
- 50% {
538
- transform: translateY(0);
539
- animation-timing-function: cubic-bezier(0, 0, .2, 1);
540
- }
531
+ @keyframes jump {
532
+ 0%, to {
533
+ transform: translateY(-25%);
534
+ animation-timing-function: cubic-bezier(.8, 0, 1, 1);
541
535
  }
542
536
 
543
- @keyframes ping {
544
- 75%, to {
545
- transform: scale(2);
546
- opacity: 0;
547
- }
537
+ 50% {
538
+ transform: translateY(0);
539
+ animation-timing-function: cubic-bezier(0, 0, .2, 1);
548
540
  }
541
+ }
549
542
 
550
- @keyframes pulse {
551
- 0% {
552
- transform: none;
553
- }
543
+ @keyframes ping {
544
+ 75%, to {
545
+ transform: scale(2);
546
+ opacity: 0;
547
+ }
548
+ }
554
549
 
555
- 50% {
556
- transform: scale(1.05);
557
- }
550
+ @keyframes pulse {
551
+ 0% {
552
+ transform: none;
553
+ }
558
554
 
559
- to {
560
- transform: none;
561
- }
555
+ 50% {
556
+ transform: scale(1.05);
562
557
  }
563
558
 
564
- @keyframes rotate {
565
- 0% {
566
- transform: rotate(-360deg);
567
- }
559
+ to {
560
+ transform: none;
561
+ }
562
+ }
568
563
 
569
- to {
570
- transform: none;
571
- }
564
+ @keyframes rotate {
565
+ 0% {
566
+ transform: rotate(-360deg);
572
567
  }
573
568
 
574
- @keyframes shake {
575
- 0% {
576
- transform: none;
577
- }
569
+ to {
570
+ transform: none;
571
+ }
572
+ }
578
573
 
579
- 6.5% {
580
- transform: translateX(-6px) rotateY(-9deg);
581
- }
574
+ @keyframes shake {
575
+ 0% {
576
+ transform: none;
577
+ }
582
578
 
583
- 18.5% {
584
- transform: translateX(5px) rotateY(7deg);
585
- }
579
+ 6.5% {
580
+ transform: translateX(-6px) rotateY(-9deg);
581
+ }
586
582
 
587
- 31.5% {
588
- transform: translateX(-3px) rotateY(-5deg);
589
- }
583
+ 18.5% {
584
+ transform: translateX(5px) rotateY(7deg);
585
+ }
590
586
 
591
- 43.5% {
592
- transform: translateX(2px) rotateY(3deg);
593
- }
587
+ 31.5% {
588
+ transform: translateX(-3px) rotateY(-5deg);
589
+ }
590
+
591
+ 43.5% {
592
+ transform: translateX(2px) rotateY(3deg);
593
+ }
594
594
 
595
- 50% {
596
- transform: none;
597
- }
595
+ 50% {
596
+ transform: none;
598
597
  }
598
+ }
599
599
 
600
- @keyframes zoom {
601
- 0% {
602
- transform: scale(0);
603
- }
600
+ @keyframes zoom {
601
+ 0% {
602
+ transform: scale(0);
603
+ }
604
604
 
605
- to {
606
- transform: none;
607
- }
605
+ to {
606
+ transform: none;
608
607
  }
608
+ }
609
609
  }
610
610
 
611
611
  /* Light mode tokens */
612
612
  @theme light {
613
- /* Shadows */
614
- --shadow-xs: 0 0 0 1px oklch(0% 0 none / .04), 0 1px 2px -1px oklch(0% 0 none / .08);
615
- --shadow-sm: 0 0 0 1px oklch(0% 0 none / .04), 0 1px 2px -1px oklch(0% 0 none / .06), 0 3px 6px -2px oklch(0% 0 none / .08);
616
- --shadow-md: 0 0 0 1px oklch(0% 0 none / .05), 0 2px 4px -2px oklch(0% 0 none / .06), 0 8px 16px -4px oklch(0% 0 none / .10);
617
- --shadow-lg: 0 0 0 1px oklch(0% 0 none / .05), 0 4px 8px -4px oklch(0% 0 none / .08), 0 16px 32px -8px oklch(0% 0 none / .12);
618
- --shadow-xl: 0 0 0 1px oklch(0% 0 none / .06), 0 8px 16px -6px oklch(0% 0 none / .10), 0 24px 48px -12px oklch(0% 0 none / .14);
619
- --shadow-2xl: 0 0 0 1px oklch(0% 0 none / .06), 0 12px 24px -8px oklch(0% 0 none / .12), 0 32px 64px -16px oklch(0% 0 none / .18);
620
-
621
- /* Color aliases */
622
- --color-stone: $color-stone-30;
623
- --color-gray: $color-gray-30;
624
- --color-neutral: $color-neutral-30;
625
- --color-slate: $color-slate-30;
626
- --color-brown: $color-brown-40;
627
- --color-orange: $color-orange-40;
628
- --color-amber: $color-amber-40;
629
- --color-yellow: $color-yellow-40;
630
- --color-lime: $color-lime-40;
631
- --color-green: $color-green-40;
632
- --color-beryl: $color-beryl-40;
633
- --color-teal: $color-teal-40;
634
- --color-cyan: $color-cyan-40;
635
- --color-sky: $color-sky-60;
636
- --color-blue: $color-blue-60;
637
- --color-indigo: $color-indigo-60;
638
- --color-violet: $color-violet-60;
639
- --color-purple: $color-purple-60;
640
- --color-fuchsia: $color-fuchsia-60;
641
- --color-pink: $color-pink-60;
642
- --color-crimson: $color-crimson-60;
643
- --color-red: $color-red-60;
644
-
645
- /* Surface color aliases */
646
- --color-surface-base: $color-neutral-0;
647
- --color-surface-muted: $color-neutral-5;
648
- --color-surface-raised: $color-white;
649
- --color-surface-overlay: $color-white;
650
- --color-surface-inverse: $color-black;
651
-
652
- /* Line color aliases */
653
- --color-line-base: oklch(0% 0 none / 0.12);
654
- --color-line-strong: oklch(0% 0 none / 0.18);
655
- --color-line-muted: oklch(0% 0 none / 0.09);
656
- --color-line-subtle: oklch(0% 0 none / 0.06);
657
-
658
- /* Text color aliases */
659
- --color-text-body: $color-neutral-70;
660
- --color-text-strong: $color-neutral-100;
661
- --color-text-muted: $color-neutral-60;
662
- --color-text-subtle: $color-neutral-50;
663
- --color-text-disabled: $color-neutral-40;
664
- --color-text-placeholder: $color-neutral-40;
665
- --color-text-inverse: $color-white;
666
- --color-text-link: $color-blue-60;
667
- --color-text-link-hover: $color-blue-70;
668
-
669
- --color-text-stone: $color-stone-60;
670
- --color-text-gray: $color-gray-60;
671
- --color-text-neutral: $color-neutral-60;
672
- --color-text-slate: $color-slate-60;
673
- --color-text-brown: $color-brown-60;
674
- --color-text-orange: $color-orange-60;
675
- --color-text-amber: $color-amber-60;
676
- --color-text-yellow: $color-yellow-70;
677
- --color-text-lime: $color-lime-70;
678
- --color-text-green: $color-green-70;
679
- --color-text-beryl: $color-beryl-70;
680
- --color-text-teal: $color-teal-70;
681
- --color-text-cyan: $color-cyan-70;
682
- --color-text-sky: $color-sky-70;
683
- --color-text-blue: $color-blue-60;
684
- --color-text-indigo: $color-indigo-60;
685
- --color-text-violet: $color-violet-60;
686
- --color-text-purple: $color-purple-60;
687
- --color-text-fuchsia: $color-fuchsia-60;
688
- --color-text-pink: $color-pink-60;
689
- --color-text-crimson: $color-crimson-60;
690
- --color-text-red: $color-red-60;
613
+ /* Shadows */
614
+ --shadow-xs: 0 0 0 1px oklch(0% 0 none / .04), 0 1px 2px -1px oklch(0% 0 none / .08);
615
+ --shadow-sm: 0 0 0 1px oklch(0% 0 none / .04), 0 1px 2px -1px oklch(0% 0 none / .06), 0 3px 6px -2px oklch(0% 0 none / .08);
616
+ --shadow-md: 0 0 0 1px oklch(0% 0 none / .05), 0 2px 4px -2px oklch(0% 0 none / .06), 0 8px 16px -4px oklch(0% 0 none / .10);
617
+ --shadow-lg: 0 0 0 1px oklch(0% 0 none / .05), 0 4px 8px -4px oklch(0% 0 none / .08), 0 16px 32px -8px oklch(0% 0 none / .12);
618
+ --shadow-xl: 0 0 0 1px oklch(0% 0 none / .06), 0 8px 16px -6px oklch(0% 0 none / .10), 0 24px 48px -12px oklch(0% 0 none / .14);
619
+ --shadow-2xl: 0 0 0 1px oklch(0% 0 none / .06), 0 12px 24px -8px oklch(0% 0 none / .12), 0 32px 64px -16px oklch(0% 0 none / .18);
620
+
621
+ /* Color aliases */
622
+ --color-stone: $color-stone-30;
623
+ --color-gray: $color-gray-30;
624
+ --color-neutral: $color-neutral-30;
625
+ --color-slate: $color-slate-30;
626
+ --color-brown: $color-brown-40;
627
+ --color-orange: $color-orange-40;
628
+ --color-amber: $color-amber-40;
629
+ --color-yellow: $color-yellow-40;
630
+ --color-lime: $color-lime-40;
631
+ --color-green: $color-green-40;
632
+ --color-beryl: $color-beryl-40;
633
+ --color-teal: $color-teal-40;
634
+ --color-cyan: $color-cyan-40;
635
+ --color-sky: $color-sky-60;
636
+ --color-blue: $color-blue-60;
637
+ --color-indigo: $color-indigo-60;
638
+ --color-violet: $color-violet-60;
639
+ --color-purple: $color-purple-60;
640
+ --color-fuchsia: $color-fuchsia-60;
641
+ --color-pink: $color-pink-60;
642
+ --color-crimson: $color-crimson-60;
643
+ --color-red: $color-red-60;
644
+
645
+ /* Surface color aliases */
646
+ --color-surface-base: $color-neutral-0;
647
+ --color-surface-muted: $color-neutral-5;
648
+ --color-surface-raised: $color-white;
649
+ --color-surface-overlay: $color-white;
650
+ --color-surface-inverse: $color-black;
651
+
652
+ /* Line color aliases */
653
+ --color-line-base: oklch(0% 0 none / 0.12);
654
+ --color-line-strong: oklch(0% 0 none / 0.18);
655
+ --color-line-muted: oklch(0% 0 none / 0.09);
656
+ --color-line-subtle: oklch(0% 0 none / 0.06);
657
+
658
+ /* Text color aliases */
659
+ --color-text-body: $color-neutral-70;
660
+ --color-text-strong: $color-neutral-100;
661
+ --color-text-muted: $color-neutral-60;
662
+ --color-text-subtle: $color-neutral-50;
663
+ --color-text-disabled: $color-neutral-40;
664
+ --color-text-placeholder: $color-neutral-40;
665
+ --color-text-inverse: $color-white;
666
+ --color-text-link: $color-blue-60;
667
+ --color-text-link-hover: $color-blue-70;
668
+
669
+ --color-text-stone: $color-stone-60;
670
+ --color-text-gray: $color-gray-60;
671
+ --color-text-neutral: $color-neutral-60;
672
+ --color-text-slate: $color-slate-60;
673
+ --color-text-brown: $color-brown-60;
674
+ --color-text-orange: $color-orange-60;
675
+ --color-text-amber: $color-amber-60;
676
+ --color-text-yellow: $color-yellow-70;
677
+ --color-text-lime: $color-lime-70;
678
+ --color-text-green: $color-green-70;
679
+ --color-text-beryl: $color-beryl-70;
680
+ --color-text-teal: $color-teal-70;
681
+ --color-text-cyan: $color-cyan-70;
682
+ --color-text-sky: $color-sky-70;
683
+ --color-text-blue: $color-blue-60;
684
+ --color-text-indigo: $color-indigo-60;
685
+ --color-text-violet: $color-violet-60;
686
+ --color-text-purple: $color-purple-60;
687
+ --color-text-fuchsia: $color-fuchsia-60;
688
+ --color-text-pink: $color-pink-60;
689
+ --color-text-crimson: $color-crimson-60;
690
+ --color-text-red: $color-red-60;
691
691
  }
692
692
 
693
693
  /* Dark mode tokens */
694
694
  @theme dark {
695
- /* Shadows */
696
- --shadow-xs: 0 0 0 1px oklch(100% 0 none / .04), 0 1px 2px -1px oklch(0% 0 none / .30);
697
- --shadow-sm: 0 0 0 1px oklch(100% 0 none / .05), 0 1px 2px -1px oklch(0% 0 none / .34), 0 3px 6px -2px oklch(0% 0 none / .26);
698
- --shadow-md: 0 0 0 1px oklch(100% 0 none / .06), 0 2px 4px -2px oklch(0% 0 none / .38), 0 8px 16px -4px oklch(0% 0 none / .30);
699
- --shadow-lg: 0 0 0 1px oklch(100% 0 none / .06), 0 4px 8px -4px oklch(0% 0 none / .42), 0 16px 32px -8px oklch(0% 0 none / .34);
700
- --shadow-xl: 0 0 0 1px oklch(100% 0 none / .07), 0 8px 16px -6px oklch(0% 0 none / .46), 0 24px 48px -12px oklch(0% 0 none / .38);
701
- --shadow-2xl: 0 0 0 1px oklch(100% 0 none / .07), 0 12px 24px -8px oklch(0% 0 none / .50), 0 32px 64px -16px oklch(0% 0 none / .44);
702
-
703
- /* Color aliases */
704
- --color-stone: $color-stone-40;
705
- --color-gray: $color-gray-40;
706
- --color-neutral: $color-neutral-40;
707
- --color-slate: $color-slate-40;
708
- --color-brown: $color-brown-50;
709
- --color-orange: $color-orange-50;
710
- --color-amber: $color-amber-50;
711
- --color-yellow: $color-yellow-50;
712
- --color-lime: $color-lime-50;
713
- --color-green: $color-green-50;
714
- --color-beryl: $color-beryl-50;
715
- --color-teal: $color-teal-50;
716
- --color-cyan: $color-cyan-50;
717
- --color-sky: $color-sky-50;
718
- --color-blue: $color-blue-50;
719
- --color-indigo: $color-indigo-50;
720
- --color-violet: $color-violet-50;
721
- --color-purple: $color-purple-50;
722
- --color-fuchsia: $color-fuchsia-50;
723
- --color-pink: $color-pink-50;
724
- --color-crimson: $color-crimson-50;
725
- --color-red: $color-red-50;
726
-
727
- /* Surface color aliases */
728
- --color-surface-base: $color-gray-95;
729
- --color-surface-muted: $color-gray-100;
730
- --color-surface-raised: $color-gray-90;
731
- --color-surface-overlay: $color-gray-80;
732
- --color-surface-inverse: $color-white;
733
-
734
- /* Line color aliases */
735
- --color-line-base: oklch(100% 0 none / 0.12);
736
- --color-line-strong: oklch(100% 0 none / 0.18);
737
- --color-line-muted: oklch(100% 0 none / 0.09);
738
- --color-line-subtle: oklch(100% 0 none / 0.06);
739
-
740
- /* Text color aliases */
741
- --color-text-body: $color-gray-30;
742
- --color-text-strong: $color-white;
743
- --color-text-muted: $color-gray-40;
744
- --color-text-subtle: $color-gray-50;
745
- --color-text-disabled: $color-gray-60;
746
- --color-text-placeholder: $color-gray-60;
747
- --color-text-inverse: $color-black;
748
- --color-text-link: $color-blue-30;
749
- --color-text-link-hover: $color-blue-20;
750
-
751
- --color-text-stone: $color-stone-30;
752
- --color-text-gray: $color-gray-30;
753
- --color-text-neutral: $color-neutral-30;
754
- --color-text-slate: $color-slate-30;
755
- --color-text-brown: $color-brown-30;
756
- --color-text-orange: $color-orange-30;
757
- --color-text-amber: $color-amber-40;
758
- --color-text-yellow: $color-yellow-40;
759
- --color-text-lime: $color-lime-40;
760
- --color-text-green: $color-green-40;
761
- --color-text-beryl: $color-beryl-40;
762
- --color-text-teal: $color-teal-40;
763
- --color-text-cyan: $color-cyan-40;
764
- --color-text-sky: $color-sky-30;
765
- --color-text-blue: $color-blue-30;
766
- --color-text-indigo: $color-indigo-30;
767
- --color-text-violet: $color-violet-30;
768
- --color-text-purple: $color-purple-30;
769
- --color-text-fuchsia: $color-fuchsia-30;
770
- --color-text-pink: $color-pink-30;
771
- --color-text-crimson: $color-crimson-30;
772
- --color-text-red: $color-red-30;
695
+ /* Shadows */
696
+ --shadow-xs: 0 0 0 1px oklch(100% 0 none / .04), 0 1px 2px -1px oklch(0% 0 none / .30);
697
+ --shadow-sm: 0 0 0 1px oklch(100% 0 none / .05), 0 1px 2px -1px oklch(0% 0 none / .34), 0 3px 6px -2px oklch(0% 0 none / .26);
698
+ --shadow-md: 0 0 0 1px oklch(100% 0 none / .06), 0 2px 4px -2px oklch(0% 0 none / .38), 0 8px 16px -4px oklch(0% 0 none / .30);
699
+ --shadow-lg: 0 0 0 1px oklch(100% 0 none / .06), 0 4px 8px -4px oklch(0% 0 none / .42), 0 16px 32px -8px oklch(0% 0 none / .34);
700
+ --shadow-xl: 0 0 0 1px oklch(100% 0 none / .07), 0 8px 16px -6px oklch(0% 0 none / .46), 0 24px 48px -12px oklch(0% 0 none / .38);
701
+ --shadow-2xl: 0 0 0 1px oklch(100% 0 none / .07), 0 12px 24px -8px oklch(0% 0 none / .50), 0 32px 64px -16px oklch(0% 0 none / .44);
702
+
703
+ /* Color aliases */
704
+ --color-stone: $color-stone-40;
705
+ --color-gray: $color-gray-40;
706
+ --color-neutral: $color-neutral-40;
707
+ --color-slate: $color-slate-40;
708
+ --color-brown: $color-brown-50;
709
+ --color-orange: $color-orange-50;
710
+ --color-amber: $color-amber-50;
711
+ --color-yellow: $color-yellow-50;
712
+ --color-lime: $color-lime-50;
713
+ --color-green: $color-green-50;
714
+ --color-beryl: $color-beryl-50;
715
+ --color-teal: $color-teal-50;
716
+ --color-cyan: $color-cyan-50;
717
+ --color-sky: $color-sky-50;
718
+ --color-blue: $color-blue-50;
719
+ --color-indigo: $color-indigo-50;
720
+ --color-violet: $color-violet-50;
721
+ --color-purple: $color-purple-50;
722
+ --color-fuchsia: $color-fuchsia-50;
723
+ --color-pink: $color-pink-50;
724
+ --color-crimson: $color-crimson-50;
725
+ --color-red: $color-red-50;
726
+
727
+ /* Surface color aliases */
728
+ --color-surface-base: $color-gray-95;
729
+ --color-surface-muted: $color-gray-100;
730
+ --color-surface-raised: $color-gray-90;
731
+ --color-surface-overlay: $color-gray-80;
732
+ --color-surface-inverse: $color-white;
733
+
734
+ /* Line color aliases */
735
+ --color-line-base: oklch(100% 0 none / 0.12);
736
+ --color-line-strong: oklch(100% 0 none / 0.18);
737
+ --color-line-muted: oklch(100% 0 none / 0.09);
738
+ --color-line-subtle: oklch(100% 0 none / 0.06);
739
+
740
+ /* Text color aliases */
741
+ --color-text-body: $color-gray-30;
742
+ --color-text-strong: $color-white;
743
+ --color-text-muted: $color-gray-40;
744
+ --color-text-subtle: $color-gray-50;
745
+ --color-text-disabled: $color-gray-60;
746
+ --color-text-placeholder: $color-gray-60;
747
+ --color-text-inverse: $color-black;
748
+ --color-text-link: $color-blue-30;
749
+ --color-text-link-hover: $color-blue-20;
750
+
751
+ --color-text-stone: $color-stone-30;
752
+ --color-text-gray: $color-gray-30;
753
+ --color-text-neutral: $color-neutral-30;
754
+ --color-text-slate: $color-slate-30;
755
+ --color-text-brown: $color-brown-30;
756
+ --color-text-orange: $color-orange-30;
757
+ --color-text-amber: $color-amber-40;
758
+ --color-text-yellow: $color-yellow-40;
759
+ --color-text-lime: $color-lime-40;
760
+ --color-text-green: $color-green-40;
761
+ --color-text-beryl: $color-beryl-40;
762
+ --color-text-teal: $color-teal-40;
763
+ --color-text-cyan: $color-cyan-40;
764
+ --color-text-sky: $color-sky-30;
765
+ --color-text-blue: $color-blue-30;
766
+ --color-text-indigo: $color-indigo-30;
767
+ --color-text-violet: $color-violet-30;
768
+ --color-text-purple: $color-purple-30;
769
+ --color-text-fuchsia: $color-fuchsia-30;
770
+ --color-text-pink: $color-pink-30;
771
+ --color-text-crimson: $color-crimson-30;
772
+ --color-text-red: $color-red-30;
773
773
  }
774
774
 
775
775
  /* Inline aliases */
776
776
  @theme inline {
777
- --full: 100%;
777
+ --full: 100%;
778
778
 
779
- --fit: fit-content;
780
- --max: max-content;
781
- --min: min-content;
779
+ --fit: fit-content;
780
+ --max: max-content;
781
+ --min: min-content;
782
782
 
783
- --order-first: -999999;
784
- --order-last: 999999;
783
+ --order-first: -999999;
784
+ --order-last: 999999;
785
785
 
786
- --color-white: oklch(100% 0 none);
787
- --color-black: oklch(0% 0 none);
788
- --color-current: currentColor;
786
+ --color-white: oklch(100% 0 none);
787
+ --color-black: oklch(0% 0 none);
788
+ --color-current: currentColor;
789
789
  }