@rainersoft/design-tokens 1.0.4 → 1.0.5

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/dist/index.mjs CHANGED
@@ -1,1118 +1,4 @@
1
- // tokens/colors/light.json
2
- var light_default = {
3
- $schema: "https://json.schemastore.org/theme.json",
4
- $description: "Light theme color palette - Modern and professional design with WCAG AA compliance",
5
- colors: {
6
- primary: {
7
- base: "#0891b2",
8
- hover: "#0e7490",
9
- active: "#155e75",
10
- disabled: "#d4d4d4",
11
- focus: "#0891b2",
12
- background: "#ecfeff",
13
- backgroundHover: "#cffafe",
14
- backgroundActive: "#a5f3fc",
15
- border: "#0891b2",
16
- borderHover: "#0e7490",
17
- borderFocus: "#06b6d4",
18
- text: "#ffffff",
19
- textHover: "#ffffff",
20
- textDisabled: "#a3a3a3"
21
- },
22
- secondary: {
23
- base: "#9333ea",
24
- hover: "#7e22ce",
25
- active: "#6b21a8",
26
- disabled: "#d4d4d4",
27
- focus: "#9333ea",
28
- background: "#faf5ff",
29
- backgroundHover: "#f3e8ff",
30
- backgroundActive: "#e9d5ff",
31
- border: "#9333ea",
32
- borderHover: "#7e22ce",
33
- borderFocus: "#a855f7",
34
- text: "#ffffff",
35
- textHover: "#ffffff",
36
- textDisabled: "#a3a3a3"
37
- },
38
- accent: {
39
- base: "#db2777",
40
- hover: "#be185d",
41
- active: "#9f1239",
42
- disabled: "#d4d4d4",
43
- focus: "#db2777",
44
- background: "#fdf2f8",
45
- backgroundHover: "#fce7f3",
46
- backgroundActive: "#fbcfe8",
47
- border: "#db2777",
48
- borderHover: "#be185d",
49
- borderFocus: "#ec4899",
50
- text: "#ffffff",
51
- textHover: "#ffffff",
52
- textDisabled: "#a3a3a3"
53
- },
54
- background: {
55
- primary: "#ffffff",
56
- secondary: "#fafafa",
57
- tertiary: "#f5f5f5",
58
- inverse: "#0a0a0f",
59
- overlay: "rgba(0, 0, 0, 0.5)",
60
- muted: "#f9fafb"
61
- },
62
- surface: {
63
- primary: "#ffffff",
64
- secondary: "#fafafa",
65
- tertiary: "#f5f5f5",
66
- elevated: "#ffffff",
67
- overlay: "rgba(0, 0, 0, 0.5)",
68
- hover: "#f9fafb",
69
- active: "#f3f4f6"
70
- },
71
- text: {
72
- primary: "#171717",
73
- secondary: "#404040",
74
- tertiary: "#737373",
75
- inverse: "#ffffff",
76
- disabled: "#a3a3a3",
77
- link: "#0891b2",
78
- linkHover: "#0e7490",
79
- linkActive: "#155e75",
80
- linkVisited: "#7e22ce",
81
- onPrimary: "#ffffff",
82
- onSecondary: "#ffffff",
83
- onAccent: "#ffffff",
84
- onBackground: "#171717",
85
- onSurface: "#171717"
86
- },
87
- border: {
88
- primary: "#e5e5e5",
89
- secondary: "#d4d4d4",
90
- tertiary: "#a3a3a3",
91
- focus: "#0891b2",
92
- focusRing: "#06b6d4",
93
- inverse: "#404040",
94
- hover: "#d4d4d4",
95
- active: "#a3a3a3",
96
- disabled: "#e5e5e5"
97
- },
98
- status: {
99
- success: {
100
- base: "#22c55e",
101
- hover: "#16a34a",
102
- active: "#15803d",
103
- background: "#f0fdf4",
104
- backgroundHover: "#dcfce7",
105
- border: "#86efac",
106
- text: "#ffffff",
107
- textOnBackground: "#166534"
108
- },
109
- warning: {
110
- base: "#f59e0b",
111
- hover: "#d97706",
112
- active: "#b45309",
113
- background: "#fffbeb",
114
- backgroundHover: "#fef3c7",
115
- border: "#fcd34d",
116
- text: "#ffffff",
117
- textOnBackground: "#92400e"
118
- },
119
- error: {
120
- base: "#ef4444",
121
- hover: "#dc2626",
122
- active: "#b91c1c",
123
- background: "#fef2f2",
124
- backgroundHover: "#fee2e2",
125
- border: "#fca5a5",
126
- text: "#ffffff",
127
- textOnBackground: "#991b1b"
128
- },
129
- info: {
130
- base: "#3b82f6",
131
- hover: "#2563eb",
132
- active: "#1d4ed8",
133
- background: "#eff6ff",
134
- backgroundHover: "#dbeafe",
135
- border: "#93c5fd",
136
- text: "#ffffff",
137
- textOnBackground: "#1e40af"
138
- }
139
- },
140
- interactive: {
141
- default: "#0891b2",
142
- hover: "#0e7490",
143
- active: "#155e75",
144
- disabled: "#d4d4d4",
145
- disabledText: "#a3a3a3",
146
- focus: "#0891b2",
147
- focusRing: "#06b6d4"
148
- },
149
- primitive: {
150
- cyan: {
151
- "50": "#ecfeff",
152
- "100": "#cffafe",
153
- "200": "#a5f3fc",
154
- "300": "#67e8f9",
155
- "400": "#22d3ee",
156
- "500": "#06b6d4",
157
- "600": "#0891b2",
158
- "700": "#0e7490",
159
- "800": "#155e75",
160
- "900": "#164e63"
161
- },
162
- purple: {
163
- "50": "#faf5ff",
164
- "100": "#f3e8ff",
165
- "200": "#e9d5ff",
166
- "300": "#d8b4fe",
167
- "400": "#c084fc",
168
- "500": "#a855f7",
169
- "600": "#9333ea",
170
- "700": "#7e22ce",
171
- "800": "#6b21a8",
172
- "900": "#581c87"
173
- },
174
- pink: {
175
- "50": "#fdf2f8",
176
- "100": "#fce7f3",
177
- "200": "#fbcfe8",
178
- "300": "#f9a8d4",
179
- "400": "#f472b6",
180
- "500": "#ec4899",
181
- "600": "#db2777",
182
- "700": "#be185d",
183
- "800": "#9f1239",
184
- "900": "#831843"
185
- },
186
- blue: {
187
- "50": "#eff6ff",
188
- "100": "#dbeafe",
189
- "200": "#bfdbfe",
190
- "300": "#93c5fd",
191
- "400": "#60a5fa",
192
- "500": "#3b82f6",
193
- "600": "#2563eb",
194
- "700": "#1d4ed8",
195
- "800": "#1e40af",
196
- "900": "#1e3a8a"
197
- },
198
- green: {
199
- "50": "#f0fdf4",
200
- "100": "#dcfce7",
201
- "200": "#bbf7d0",
202
- "300": "#86efac",
203
- "400": "#4ade80",
204
- "500": "#22c55e",
205
- "600": "#16a34a",
206
- "700": "#15803d",
207
- "800": "#166534",
208
- "900": "#14532d"
209
- },
210
- orange: {
211
- "50": "#fff7ed",
212
- "100": "#ffedd5",
213
- "200": "#fed7aa",
214
- "300": "#fdba74",
215
- "400": "#fb923c",
216
- "500": "#f97316",
217
- "600": "#ea580c",
218
- "700": "#c2410c",
219
- "800": "#9a3412",
220
- "900": "#7c2d12"
221
- },
222
- red: {
223
- "50": "#fef2f2",
224
- "100": "#fee2e2",
225
- "200": "#fecaca",
226
- "300": "#fca5a5",
227
- "400": "#f87171",
228
- "500": "#ef4444",
229
- "600": "#dc2626",
230
- "700": "#b91c1c",
231
- "800": "#991b1b",
232
- "900": "#7f1d1d"
233
- },
234
- amber: {
235
- "50": "#fffbeb",
236
- "100": "#fef3c7",
237
- "200": "#fde68a",
238
- "300": "#fcd34d",
239
- "400": "#fbbf24",
240
- "500": "#f59e0b",
241
- "600": "#d97706",
242
- "700": "#b45309",
243
- "800": "#92400e",
244
- "900": "#78350f"
245
- },
246
- emerald: {
247
- "50": "#ecfdf5",
248
- "100": "#d1fae5",
249
- "200": "#a7f3d0",
250
- "300": "#6ee7b7",
251
- "400": "#34d399",
252
- "500": "#10b981",
253
- "600": "#059669",
254
- "700": "#047857",
255
- "800": "#065f46",
256
- "900": "#064e3b"
257
- },
258
- neutral: {
259
- "50": "#fafafa",
260
- "100": "#f5f5f5",
261
- "200": "#e5e5e5",
262
- "300": "#d4d4d4",
263
- "400": "#a3a3a3",
264
- "500": "#737373",
265
- "600": "#525252",
266
- "700": "#404040",
267
- "800": "#262626",
268
- "900": "#171717",
269
- "950": "#0a0a0f"
270
- }
271
- }
272
- }
273
- };
274
-
275
- // tokens/colors/dark.json
276
- var dark_default = {
277
- $schema: "https://json.schemastore.org/theme.json",
278
- $description: "Dark theme color palette - Cyberpunk neon style with WCAG AA compliance",
279
- colors: {
280
- primary: {
281
- base: "#00e6ff",
282
- hover: "#1affff",
283
- active: "#4dffff",
284
- disabled: "#404040",
285
- focus: "#00e6ff",
286
- background: "rgba(0, 230, 255, 0.1)",
287
- backgroundHover: "rgba(0, 230, 255, 0.15)",
288
- backgroundActive: "rgba(0, 230, 255, 0.2)",
289
- border: "#00e6ff",
290
- borderHover: "#1affff",
291
- borderFocus: "#4dffff",
292
- text: "#0a0a0f",
293
- textHover: "#0a0a0f",
294
- textDisabled: "#525252"
295
- },
296
- secondary: {
297
- base: "#7d00ff",
298
- hover: "#941aff",
299
- active: "#ab4dff",
300
- disabled: "#404040",
301
- focus: "#7d00ff",
302
- background: "rgba(125, 0, 255, 0.1)",
303
- backgroundHover: "rgba(125, 0, 255, 0.15)",
304
- backgroundActive: "rgba(125, 0, 255, 0.2)",
305
- border: "#7d00ff",
306
- borderHover: "#941aff",
307
- borderFocus: "#ab4dff",
308
- text: "#ffffff",
309
- textHover: "#ffffff",
310
- textDisabled: "#525252"
311
- },
312
- accent: {
313
- base: "#ff00ff",
314
- hover: "#ff1aff",
315
- active: "#ff4dff",
316
- disabled: "#404040",
317
- focus: "#ff00ff",
318
- background: "rgba(255, 0, 255, 0.1)",
319
- backgroundHover: "rgba(255, 0, 255, 0.15)",
320
- backgroundActive: "rgba(255, 0, 255, 0.2)",
321
- border: "#ff00ff",
322
- borderHover: "#ff1aff",
323
- borderFocus: "#ff4dff",
324
- text: "#0a0a0f",
325
- textHover: "#0a0a0f",
326
- textDisabled: "#525252"
327
- },
328
- background: {
329
- primary: "#0a0a0f",
330
- secondary: "#0f0f1a",
331
- tertiary: "#171717",
332
- inverse: "#ffffff",
333
- overlay: "rgba(0, 0, 0, 0.8)",
334
- muted: "#0f0f1a"
335
- },
336
- surface: {
337
- primary: "#171717",
338
- secondary: "#262626",
339
- tertiary: "#404040",
340
- elevated: "#262626",
341
- overlay: "rgba(0, 0, 0, 0.8)",
342
- glass: "rgba(15, 15, 26, 0.7)",
343
- glassHover: "rgba(15, 15, 26, 0.85)",
344
- hover: "#262626",
345
- active: "#404040"
346
- },
347
- text: {
348
- primary: "#b3ffff",
349
- secondary: "#4dffff",
350
- tertiary: "#00e6ff",
351
- inverse: "#0a0a0f",
352
- disabled: "#525252",
353
- link: "#1affff",
354
- linkHover: "#4dffff",
355
- linkActive: "#80ffff",
356
- linkVisited: "#941aff",
357
- onPrimary: "#0a0a0f",
358
- onSecondary: "#ffffff",
359
- onAccent: "#0a0a0f",
360
- onBackground: "#b3ffff",
361
- onSurface: "#b3ffff",
362
- glow: "#00e6ff",
363
- neonCyan: "#00e6ff",
364
- neonPink: "#ff00ff",
365
- neonPurple: "#7d00ff",
366
- neonGreen: "#00ff00"
367
- },
368
- border: {
369
- primary: "#262626",
370
- secondary: "#404040",
371
- tertiary: "#525252",
372
- focus: "#00e6ff",
373
- focusRing: "#1affff",
374
- inverse: "#e5e5e5",
375
- neon: "#00e6ff",
376
- neonGlow: "rgba(0, 230, 255, 0.3)",
377
- hover: "#404040",
378
- active: "#525252",
379
- disabled: "#262626"
380
- },
381
- status: {
382
- success: {
383
- base: "#00ff00",
384
- hover: "#4dff4d",
385
- active: "#80ff80",
386
- background: "rgba(0, 255, 0, 0.1)",
387
- backgroundHover: "rgba(0, 255, 0, 0.15)",
388
- border: "#4dff4d",
389
- text: "#0a0a0f",
390
- textOnBackground: "#4dff4d"
391
- },
392
- warning: {
393
- base: "#ff7d00",
394
- hover: "#ffab4d",
395
- active: "#ffc880",
396
- background: "rgba(255, 125, 0, 0.1)",
397
- backgroundHover: "rgba(255, 125, 0, 0.15)",
398
- border: "#ffab4d",
399
- text: "#0a0a0f",
400
- textOnBackground: "#ffab4d"
401
- },
402
- error: {
403
- base: "#f87171",
404
- hover: "#fca5a5",
405
- active: "#fecaca",
406
- background: "rgba(239, 68, 68, 0.1)",
407
- backgroundHover: "rgba(239, 68, 68, 0.15)",
408
- border: "#fca5a5",
409
- text: "#ffffff",
410
- textOnBackground: "#fca5a5"
411
- },
412
- info: {
413
- base: "#007dff",
414
- hover: "#4dabff",
415
- active: "#80c7ff",
416
- background: "rgba(0, 125, 255, 0.1)",
417
- backgroundHover: "rgba(0, 125, 255, 0.15)",
418
- border: "#4dabff",
419
- text: "#ffffff",
420
- textOnBackground: "#4dabff"
421
- }
422
- },
423
- interactive: {
424
- default: "#00e6ff",
425
- hover: "#1affff",
426
- active: "#4dffff",
427
- disabled: "#404040",
428
- disabledText: "#525252",
429
- focus: "#00e6ff",
430
- focusRing: "#1affff"
431
- },
432
- effects: {
433
- glowCyan: "0 0 20px rgba(0, 230, 255, 0.5), 0 0 40px rgba(0, 230, 255, 0.3)",
434
- glowPink: "0 0 20px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 0, 255, 0.3)",
435
- glowPurple: "0 0 20px rgba(125, 0, 255, 0.5), 0 0 40px rgba(125, 0, 255, 0.3)",
436
- glowGreen: "0 0 20px rgba(0, 255, 0, 0.5), 0 0 40px rgba(0, 255, 0, 0.3)",
437
- shadowSm: "0 1px 2px 0 rgba(0, 0, 0, 0.5)",
438
- shadowMd: "0 4px 6px -1px rgba(0, 0, 0, 0.5)",
439
- shadowLg: "0 10px 15px -3px rgba(0, 0, 0, 0.5)"
440
- },
441
- gradients: {
442
- primary: "linear-gradient(135deg, #00e6ff 0%, #7d00ff 100%)",
443
- secondary: "linear-gradient(135deg, #ff00ff 0%, #00e6ff 100%)",
444
- accent: "linear-gradient(135deg, #ff7d00 0%, #ff00ff 100%)",
445
- background: "linear-gradient(180deg, #0a0a0f 0%, #0f0f1a 100%)"
446
- },
447
- primitive: {
448
- cyan: {
449
- "50": "rgba(0, 230, 255, 0.1)",
450
- "100": "rgba(0, 230, 255, 0.15)",
451
- "200": "rgba(0, 230, 255, 0.2)",
452
- "300": "#4dffff",
453
- "400": "#1affff",
454
- "500": "#00e6ff",
455
- "600": "#00b8cc",
456
- "700": "#008a99",
457
- "800": "#005c66",
458
- "900": "#003d44"
459
- },
460
- purple: {
461
- "50": "rgba(125, 0, 255, 0.1)",
462
- "100": "rgba(125, 0, 255, 0.15)",
463
- "200": "rgba(125, 0, 255, 0.2)",
464
- "300": "#ab4dff",
465
- "400": "#941aff",
466
- "500": "#7d00ff",
467
- "600": "#6400cc",
468
- "700": "#4b0099",
469
- "800": "#320066",
470
- "900": "#190033"
471
- },
472
- pink: {
473
- "50": "rgba(255, 0, 255, 0.1)",
474
- "100": "rgba(255, 0, 255, 0.15)",
475
- "200": "rgba(255, 0, 255, 0.2)",
476
- "300": "#ff4dff",
477
- "400": "#ff1aff",
478
- "500": "#ff00ff",
479
- "600": "#cc00cc",
480
- "700": "#990099",
481
- "800": "#660066",
482
- "900": "#330033"
483
- },
484
- blue: {
485
- "50": "rgba(0, 125, 255, 0.1)",
486
- "100": "rgba(0, 125, 255, 0.15)",
487
- "200": "rgba(0, 125, 255, 0.2)",
488
- "300": "#80c7ff",
489
- "400": "#4dabff",
490
- "500": "#007dff",
491
- "600": "#0064cc",
492
- "700": "#004b99",
493
- "800": "#003266",
494
- "900": "#001933"
495
- },
496
- green: {
497
- "50": "rgba(0, 255, 0, 0.1)",
498
- "100": "rgba(0, 255, 0, 0.15)",
499
- "200": "rgba(0, 255, 0, 0.2)",
500
- "300": "#80ff80",
501
- "400": "#4dff4d",
502
- "500": "#00ff00",
503
- "600": "#00cc00",
504
- "700": "#009900",
505
- "800": "#006600",
506
- "900": "#003300"
507
- },
508
- orange: {
509
- "50": "rgba(255, 125, 0, 0.1)",
510
- "100": "rgba(255, 125, 0, 0.15)",
511
- "200": "rgba(255, 125, 0, 0.2)",
512
- "300": "#ffc880",
513
- "400": "#ffab4d",
514
- "500": "#ff7d00",
515
- "600": "#cc6400",
516
- "700": "#994b00",
517
- "800": "#663200",
518
- "900": "#331900"
519
- },
520
- red: {
521
- "50": "rgba(239, 68, 68, 0.1)",
522
- "100": "rgba(239, 68, 68, 0.15)",
523
- "200": "rgba(239, 68, 68, 0.2)",
524
- "300": "#fecaca",
525
- "400": "#fca5a5",
526
- "500": "#f87171",
527
- "600": "#c55a5a",
528
- "700": "#924343",
529
- "800": "#5f2c2c",
530
- "900": "#2c1515"
531
- },
532
- amber: {
533
- "50": "rgba(255, 125, 0, 0.1)",
534
- "100": "rgba(255, 125, 0, 0.15)",
535
- "200": "rgba(255, 125, 0, 0.2)",
536
- "300": "#ffc880",
537
- "400": "#ffab4d",
538
- "500": "#ff7d00",
539
- "600": "#cc6400",
540
- "700": "#994b00",
541
- "800": "#663200",
542
- "900": "#331900"
543
- },
544
- emerald: {
545
- "50": "rgba(0, 255, 0, 0.1)",
546
- "100": "rgba(0, 255, 0, 0.15)",
547
- "200": "rgba(0, 255, 0, 0.2)",
548
- "300": "#80ff80",
549
- "400": "#4dff4d",
550
- "500": "#00ff00",
551
- "600": "#00cc00",
552
- "700": "#009900",
553
- "800": "#006600",
554
- "900": "#003300"
555
- },
556
- neutral: {
557
- "50": "#0f0f1a",
558
- "100": "#171717",
559
- "200": "#262626",
560
- "300": "#404040",
561
- "400": "#525252",
562
- "500": "#737373",
563
- "600": "#a3a3a3",
564
- "700": "#d4d4d4",
565
- "800": "#e5e5e5",
566
- "900": "#f5f5f5",
567
- "950": "#ffffff"
568
- }
569
- }
570
- }
571
- };
572
-
573
- // tokens/typography.json
574
- var typography_default = {
575
- $schema: "https://json.schemastore.org/theme.json",
576
- $description: "Typography tokens - Complete typographic scale with semantic hierarchy (H1-H6, subtitles, body, captions)",
577
- typography: {
578
- fontFamily: {
579
- 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'",
580
- serif: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
581
- mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
582
- display: "var(--font-orbitron, ui-sans-serif)",
583
- body: "var(--font-inter, ui-sans-serif)",
584
- code: "var(--font-rajdhani, ui-monospace)"
585
- },
586
- fontSize: {
587
- xs: "0.75rem",
588
- sm: "0.875rem",
589
- base: "1rem",
590
- lg: "1.125rem",
591
- xl: "1.25rem",
592
- "2xl": "1.5rem",
593
- "3xl": "1.875rem",
594
- "4xl": "2.25rem",
595
- "5xl": "3rem",
596
- "6xl": "3.75rem",
597
- "7xl": "4.5rem",
598
- "8xl": "6rem",
599
- "9xl": "8rem"
600
- },
601
- fontWeight: {
602
- thin: "100",
603
- extralight: "200",
604
- light: "300",
605
- normal: "400",
606
- medium: "500",
607
- semibold: "600",
608
- bold: "700",
609
- extrabold: "800",
610
- black: "900"
611
- },
612
- lineHeight: {
613
- none: "1",
614
- tight: "1.25",
615
- snug: "1.375",
616
- normal: "1.5",
617
- relaxed: "1.625",
618
- loose: "2"
619
- },
620
- letterSpacing: {
621
- tighter: "-0.05em",
622
- tight: "-0.025em",
623
- normal: "0em",
624
- wide: "0.025em",
625
- wider: "0.05em",
626
- widest: "0.1em"
627
- },
628
- headings: {
629
- h1: {
630
- fontFamily: "var(--font-display, ui-sans-serif)",
631
- fontSize: "clamp(2.25rem, 5vw + 1rem, 4.5rem)",
632
- fontSizeMobile: "2.25rem",
633
- fontSizeTablet: "3rem",
634
- fontSizeDesktop: "4.5rem",
635
- fontWeight: "900",
636
- lineHeight: "1.1",
637
- letterSpacing: "-0.02em",
638
- marginBottom: "1rem"
639
- },
640
- h2: {
641
- fontFamily: "var(--font-display, ui-sans-serif)",
642
- fontSize: "clamp(1.875rem, 4vw + 0.75rem, 3.75rem)",
643
- fontSizeMobile: "1.875rem",
644
- fontSizeTablet: "2.5rem",
645
- fontSizeDesktop: "3.75rem",
646
- fontWeight: "800",
647
- lineHeight: "1.15",
648
- letterSpacing: "-0.015em",
649
- marginBottom: "0.875rem"
650
- },
651
- h3: {
652
- fontFamily: "var(--font-display, ui-sans-serif)",
653
- fontSize: "clamp(1.5rem, 3vw + 0.5rem, 3rem)",
654
- fontSizeMobile: "1.5rem",
655
- fontSizeTablet: "2rem",
656
- fontSizeDesktop: "3rem",
657
- fontWeight: "700",
658
- lineHeight: "1.2",
659
- letterSpacing: "-0.01em",
660
- marginBottom: "0.75rem"
661
- },
662
- h4: {
663
- fontFamily: "var(--font-body, ui-sans-serif)",
664
- fontSize: "clamp(1.25rem, 2.5vw + 0.5rem, 2.25rem)",
665
- fontSizeMobile: "1.25rem",
666
- fontSizeTablet: "1.75rem",
667
- fontSizeDesktop: "2.25rem",
668
- fontWeight: "700",
669
- lineHeight: "1.25",
670
- letterSpacing: "0em",
671
- marginBottom: "0.625rem"
672
- },
673
- h5: {
674
- fontFamily: "var(--font-body, ui-sans-serif)",
675
- fontSize: "clamp(1.125rem, 2vw + 0.25rem, 1.875rem)",
676
- fontSizeMobile: "1.125rem",
677
- fontSizeTablet: "1.5rem",
678
- fontSizeDesktop: "1.875rem",
679
- fontWeight: "600",
680
- lineHeight: "1.3",
681
- letterSpacing: "0em",
682
- marginBottom: "0.5rem"
683
- },
684
- h6: {
685
- fontFamily: "var(--font-body, ui-sans-serif)",
686
- fontSize: "clamp(1rem, 1.5vw + 0.25rem, 1.5rem)",
687
- fontSizeMobile: "1rem",
688
- fontSizeTablet: "1.25rem",
689
- fontSizeDesktop: "1.5rem",
690
- fontWeight: "600",
691
- lineHeight: "1.35",
692
- letterSpacing: "0.01em",
693
- marginBottom: "0.5rem"
694
- }
695
- },
696
- subtitle: {
697
- large: {
698
- fontFamily: "var(--font-body, ui-sans-serif)",
699
- fontSize: "clamp(1.25rem, 2vw + 0.5rem, 2rem)",
700
- fontSizeMobile: "1.25rem",
701
- fontSizeTablet: "1.5rem",
702
- fontSizeDesktop: "2rem",
703
- fontWeight: "500",
704
- lineHeight: "1.4",
705
- letterSpacing: "0em",
706
- marginBottom: "0.5rem"
707
- },
708
- medium: {
709
- fontFamily: "var(--font-body, ui-sans-serif)",
710
- fontSize: "clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem)",
711
- fontSizeMobile: "1.125rem",
712
- fontSizeTablet: "1.25rem",
713
- fontSizeDesktop: "1.5rem",
714
- fontWeight: "500",
715
- lineHeight: "1.4",
716
- letterSpacing: "0em",
717
- marginBottom: "0.5rem"
718
- },
719
- small: {
720
- fontFamily: "var(--font-body, ui-sans-serif)",
721
- fontSize: "1rem",
722
- fontWeight: "500",
723
- lineHeight: "1.4",
724
- letterSpacing: "0em",
725
- marginBottom: "0.375rem"
726
- }
727
- },
728
- body: {
729
- large: {
730
- fontFamily: "var(--font-body, ui-sans-serif)",
731
- fontSize: "1.125rem",
732
- fontWeight: "400",
733
- lineHeight: "1.625",
734
- letterSpacing: "0em"
735
- },
736
- medium: {
737
- fontFamily: "var(--font-body, ui-sans-serif)",
738
- fontSize: "1rem",
739
- fontWeight: "400",
740
- lineHeight: "1.5",
741
- letterSpacing: "0em"
742
- },
743
- small: {
744
- fontFamily: "var(--font-body, ui-sans-serif)",
745
- fontSize: "0.875rem",
746
- fontWeight: "400",
747
- lineHeight: "1.5",
748
- letterSpacing: "0em"
749
- }
750
- },
751
- caption: {
752
- large: {
753
- fontFamily: "var(--font-body, ui-sans-serif)",
754
- fontSize: "0.875rem",
755
- fontWeight: "400",
756
- lineHeight: "1.4",
757
- letterSpacing: "0.01em"
758
- },
759
- medium: {
760
- fontFamily: "var(--font-body, ui-sans-serif)",
761
- fontSize: "0.75rem",
762
- fontWeight: "400",
763
- lineHeight: "1.4",
764
- letterSpacing: "0.01em"
765
- },
766
- small: {
767
- fontFamily: "var(--font-body, ui-sans-serif)",
768
- fontSize: "0.625rem",
769
- fontWeight: "400",
770
- lineHeight: "1.3",
771
- letterSpacing: "0.02em"
772
- }
773
- },
774
- button: {
775
- large: {
776
- fontFamily: "var(--font-body, ui-sans-serif)",
777
- fontSize: "1.125rem",
778
- fontWeight: "600",
779
- lineHeight: "1.5",
780
- letterSpacing: "0.01em"
781
- },
782
- medium: {
783
- fontFamily: "var(--font-body, ui-sans-serif)",
784
- fontSize: "1rem",
785
- fontWeight: "600",
786
- lineHeight: "1.5",
787
- letterSpacing: "0.01em"
788
- },
789
- small: {
790
- fontFamily: "var(--font-body, ui-sans-serif)",
791
- fontSize: "0.875rem",
792
- fontWeight: "600",
793
- lineHeight: "1.4",
794
- letterSpacing: "0.01em"
795
- }
796
- },
797
- label: {
798
- large: {
799
- fontFamily: "var(--font-body, ui-sans-serif)",
800
- fontSize: "0.875rem",
801
- fontWeight: "600",
802
- lineHeight: "1.4",
803
- letterSpacing: "0.01em"
804
- },
805
- medium: {
806
- fontFamily: "var(--font-body, ui-sans-serif)",
807
- fontSize: "0.75rem",
808
- fontWeight: "600",
809
- lineHeight: "1.4",
810
- letterSpacing: "0.01em"
811
- },
812
- small: {
813
- fontFamily: "var(--font-body, ui-sans-serif)",
814
- fontSize: "0.625rem",
815
- fontWeight: "600",
816
- lineHeight: "1.3",
817
- letterSpacing: "0.02em"
818
- }
819
- },
820
- code: {
821
- inline: {
822
- fontFamily: "var(--font-code, ui-monospace)",
823
- fontSize: "0.875em",
824
- fontWeight: "400",
825
- lineHeight: "1.5",
826
- letterSpacing: "0em"
827
- },
828
- block: {
829
- fontFamily: "var(--font-code, ui-monospace)",
830
- fontSize: "0.875rem",
831
- fontWeight: "400",
832
- lineHeight: "1.6",
833
- letterSpacing: "0em"
834
- }
835
- }
836
- }
837
- };
838
-
839
- // tokens/spacing.json
840
- var spacing_default = {
841
- $schema: "https://json.schemastore.org/theme.json",
842
- $description: "Spacing tokens - Consistent spacing scale based on 8pt grid",
843
- spacing: {
844
- "0": "0px",
845
- px: "1px",
846
- "0.5": "0.125rem",
847
- "1": "0.25rem",
848
- "1.5": "0.375rem",
849
- "2": "0.5rem",
850
- "2.5": "0.625rem",
851
- "3": "0.75rem",
852
- "3.5": "0.875rem",
853
- "4": "1rem",
854
- "5": "1.25rem",
855
- "6": "1.5rem",
856
- "7": "1.75rem",
857
- "8": "2rem",
858
- "9": "2.25rem",
859
- "10": "2.5rem",
860
- "11": "2.75rem",
861
- "12": "3rem",
862
- "14": "3.5rem",
863
- "16": "4rem",
864
- "20": "5rem",
865
- "24": "6rem",
866
- "28": "7rem",
867
- "32": "8rem",
868
- "36": "9rem",
869
- "40": "10rem",
870
- "44": "11rem",
871
- "48": "12rem",
872
- "52": "13rem",
873
- "56": "14rem",
874
- "60": "15rem",
875
- "64": "16rem",
876
- "72": "18rem",
877
- "80": "20rem",
878
- "96": "24rem"
879
- }
880
- };
881
-
882
- // tokens/radius.json
883
- var radius_default = {
884
- $schema: "https://json.schemastore.org/theme.json",
885
- $description: "Border radius tokens - Consistent corner rounding",
886
- radius: {
887
- none: "0px",
888
- sm: "0.125rem",
889
- base: "0.25rem",
890
- md: "0.375rem",
891
- lg: "0.5rem",
892
- xl: "0.75rem",
893
- "2xl": "1rem",
894
- "3xl": "1.5rem",
895
- full: "9999px"
896
- }
897
- };
898
-
899
- // tokens/shadows.json
900
- var shadows_default = {
901
- $schema: "https://json.schemastore.org/theme.json",
902
- $description: "Shadow tokens - Elevation and depth",
903
- shadows: {
904
- light: {
905
- xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
906
- sm: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
907
- base: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
908
- md: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
909
- lg: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
910
- xl: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
911
- "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
912
- inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)"
913
- },
914
- dark: {
915
- xs: "0 1px 2px 0 rgba(0, 0, 0, 0.5)",
916
- sm: "0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.5)",
917
- base: "0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)",
918
- md: "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)",
919
- lg: "0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5)",
920
- xl: "0 25px 50px -12px rgba(0, 0, 0, 0.75)",
921
- "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.75)",
922
- inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.5)",
923
- glow: {
924
- cyan: "0 0 20px rgba(0, 230, 255, 0.5), 0 0 40px rgba(0, 230, 255, 0.3)",
925
- pink: "0 0 20px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 0, 255, 0.3)",
926
- purple: "0 0 20px rgba(125, 0, 255, 0.5), 0 0 40px rgba(125, 0, 255, 0.3)",
927
- green: "0 0 20px rgba(0, 255, 0, 0.5), 0 0 40px rgba(0, 255, 0, 0.3)"
928
- }
929
- }
930
- }
931
- };
932
-
933
- // tokens/utilities.ts
934
- var GRADIENT_DIRECTIONS = {
935
- TO_TOP: "bg-gradient-to-t",
936
- TO_BOTTOM: "bg-gradient-to-b",
937
- TO_LEFT: "bg-gradient-to-l",
938
- TO_RIGHT: "bg-gradient-to-r",
939
- TO_TL: "bg-gradient-to-tl",
940
- TO_TR: "bg-gradient-to-tr",
941
- TO_BL: "bg-gradient-to-bl",
942
- TO_BR: "bg-gradient-to-br"
943
- };
944
- var GRADIENTS = {
945
- // Gradientes de texto usando tokens CSS
946
- TEXT_PRIMARY: "bg-linear-to-r from-[var(--color-primary-base)] via-[var(--color-secondary-base)] to-[var(--color-accent-base)] bg-clip-text text-transparent",
947
- // Gradientes decorativos usando tokens CSS
948
- DECORATIVE_PRIMARY: "bg-linear-to-br from-[var(--color-primary-base)] via-[var(--color-secondary-base)] to-[var(--color-accent-base)]",
949
- DECORATIVE_CYAN_PURPLE: "bg-linear-to-r from-[var(--color-primary-base)] to-[var(--color-secondary-base)]",
950
- DECORATIVE_GREEN_EMERALD: "bg-linear-to-br from-[var(--color-status-success)] to-[var(--color-accent-base)]",
951
- // Gradientes de botões usando tokens CSS
952
- BUTTON_CYAN_BLUE: "bg-linear-to-r from-[var(--color-primary-base)] to-[var(--color-primary-hover)]",
953
- BUTTON_PURPLE_PINK: "bg-linear-to-r from-[var(--color-secondary-base)] to-[var(--color-accent-base)]"
954
- };
955
- var BACKGROUND = {
956
- // Background completo usando token CSS
957
- FULL: "bg-[var(--color-background-primary)]",
958
- // Overlay de gradiente usando tokens CSS
959
- GRADIENT_OVERLAY: "bg-linear-to-br from-[var(--color-primary-base)]/10 via-[var(--color-secondary-base)]/10 to-[var(--color-accent-base)]/10",
960
- // Divisores premium usando tokens CSS
961
- PREMIUM_DIVIDER_CONTAINER: "bg-linear-to-b from-transparent via-[var(--color-primary-base)]/5 to-transparent",
962
- PREMIUM_DIVIDER_LINE: "bg-linear-to-r from-transparent via-[var(--color-primary-base)]/50 to-transparent",
963
- // Backgrounds de seção usando tokens CSS
964
- SECTION_CYAN: "bg-linear-to-br from-[var(--color-primary-base)]/5 via-[var(--color-primary-base)]/3 to-transparent",
965
- SECTION_CYAN_VIA: "bg-linear-to-br from-transparent via-[var(--color-primary-base)]/5 to-transparent",
966
- SECTION_PURPLE_VIA: "bg-linear-to-br from-transparent via-[var(--color-secondary-base)]/5 to-transparent",
967
- SECTION_PINK_VIA: "bg-linear-to-br from-transparent via-[var(--color-accent-base)]/5 to-transparent"
968
- };
969
-
970
- // tokens/accessibility.ts
971
- function hexToRgb(hex) {
972
- const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
973
- if (!result) {
974
- throw new Error(`Invalid hex color: ${hex}`);
975
- }
976
- return {
977
- r: parseInt(result[1], 16),
978
- g: parseInt(result[2], 16),
979
- b: parseInt(result[3], 16)
980
- };
981
- }
982
- function getLuminance(r, g, b) {
983
- const [rs, gs, bs] = [r, g, b].map((val) => {
984
- const v = val / 255;
985
- return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
986
- });
987
- return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
988
- }
989
- function getContrast(color1, color2) {
990
- const rgb1 = hexToRgb(color1);
991
- const rgb2 = hexToRgb(color2);
992
- const lum1 = getLuminance(rgb1.r, rgb1.g, rgb1.b);
993
- const lum2 = getLuminance(rgb2.r, rgb2.g, rgb2.b);
994
- const lighter = Math.max(lum1, lum2);
995
- const darker = Math.min(lum1, lum2);
996
- return (lighter + 0.05) / (darker + 0.05);
997
- }
998
- function meetsWCAGAA(foreground, background, largeText = false) {
999
- const contrast = getContrast(foreground, background);
1000
- return largeText ? contrast >= 3 : contrast >= 4.5;
1001
- }
1002
- function meetsWCAGAAA(foreground, background, largeText = false) {
1003
- const contrast = getContrast(foreground, background);
1004
- return largeText ? contrast >= 4.5 : contrast >= 7;
1005
- }
1006
- function getContrastInfo(foreground, background) {
1007
- const contrast = getContrast(foreground, background);
1008
- const meetsAA = contrast >= 4.5;
1009
- const meetsAALarge = contrast >= 3;
1010
- const meetsAAA = contrast >= 7;
1011
- const meetsAAALarge = contrast >= 4.5;
1012
- let level = "Fail";
1013
- if (meetsAAA) {
1014
- level = "AAA";
1015
- } else if (meetsAAALarge) {
1016
- level = "AAA Large";
1017
- } else if (meetsAA) {
1018
- level = "AA";
1019
- } else if (meetsAALarge) {
1020
- level = "AA Large";
1021
- }
1022
- return {
1023
- contrast,
1024
- meetsAA,
1025
- meetsAALarge,
1026
- meetsAAA,
1027
- meetsAAALarge,
1028
- level
1029
- };
1030
- }
1031
- function validateContrast(foreground, background, options = {}) {
1032
- const { requireAAA = false, largeText = false } = options;
1033
- const info = getContrastInfo(foreground, background);
1034
- let valid = false;
1035
- let message = "";
1036
- if (requireAAA) {
1037
- valid = largeText ? info.meetsAAALarge : info.meetsAAA;
1038
- message = valid ? `Contraste v\xE1lido (WCAG AAA${largeText ? " - Texto Grande" : ""})` : `Contraste insuficiente para WCAG AAA${largeText ? " - Texto Grande" : ""}. Requerido: ${largeText ? "4.5:1" : "7:1"}, atual: ${info.contrast.toFixed(2)}:1`;
1039
- } else {
1040
- valid = largeText ? info.meetsAALarge : info.meetsAA;
1041
- message = valid ? `Contraste v\xE1lido (WCAG AA${largeText ? " - Texto Grande" : ""})` : `Contraste insuficiente para WCAG AA${largeText ? " - Texto Grande" : ""}. Requerido: ${largeText ? "3:1" : "4.5:1"}, atual: ${info.contrast.toFixed(2)}:1`;
1042
- }
1043
- return {
1044
- valid,
1045
- level: info.level,
1046
- contrast: info.contrast,
1047
- message
1048
- };
1049
- }
1050
-
1051
- // tokens/index.ts
1052
- var tokens = {
1053
- colors: {
1054
- light: light_default.colors,
1055
- dark: dark_default.colors
1056
- },
1057
- typography: typography_default.typography,
1058
- spacing: spacing_default.spacing,
1059
- radius: radius_default.radius,
1060
- shadows: shadows_default.shadows
1061
- };
1062
- var lightThemeColors = light_default.colors;
1063
- var darkThemeColors = dark_default.colors;
1064
- var typographyTokens = typography_default.typography;
1065
- var spacingTokens = spacing_default.spacing;
1066
- var radiusTokens = radius_default.radius;
1067
- var shadowTokens = shadows_default.shadows;
1068
- var tokens_default = tokens;
1069
-
1070
- // themes/light.ts
1071
- var lightTheme = {
1072
- colors: tokens.colors.light,
1073
- typography: tokens.typography,
1074
- spacing: tokens.spacing,
1075
- radius: tokens.radius,
1076
- shadows: tokens.shadows.light
1077
- };
1078
-
1079
- // themes/dark.ts
1080
- var darkTheme = {
1081
- colors: tokens.colors.dark,
1082
- typography: tokens.typography,
1083
- spacing: tokens.spacing,
1084
- radius: tokens.radius,
1085
- shadows: tokens.shadows.dark
1086
- };
1087
-
1088
- // themes/index.ts
1089
- var themes = {
1090
- light: lightTheme,
1091
- dark: darkTheme
1092
- };
1093
- var themes_default = themes;
1094
- export {
1095
- BACKGROUND,
1096
- GRADIENTS,
1097
- GRADIENT_DIRECTIONS,
1098
- darkTheme,
1099
- darkThemeColors,
1100
- getContrast,
1101
- getContrastInfo,
1102
- getLuminance,
1103
- hexToRgb,
1104
- lightTheme,
1105
- lightThemeColors,
1106
- meetsWCAGAA,
1107
- meetsWCAGAAA,
1108
- radiusTokens,
1109
- shadowTokens,
1110
- spacingTokens,
1111
- themes_default as themes,
1112
- tokens_default as tokens,
1113
- typographyTokens,
1114
- validateContrast
1115
- };
1
+ var d={$schema:"https://json.schemastore.org/theme.json",$description:"Light theme color palette - Modern and professional design with WCAG AA compliance",colors:{primary:{base:"#0891b2",hover:"#0e7490",active:"#155e75",disabled:"#d4d4d4",focus:"#0891b2",background:"#ecfeff",backgroundHover:"#cffafe",backgroundActive:"#a5f3fc",border:"#0891b2",borderHover:"#0e7490",borderFocus:"#06b6d4",text:"#ffffff",textHover:"#ffffff",textDisabled:"#a3a3a3"},secondary:{base:"#9333ea",hover:"#7e22ce",active:"#6b21a8",disabled:"#d4d4d4",focus:"#9333ea",background:"#faf5ff",backgroundHover:"#f3e8ff",backgroundActive:"#e9d5ff",border:"#9333ea",borderHover:"#7e22ce",borderFocus:"#a855f7",text:"#ffffff",textHover:"#ffffff",textDisabled:"#a3a3a3"},accent:{base:"#db2777",hover:"#be185d",active:"#9f1239",disabled:"#d4d4d4",focus:"#db2777",background:"#fdf2f8",backgroundHover:"#fce7f3",backgroundActive:"#fbcfe8",border:"#db2777",borderHover:"#be185d",borderFocus:"#ec4899",text:"#ffffff",textHover:"#ffffff",textDisabled:"#a3a3a3"},background:{primary:"#ffffff",secondary:"#fafafa",tertiary:"#f5f5f5",inverse:"#0a0a0f",overlay:"rgba(0, 0, 0, 0.5)",muted:"#f9fafb"},surface:{primary:"#ffffff",secondary:"#fafafa",tertiary:"#f5f5f5",elevated:"#ffffff",overlay:"rgba(0, 0, 0, 0.5)",hover:"#f9fafb",active:"#f3f4f6"},text:{primary:"#171717",secondary:"#404040",tertiary:"#737373",inverse:"#ffffff",disabled:"#a3a3a3",link:"#0891b2",linkHover:"#0e7490",linkActive:"#155e75",linkVisited:"#7e22ce",onPrimary:"#ffffff",onSecondary:"#ffffff",onAccent:"#ffffff",onBackground:"#171717",onSurface:"#171717"},border:{primary:"#e5e5e5",secondary:"#d4d4d4",tertiary:"#a3a3a3",focus:"#0891b2",focusRing:"#06b6d4",inverse:"#404040",hover:"#d4d4d4",active:"#a3a3a3",disabled:"#e5e5e5"},status:{success:{base:"#22c55e",hover:"#16a34a",active:"#15803d",background:"#f0fdf4",backgroundHover:"#dcfce7",border:"#86efac",text:"#ffffff",textOnBackground:"#166534"},warning:{base:"#f59e0b",hover:"#d97706",active:"#b45309",background:"#fffbeb",backgroundHover:"#fef3c7",border:"#fcd34d",text:"#ffffff",textOnBackground:"#92400e"},error:{base:"#ef4444",hover:"#dc2626",active:"#b91c1c",background:"#fef2f2",backgroundHover:"#fee2e2",border:"#fca5a5",text:"#ffffff",textOnBackground:"#991b1b"},info:{base:"#3b82f6",hover:"#2563eb",active:"#1d4ed8",background:"#eff6ff",backgroundHover:"#dbeafe",border:"#93c5fd",text:"#ffffff",textOnBackground:"#1e40af"}},interactive:{default:"#0891b2",hover:"#0e7490",active:"#155e75",disabled:"#d4d4d4",disabledText:"#a3a3a3",focus:"#0891b2",focusRing:"#06b6d4"},primitive:{cyan:{"50":"#ecfeff","100":"#cffafe","200":"#a5f3fc","300":"#67e8f9","400":"#22d3ee","500":"#06b6d4","600":"#0891b2","700":"#0e7490","800":"#155e75","900":"#164e63"},purple:{"50":"#faf5ff","100":"#f3e8ff","200":"#e9d5ff","300":"#d8b4fe","400":"#c084fc","500":"#a855f7","600":"#9333ea","700":"#7e22ce","800":"#6b21a8","900":"#581c87"},pink:{"50":"#fdf2f8","100":"#fce7f3","200":"#fbcfe8","300":"#f9a8d4","400":"#f472b6","500":"#ec4899","600":"#db2777","700":"#be185d","800":"#9f1239","900":"#831843"},blue:{"50":"#eff6ff","100":"#dbeafe","200":"#bfdbfe","300":"#93c5fd","400":"#60a5fa","500":"#3b82f6","600":"#2563eb","700":"#1d4ed8","800":"#1e40af","900":"#1e3a8a"},green:{"50":"#f0fdf4","100":"#dcfce7","200":"#bbf7d0","300":"#86efac","400":"#4ade80","500":"#22c55e","600":"#16a34a","700":"#15803d","800":"#166534","900":"#14532d"},orange:{"50":"#fff7ed","100":"#ffedd5","200":"#fed7aa","300":"#fdba74","400":"#fb923c","500":"#f97316","600":"#ea580c","700":"#c2410c","800":"#9a3412","900":"#7c2d12"},red:{"50":"#fef2f2","100":"#fee2e2","200":"#fecaca","300":"#fca5a5","400":"#f87171","500":"#ef4444","600":"#dc2626","700":"#b91c1c","800":"#991b1b","900":"#7f1d1d"},amber:{"50":"#fffbeb","100":"#fef3c7","200":"#fde68a","300":"#fcd34d","400":"#fbbf24","500":"#f59e0b","600":"#d97706","700":"#b45309","800":"#92400e","900":"#78350f"},emerald:{"50":"#ecfdf5","100":"#d1fae5","200":"#a7f3d0","300":"#6ee7b7","400":"#34d399","500":"#10b981","600":"#059669","700":"#047857","800":"#065f46","900":"#064e3b"},neutral:{"50":"#fafafa","100":"#f5f5f5","200":"#e5e5e5","300":"#d4d4d4","400":"#a3a3a3","500":"#737373","600":"#525252","700":"#404040","800":"#262626","900":"#171717","950":"#0a0a0f"}}}};var b={$schema:"https://json.schemastore.org/theme.json",$description:"Dark theme color palette - Cyberpunk neon style with WCAG AA compliance",colors:{primary:{base:"#00e6ff",hover:"#1affff",active:"#4dffff",disabled:"#404040",focus:"#00e6ff",background:"rgba(0, 230, 255, 0.1)",backgroundHover:"rgba(0, 230, 255, 0.15)",backgroundActive:"rgba(0, 230, 255, 0.2)",border:"#00e6ff",borderHover:"#1affff",borderFocus:"#4dffff",text:"#0a0a0f",textHover:"#0a0a0f",textDisabled:"#525252"},secondary:{base:"#7d00ff",hover:"#941aff",active:"#ab4dff",disabled:"#404040",focus:"#7d00ff",background:"rgba(125, 0, 255, 0.1)",backgroundHover:"rgba(125, 0, 255, 0.15)",backgroundActive:"rgba(125, 0, 255, 0.2)",border:"#7d00ff",borderHover:"#941aff",borderFocus:"#ab4dff",text:"#ffffff",textHover:"#ffffff",textDisabled:"#525252"},accent:{base:"#ff00ff",hover:"#ff1aff",active:"#ff4dff",disabled:"#404040",focus:"#ff00ff",background:"rgba(255, 0, 255, 0.1)",backgroundHover:"rgba(255, 0, 255, 0.15)",backgroundActive:"rgba(255, 0, 255, 0.2)",border:"#ff00ff",borderHover:"#ff1aff",borderFocus:"#ff4dff",text:"#0a0a0f",textHover:"#0a0a0f",textDisabled:"#525252"},background:{primary:"#0a0a0f",secondary:"#0f0f1a",tertiary:"#171717",inverse:"#ffffff",overlay:"rgba(0, 0, 0, 0.8)",muted:"#0f0f1a"},surface:{primary:"#171717",secondary:"#262626",tertiary:"#404040",elevated:"#262626",overlay:"rgba(0, 0, 0, 0.8)",glass:"rgba(15, 15, 26, 0.7)",glassHover:"rgba(15, 15, 26, 0.85)",hover:"#262626",active:"#404040"},text:{primary:"#b3ffff",secondary:"#4dffff",tertiary:"#00e6ff",inverse:"#0a0a0f",disabled:"#525252",link:"#1affff",linkHover:"#4dffff",linkActive:"#80ffff",linkVisited:"#941aff",onPrimary:"#0a0a0f",onSecondary:"#ffffff",onAccent:"#0a0a0f",onBackground:"#b3ffff",onSurface:"#b3ffff",glow:"#00e6ff",neonCyan:"#00e6ff",neonPink:"#ff00ff",neonPurple:"#7d00ff",neonGreen:"#00ff00"},border:{primary:"#262626",secondary:"#404040",tertiary:"#525252",focus:"#00e6ff",focusRing:"#1affff",inverse:"#e5e5e5",neon:"#00e6ff",neonGlow:"rgba(0, 230, 255, 0.3)",hover:"#404040",active:"#525252",disabled:"#262626"},status:{success:{base:"#00ff00",hover:"#4dff4d",active:"#80ff80",background:"rgba(0, 255, 0, 0.1)",backgroundHover:"rgba(0, 255, 0, 0.15)",border:"#4dff4d",text:"#0a0a0f",textOnBackground:"#4dff4d"},warning:{base:"#ff7d00",hover:"#ffab4d",active:"#ffc880",background:"rgba(255, 125, 0, 0.1)",backgroundHover:"rgba(255, 125, 0, 0.15)",border:"#ffab4d",text:"#0a0a0f",textOnBackground:"#ffab4d"},error:{base:"#f87171",hover:"#fca5a5",active:"#fecaca",background:"rgba(239, 68, 68, 0.1)",backgroundHover:"rgba(239, 68, 68, 0.15)",border:"#fca5a5",text:"#ffffff",textOnBackground:"#fca5a5"},info:{base:"#007dff",hover:"#4dabff",active:"#80c7ff",background:"rgba(0, 125, 255, 0.1)",backgroundHover:"rgba(0, 125, 255, 0.15)",border:"#4dabff",text:"#ffffff",textOnBackground:"#4dabff"}},interactive:{default:"#00e6ff",hover:"#1affff",active:"#4dffff",disabled:"#404040",disabledText:"#525252",focus:"#00e6ff",focusRing:"#1affff"},effects:{glowCyan:"0 0 20px rgba(0, 230, 255, 0.5), 0 0 40px rgba(0, 230, 255, 0.3)",glowPink:"0 0 20px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 0, 255, 0.3)",glowPurple:"0 0 20px rgba(125, 0, 255, 0.5), 0 0 40px rgba(125, 0, 255, 0.3)",glowGreen:"0 0 20px rgba(0, 255, 0, 0.5), 0 0 40px rgba(0, 255, 0, 0.3)",shadowSm:"0 1px 2px 0 rgba(0, 0, 0, 0.5)",shadowMd:"0 4px 6px -1px rgba(0, 0, 0, 0.5)",shadowLg:"0 10px 15px -3px rgba(0, 0, 0, 0.5)"},gradients:{primary:"linear-gradient(135deg, #00e6ff 0%, #7d00ff 100%)",secondary:"linear-gradient(135deg, #ff00ff 0%, #00e6ff 100%)",accent:"linear-gradient(135deg, #ff7d00 0%, #ff00ff 100%)",background:"linear-gradient(180deg, #0a0a0f 0%, #0f0f1a 100%)"},primitive:{cyan:{"50":"rgba(0, 230, 255, 0.1)","100":"rgba(0, 230, 255, 0.15)","200":"rgba(0, 230, 255, 0.2)","300":"#4dffff","400":"#1affff","500":"#00e6ff","600":"#00b8cc","700":"#008a99","800":"#005c66","900":"#003d44"},purple:{"50":"rgba(125, 0, 255, 0.1)","100":"rgba(125, 0, 255, 0.15)","200":"rgba(125, 0, 255, 0.2)","300":"#ab4dff","400":"#941aff","500":"#7d00ff","600":"#6400cc","700":"#4b0099","800":"#320066","900":"#190033"},pink:{"50":"rgba(255, 0, 255, 0.1)","100":"rgba(255, 0, 255, 0.15)","200":"rgba(255, 0, 255, 0.2)","300":"#ff4dff","400":"#ff1aff","500":"#ff00ff","600":"#cc00cc","700":"#990099","800":"#660066","900":"#330033"},blue:{"50":"rgba(0, 125, 255, 0.1)","100":"rgba(0, 125, 255, 0.15)","200":"rgba(0, 125, 255, 0.2)","300":"#80c7ff","400":"#4dabff","500":"#007dff","600":"#0064cc","700":"#004b99","800":"#003266","900":"#001933"},green:{"50":"rgba(0, 255, 0, 0.1)","100":"rgba(0, 255, 0, 0.15)","200":"rgba(0, 255, 0, 0.2)","300":"#80ff80","400":"#4dff4d","500":"#00ff00","600":"#00cc00","700":"#009900","800":"#006600","900":"#003300"},orange:{"50":"rgba(255, 125, 0, 0.1)","100":"rgba(255, 125, 0, 0.15)","200":"rgba(255, 125, 0, 0.2)","300":"#ffc880","400":"#ffab4d","500":"#ff7d00","600":"#cc6400","700":"#994b00","800":"#663200","900":"#331900"},red:{"50":"rgba(239, 68, 68, 0.1)","100":"rgba(239, 68, 68, 0.15)","200":"rgba(239, 68, 68, 0.2)","300":"#fecaca","400":"#fca5a5","500":"#f87171","600":"#c55a5a","700":"#924343","800":"#5f2c2c","900":"#2c1515"},amber:{"50":"rgba(255, 125, 0, 0.1)","100":"rgba(255, 125, 0, 0.15)","200":"rgba(255, 125, 0, 0.2)","300":"#ffc880","400":"#ffab4d","500":"#ff7d00","600":"#cc6400","700":"#994b00","800":"#663200","900":"#331900"},emerald:{"50":"rgba(0, 255, 0, 0.1)","100":"rgba(0, 255, 0, 0.15)","200":"rgba(0, 255, 0, 0.2)","300":"#80ff80","400":"#4dff4d","500":"#00ff00","600":"#00cc00","700":"#009900","800":"#006600","900":"#003300"},neutral:{"50":"#0f0f1a","100":"#171717","200":"#262626","300":"#404040","400":"#525252","500":"#737373","600":"#a3a3a3","700":"#d4d4d4","800":"#e5e5e5","900":"#f5f5f5","950":"#ffffff"}}}};var g={$schema:"https://json.schemastore.org/theme.json",$description:"Typography tokens - Complete typographic scale with semantic hierarchy (H1-H6, subtitles, body, captions)",typography:{fontFamily:{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'",serif:"ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",mono:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",display:"var(--font-orbitron, ui-sans-serif)",body:"var(--font-inter, ui-sans-serif)",code:"var(--font-rajdhani, ui-monospace)"},fontSize:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},headings:{h1:{fontFamily:"var(--font-display, ui-sans-serif)",fontSize:"clamp(2.25rem, 5vw + 1rem, 4.5rem)",fontSizeMobile:"2.25rem",fontSizeTablet:"3rem",fontSizeDesktop:"4.5rem",fontWeight:"900",lineHeight:"1.1",letterSpacing:"-0.02em",marginBottom:"1rem"},h2:{fontFamily:"var(--font-display, ui-sans-serif)",fontSize:"clamp(1.875rem, 4vw + 0.75rem, 3.75rem)",fontSizeMobile:"1.875rem",fontSizeTablet:"2.5rem",fontSizeDesktop:"3.75rem",fontWeight:"800",lineHeight:"1.15",letterSpacing:"-0.015em",marginBottom:"0.875rem"},h3:{fontFamily:"var(--font-display, ui-sans-serif)",fontSize:"clamp(1.5rem, 3vw + 0.5rem, 3rem)",fontSizeMobile:"1.5rem",fontSizeTablet:"2rem",fontSizeDesktop:"3rem",fontWeight:"700",lineHeight:"1.2",letterSpacing:"-0.01em",marginBottom:"0.75rem"},h4:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"clamp(1.25rem, 2.5vw + 0.5rem, 2.25rem)",fontSizeMobile:"1.25rem",fontSizeTablet:"1.75rem",fontSizeDesktop:"2.25rem",fontWeight:"700",lineHeight:"1.25",letterSpacing:"0em",marginBottom:"0.625rem"},h5:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"clamp(1.125rem, 2vw + 0.25rem, 1.875rem)",fontSizeMobile:"1.125rem",fontSizeTablet:"1.5rem",fontSizeDesktop:"1.875rem",fontWeight:"600",lineHeight:"1.3",letterSpacing:"0em",marginBottom:"0.5rem"},h6:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"clamp(1rem, 1.5vw + 0.25rem, 1.5rem)",fontSizeMobile:"1rem",fontSizeTablet:"1.25rem",fontSizeDesktop:"1.5rem",fontWeight:"600",lineHeight:"1.35",letterSpacing:"0.01em",marginBottom:"0.5rem"}},subtitle:{large:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"clamp(1.25rem, 2vw + 0.5rem, 2rem)",fontSizeMobile:"1.25rem",fontSizeTablet:"1.5rem",fontSizeDesktop:"2rem",fontWeight:"500",lineHeight:"1.4",letterSpacing:"0em",marginBottom:"0.5rem"},medium:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem)",fontSizeMobile:"1.125rem",fontSizeTablet:"1.25rem",fontSizeDesktop:"1.5rem",fontWeight:"500",lineHeight:"1.4",letterSpacing:"0em",marginBottom:"0.5rem"},small:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"1rem",fontWeight:"500",lineHeight:"1.4",letterSpacing:"0em",marginBottom:"0.375rem"}},body:{large:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.625",letterSpacing:"0em"},medium:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"1rem",fontWeight:"400",lineHeight:"1.5",letterSpacing:"0em"},small:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.5",letterSpacing:"0em"}},caption:{large:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4",letterSpacing:"0.01em"},medium:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"0.75rem",fontWeight:"400",lineHeight:"1.4",letterSpacing:"0.01em"},small:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"0.625rem",fontWeight:"400",lineHeight:"1.3",letterSpacing:"0.02em"}},button:{large:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"1.125rem",fontWeight:"600",lineHeight:"1.5",letterSpacing:"0.01em"},medium:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"1rem",fontWeight:"600",lineHeight:"1.5",letterSpacing:"0.01em"},small:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"0.875rem",fontWeight:"600",lineHeight:"1.4",letterSpacing:"0.01em"}},label:{large:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"0.875rem",fontWeight:"600",lineHeight:"1.4",letterSpacing:"0.01em"},medium:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"0.75rem",fontWeight:"600",lineHeight:"1.4",letterSpacing:"0.01em"},small:{fontFamily:"var(--font-body, ui-sans-serif)",fontSize:"0.625rem",fontWeight:"600",lineHeight:"1.3",letterSpacing:"0.02em"}},code:{inline:{fontFamily:"var(--font-code, ui-monospace)",fontSize:"0.875em",fontWeight:"400",lineHeight:"1.5",letterSpacing:"0em"},block:{fontFamily:"var(--font-code, ui-monospace)",fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.6",letterSpacing:"0em"}}}};var l={$schema:"https://json.schemastore.org/theme.json",$description:"Spacing tokens - Consistent spacing scale based on 8pt grid",spacing:{"0":"0px",px:"1px","0.5":"0.125rem","1":"0.25rem","1.5":"0.375rem","2":"0.5rem","2.5":"0.625rem","3":"0.75rem","3.5":"0.875rem","4":"1rem","5":"1.25rem","6":"1.5rem","7":"1.75rem","8":"2rem","9":"2.25rem","10":"2.5rem","11":"2.75rem","12":"3rem","14":"3.5rem","16":"4rem","20":"5rem","24":"6rem","28":"7rem","32":"8rem","36":"9rem","40":"10rem","44":"11rem","48":"12rem","52":"13rem","56":"14rem","60":"15rem","64":"16rem","72":"18rem","80":"20rem","96":"24rem"}};var p={$schema:"https://json.schemastore.org/theme.json",$description:"Border radius tokens - Consistent corner rounding",radius:{none:"0px",sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"}};var x={$schema:"https://json.schemastore.org/theme.json",$description:"Shadow tokens - Elevation and depth",shadows:{light:{xs:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",sm:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",base:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",md:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",lg:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",xl:"0 25px 50px -12px rgba(0, 0, 0, 0.25)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)",inner:"inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)"},dark:{xs:"0 1px 2px 0 rgba(0, 0, 0, 0.5)",sm:"0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.5)",base:"0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)",md:"0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)",lg:"0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5)",xl:"0 25px 50px -12px rgba(0, 0, 0, 0.75)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.75)",inner:"inset 0 2px 4px 0 rgba(0, 0, 0, 0.5)",glow:{cyan:"0 0 20px rgba(0, 230, 255, 0.5), 0 0 40px rgba(0, 230, 255, 0.3)",pink:"0 0 20px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 0, 255, 0.3)",purple:"0 0 20px rgba(125, 0, 255, 0.5), 0 0 40px rgba(125, 0, 255, 0.3)",green:"0 0 20px rgba(0, 255, 0, 0.5), 0 0 40px rgba(0, 255, 0, 0.3)"}}}};var u={animations:{"accordion-down":{name:"accordion-down",duration:"0.2s",timingFunction:"ease-out",keyframes:{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}}},"accordion-up":{name:"accordion-up",duration:"0.2s",timingFunction:"ease-out",keyframes:{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},"slide-in":{name:"slide-in",duration:"0.3s",timingFunction:"ease-out",keyframes:{"0%":{transform:"translateY(-10px)",opacity:"0"},"100%":{transform:"translateY(0)",opacity:"1"}}},"fade-in":{name:"fade-in",duration:"0.5s",timingFunction:"ease-in",keyframes:{"0%":{opacity:"0"},"100%":{opacity:"1"}}}}};var i={TO_TOP:"bg-linear-to-t",TO_BOTTOM:"bg-linear-to-b",TO_LEFT:"bg-linear-to-l",TO_RIGHT:"bg-linear-to-r",TO_TL:"bg-linear-to-tl",TO_TR:"bg-linear-to-tr",TO_BL:"bg-linear-to-bl",TO_BR:"bg-linear-to-br"},m={TEXT_PRIMARY:"bg-linear-to-r from-[var(--color-primary-base)] via-[var(--color-secondary-base)] to-[var(--color-accent-base)] bg-clip-text text-transparent",DECORATIVE_PRIMARY:"bg-linear-to-br from-[var(--color-primary-base)] via-[var(--color-secondary-base)] to-[var(--color-accent-base)]",DECORATIVE_CYAN_PURPLE:"bg-linear-to-r from-[var(--color-primary-base)] to-[var(--color-secondary-base)]",DECORATIVE_GREEN_EMERALD:"bg-linear-to-br from-[var(--color-status-success)] to-[var(--color-accent-base)]",BUTTON_CYAN_BLUE:"bg-linear-to-r from-[var(--color-primary-base)] to-[var(--color-primary-hover)]",BUTTON_PURPLE_PINK:"bg-linear-to-r from-[var(--color-secondary-base)] to-[var(--color-accent-base)]"},M={HORIZONTAL_PRIMARY:`${i.TO_RIGHT} ${m.BUTTON_CYAN_BLUE}`,HORIZONTAL_SECONDARY:`${i.TO_RIGHT} ${m.BUTTON_PURPLE_PINK}`,HORIZONTAL_DECORATIVE:`${i.TO_RIGHT} ${m.DECORATIVE_PRIMARY}`,HORIZONTAL_CYAN_PURPLE:`${i.TO_RIGHT} ${m.DECORATIVE_CYAN_PURPLE}`,VERTICAL_PRIMARY:`${i.TO_BOTTOM} ${m.BUTTON_CYAN_BLUE}`,VERTICAL_SECONDARY:`${i.TO_BOTTOM} ${m.BUTTON_PURPLE_PINK}`,VERTICAL_DECORATIVE:`${i.TO_BOTTOM} ${m.DECORATIVE_PRIMARY}`,DIAGONAL_PRIMARY:`${i.TO_BR} ${m.DECORATIVE_PRIMARY}`,DIAGONAL_SECONDARY:`${i.TO_BR} ${m.DECORATIVE_CYAN_PURPLE}`,DIAGONAL_GREEN_EMERALD:`${i.TO_BR} ${m.DECORATIVE_GREEN_EMERALD}`},P={GRAY_SCALE:`${i.TO_RIGHT} from-[var(--color-text-tertiary)] to-[var(--color-text-secondary)]`,BLUE_SCALE:`${i.TO_RIGHT} from-[var(--color-primary-base)] to-[var(--color-primary-hover)]`,SUCCESS_SCALE:`${i.TO_RIGHT} from-[var(--color-status-success)] to-[var(--color-status-success-hover)]`,TEXT_MUTED:`${i.TO_RIGHT} from-[var(--color-text-tertiary)] to-[var(--color-text-secondary)]`},W={FULL:"bg-[var(--color-background-primary)]",GRADIENT_OVERLAY:"bg-linear-to-br from-[var(--color-primary-base)]/10 via-[var(--color-secondary-base)]/10 to-[var(--color-accent-base)]/10",PREMIUM_DIVIDER_CONTAINER:"bg-linear-to-b from-transparent via-[var(--color-primary-base)]/5 to-transparent",PREMIUM_DIVIDER_LINE:"bg-linear-to-r from-transparent via-[var(--color-primary-base)]/50 to-transparent",SECTION_CYAN:"bg-linear-to-br from-[var(--color-primary-base)]/5 via-[var(--color-primary-base)]/3 to-transparent",SECTION_CYAN_VIA:"bg-linear-to-br from-transparent via-[var(--color-primary-base)]/5 to-transparent",SECTION_PURPLE_VIA:"bg-linear-to-br from-transparent via-[var(--color-secondary-base)]/5 to-transparent",SECTION_PINK_VIA:"bg-linear-to-br from-transparent via-[var(--color-accent-base)]/5 to-transparent"};function A(n){let r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);if(!r)throw new Error(`Invalid hex color: ${n}`);return{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}}function T(n,r,e){let[a,o,t]=[n,r,e].map(c=>{let f=c/255;return f<=.03928?f/12.92:Math.pow((f+.055)/1.055,2.4)});return .2126*a+.7152*o+.0722*t}function h(n,r){let e=A(n),a=A(r),o=T(e.r,e.g,e.b),t=T(a.r,a.g,a.b),c=Math.max(o,t),f=Math.min(o,t);return(c+.05)/(f+.05)}function Y(n,r,e=!1){let a=h(n,r);return e?a>=3:a>=4.5}function V(n,r,e=!1){let a=h(n,r);return e?a>=4.5:a>=7}function I(n,r){let e=h(n,r),a=e>=4.5,o=e>=3,t=e>=7,c=e>=4.5,f="Fail";return t?f="AAA":c?f="AAA Large":a?f="AA":o&&(f="AA Large"),{contrast:e,meetsAA:a,meetsAALarge:o,meetsAAA:t,meetsAAALarge:c,level:f}}function j(n,r,e={}){let{requireAAA:a=!1,largeText:o=!1}=e,t=I(n,r),c=!1,f="";return a?(c=o?t.meetsAAALarge:t.meetsAAA,f=c?`Contraste v\xE1lido (WCAG AAA${o?" - Texto Grande":""})`:`Contraste insuficiente para WCAG AAA${o?" - Texto Grande":""}. Requerido: ${o?"4.5:1":"7:1"}, atual: ${t.contrast.toFixed(2)}:1`):(c=o?t.meetsAALarge:t.meetsAA,f=c?`Contraste v\xE1lido (WCAG AA${o?" - Texto Grande":""})`:`Contraste insuficiente para WCAG AA${o?" - Texto Grande":""}. Requerido: ${o?"3:1":"4.5:1"}, atual: ${t.contrast.toFixed(2)}:1`),{valid:c,level:t.level,contrast:t.contrast,message:f}}var s={colors:{light:d.colors,dark:b.colors},typography:g.typography,spacing:l.spacing,radius:p.radius,shadows:x.shadows,animations:u.animations},ae=d.colors,oe=b.colors,te=g.typography,fe=l.spacing,ne=p.radius,ie=x.shadows,se=u.animations,H=s;var y={colors:s.colors.light,typography:s.typography,spacing:s.spacing,radius:s.radius,shadows:s.shadows.light};var v={colors:s.colors.dark,typography:s.typography,spacing:s.spacing,radius:s.radius,shadows:s.shadows.dark};var D={light:y,dark:v},N=D;export{W as BACKGROUND,m as GRADIENTS,P as GRADIENT_COLORS,M as GRADIENT_COMPOSITES,i as GRADIENT_DIRECTIONS,se as animationTokens,v as darkTheme,oe as darkThemeColors,h as getContrast,I as getContrastInfo,T as getLuminance,A as hexToRgb,y as lightTheme,ae as lightThemeColors,Y as meetsWCAGAA,V as meetsWCAGAAA,ne as radiusTokens,ie as shadowTokens,fe as spacingTokens,N as themes,H as tokens,te as typographyTokens,j as validateContrast};
1116
2
  /**
1117
3
  * @fileoverview Ponto de entrada principal da biblioteca @rainersoft/design-tokens
1118
4
  *