fractalstyler2 0.4.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/README.md +114 -95
  2. package/dist/cli.js +105 -25
  3. package/dist/components/Accordion.svelte +44 -0
  4. package/dist/components/Accordion.svelte.d.ts +23 -0
  5. package/dist/components/AccordionItem.svelte +44 -0
  6. package/dist/components/AccordionItem.svelte.d.ts +21 -0
  7. package/dist/components/AppShell.svelte +86 -0
  8. package/dist/components/AppShell.svelte.d.ts +39 -0
  9. package/dist/components/ColorPicker.svelte +38 -0
  10. package/dist/components/ColorPicker.svelte.d.ts +6 -0
  11. package/dist/components/Hero.svelte +14 -0
  12. package/dist/components/Hero.svelte.d.ts +9 -0
  13. package/dist/components/LayoutPicker.svelte +34 -0
  14. package/dist/components/LayoutPicker.svelte.d.ts +6 -0
  15. package/dist/components/MotionPicker.svelte +34 -0
  16. package/dist/components/MotionPicker.svelte.d.ts +6 -0
  17. package/dist/components/PageShell.svelte +14 -0
  18. package/dist/components/PageShell.svelte.d.ts +9 -0
  19. package/dist/components/PageSplit.svelte +26 -0
  20. package/dist/components/PageSplit.svelte.d.ts +18 -0
  21. package/dist/components/ShapePicker.svelte +37 -0
  22. package/dist/components/ShapePicker.svelte.d.ts +6 -0
  23. package/dist/css/fractalstyler.css +10643 -0
  24. package/dist/css/fractalstyler.min.css +2 -0
  25. package/dist/index.d.ts +18 -6
  26. package/dist/index.js +30 -12
  27. package/dist/mcp/schemas/compile_fractals.json +3 -3
  28. package/dist/mcp/schemas/css_to_fractals.json +1 -1
  29. package/dist/mcp/schemas/generate_component.json +2 -2
  30. package/dist/mcp/schemas/instructions.md +41 -14
  31. package/dist/mcp/schemas/list_fractals.json +9 -7
  32. package/dist/mcp/schemas/validate_recipe.json +2 -2
  33. package/dist/mcp/server.d.ts +1 -1
  34. package/dist/mcp/server.js +334 -237
  35. package/dist/presets.core.d.ts +42 -0
  36. package/dist/presets.core.js +190 -0
  37. package/dist/presets.svelte.d.ts +6 -0
  38. package/dist/presets.svelte.js +21 -0
  39. package/dist/styles/_00_presets.sass +111 -0
  40. package/dist/styles/_00_themes.sass +1061 -0
  41. package/dist/styles/_00_tokens.sass +57 -17
  42. package/dist/styles/_01_config.sass +77 -70
  43. package/dist/styles/_02_dimensions.sass +174 -0
  44. package/dist/styles/_03_containers.sass +105 -0
  45. package/dist/styles/_04_layouts.sass +100 -0
  46. package/dist/styles/_05_shells.sass +374 -0
  47. package/dist/styles/_06_visuals.sass +236 -0
  48. package/dist/styles/_07_interactions.sass +112 -0
  49. package/dist/styles/_08_own.sass +4 -0
  50. package/dist/styles/canonical-markups.md +160 -0
  51. package/dist/styles/index.sass +11 -18
  52. package/dist/themes.d.ts +7 -0
  53. package/dist/themes.js +45 -0
  54. package/dist/version.d.ts +1 -0
  55. package/dist/version.js +2 -0
  56. package/package.json +26 -15
  57. package/plugin.json +11 -10
  58. package/registry.json +2002 -0
  59. package/skills/fractal-styler/SKILL.md +137 -50
  60. package/skills/fractal-styler/references/fractals.md +416 -28
  61. package/skills/fractal-styler/references/tokens.md +110 -36
  62. package/dist/styles/_02_fonts.sass +0 -13
  63. package/dist/styles/_03_responsive.sass +0 -31
  64. package/dist/styles/_04_atoms.sass +0 -155
  65. package/dist/styles/_05_molecules.sass +0 -97
  66. package/dist/styles/_06_recipes.sass +0 -189
  67. package/dist/styles/_07_base.sass +0 -44
  68. package/dist/styles/_08_blocks.sass +0 -433
  69. package/dist/styles/_09_utilities.sass +0 -208
  70. package/dist/styles/_10_layouts.sass +0 -373
  71. package/dist/styles/_11_own.sass +0 -21
  72. package/dist/styles/_fractals.sass +0 -14
  73. package/skills/style-migration/SKILL.md +0 -45
  74. package/templates/_00_tokens.sass +0 -136
  75. package/templates/_01_config.sass +0 -66
  76. package/templates/_02_fonts.sass +0 -13
  77. package/templates/_03_responsive.sass +0 -31
  78. package/templates/_04_atoms.sass +0 -155
  79. package/templates/_05_molecules.sass +0 -97
  80. package/templates/_06_recipes.sass +0 -189
  81. package/templates/_07_base.sass +0 -44
  82. package/templates/_08_blocks.sass +0 -433
  83. package/templates/_09_utilities.sass +0 -207
  84. package/templates/_10_layouts.sass +0 -373
  85. package/templates/_11_own.sass +0 -21
  86. package/templates/_fractals.sass +0 -14
  87. package/templates/index.sass +0 -18
package/dist/styles/_00_themes.sass ADDED
@@ -0,0 +1,1061 @@
1
+ // ============================================================================
2
+ // themes — the L0 contract's values. 41 curated palettes (21 light, 19 dark),
3
+ // each remapping the same token set defined in _00_tokens.sass.
4
+ //
5
+ // These are plain classes, applied to <html>. setTheme() in presets.core.ts
6
+ // does classList.add('theme-night-dark') and the cascade does the rest.
7
+ // Nothing here needs JavaScript — a static `class="theme-night-dark"` works.
8
+ //
9
+ // Position matters: after _00_tokens so a theme beats the mode defaults,
10
+ // before _08_own so your own overrides beat a theme.
11
+ //
12
+ // Always pair a theme class with its mode:
13
+ // <html class="theme-night-dark" data-mode="dark">
14
+ // The colour preset's dark variants key off prefers-color-scheme, so a theme
15
+ // applied without data-mode can end up tuned against the OS preference rather
16
+ // than against itself. setTheme() sets both together.
17
+ //
18
+ // Each theme sets exactly 22 tokens, all of them in the contract. The 12 it
19
+ // does not — the status colours, the shadows and --ring — deliberately fall
20
+ // through to the per-mode defaults in _00_tokens.sass, since a palette should
21
+ // not have opinions about what "danger" looks like.
22
+ //
23
+ // Nothing here is outside the contract. An earlier revision carried 26 extra
24
+ // tokens per theme (--syntax-*, --md-*, --shadow-pdf-viewer and friends) —
25
+ // 1,066 declarations that no stylesheet in this system ever read. If syntax or
26
+ // prose theming is wanted, define it in _00_tokens.sass and have .terminal and
27
+ // .prose consume it, rather than letting palettes carry orphan values.
28
+ // ============================================================================
29
+
30
+ // ============================================================================
31
+ // LIGHT THEMES (21)
32
+ // ============================================================================
33
+
34
+ // 1. Default Light (Emerald Minimal)
35
+ .theme-light-default
36
+ --bg: #FFFFFF
37
+ --bg-surface: #F8F9FA
38
+ --bg-raised: #FFFFFF
39
+ --bg-panel: #F1F3F5
40
+ --bg-footer: #E9ECEF
41
+ --bg-popover: #FFFFFF
42
+ --bg-dialog: #FFFFFF
43
+ --bg-terminal: #0F172A
44
+ --bg-input: #FFFFFF
45
+ --bg-canvas: #F8F9FA
46
+ --border: #E2E8F0
47
+ --border-subtle: #EDF2F7
48
+ --text-primary: #0F172A
49
+ --text-secondary: #475569
50
+ --text-muted: #7F91AA
51
+ --state-hover: #E2E8F0
52
+ --state-hover-subtle: #F1F5F9
53
+ --state-selected: #CBD5E1
54
+ --theme-color: #04825B
55
+ --theme-color-alt: #047857
56
+ --text-inverse: #FFFFFF
57
+ --feedback-error: #DC2626
58
+
59
+ // 2. Himalaya Light (Alpine Slate & Azure)
60
+ .theme-himalaya-light
61
+ --bg: #F8FAFC
62
+ --bg-surface: #FFFFFF
63
+ --bg-raised: #F1F5F9
64
+ --bg-panel: #EAEFF5
65
+ --bg-footer: #E2E8F0
66
+ --bg-popover: #FFFFFF
67
+ --bg-dialog: #FFFFFF
68
+ --bg-terminal: #0B1120
69
+ --bg-input: #FFFFFF
70
+ --bg-canvas: #F8FAFC
71
+ --border: #CBD5E1
72
+ --border-subtle: #E2E8F0
73
+ --text-primary: #0F172A
74
+ --text-secondary: #334155
75
+ --text-muted: #64748B
76
+ --state-hover: #E2E8F0
77
+ --state-hover-subtle: #F1F5F9
78
+ --state-selected: #CBD5E1
79
+ --theme-color: #2563EB
80
+ --theme-color-alt: #1D4ED8
81
+ --text-inverse: #FFFFFF
82
+ --feedback-error: #D92D20
83
+
84
+ // 3. Editorial Light (Warm Book Paper & Olive)
85
+ .theme-editorial-light
86
+ --bg: #FAF8F5
87
+ --bg-surface: #F2EFE9
88
+ --bg-raised: #FFFFFF
89
+ --bg-panel: #EAE5DC
90
+ --bg-footer: #E0D9CE
91
+ --bg-popover: #FFFEFA
92
+ --bg-dialog: #FFFEFA
93
+ --bg-terminal: #1F2421
94
+ --bg-input: #FFFFFF
95
+ --bg-canvas: #FAF8F5
96
+ --border: #DCD5C9
97
+ --border-subtle: #E8E2D7
98
+ --text-primary: #232220
99
+ --text-secondary: #58554E
100
+ --text-muted: #8E8A80
101
+ --state-hover: #E5DFC0
102
+ --state-hover-subtle: #F4F0E8
103
+ --state-selected: #D8CEBC
104
+ --theme-color: #2E5A36
105
+ --theme-color-alt: #43734C
106
+ --text-inverse: #FFFFFF
107
+ --feedback-error: #BA1A1A
108
+
109
+ // 4. Space Light (Pine Mint & Clean Frost)
110
+ .theme-space-light
111
+ --bg: #F4F8F6
112
+ --bg-surface: #E8F1EC
113
+ --bg-raised: #FFFFFF
114
+ --bg-panel: #DCE8E2
115
+ --bg-footer: #CFDFD7
116
+ --bg-popover: #FFFFFF
117
+ --bg-dialog: #FFFFFF
118
+ --bg-terminal: #0A1C14
119
+ --bg-input: #FFFFFF
120
+ --bg-canvas: #F4F8F6
121
+ --border: #BED4C8
122
+ --border-subtle: #D6E5DC
123
+ --text-primary: #0D261C
124
+ --text-secondary: #335C4A
125
+ --text-muted: #688E7D
126
+ --state-hover: #CFE2D7
127
+ --state-hover-subtle: #E2EEE7
128
+ --state-selected: #B8D3C4
129
+ --theme-color: #0D7A4D
130
+ --theme-color-alt: #065F38
131
+ --text-inverse: #FFFFFF
132
+ --feedback-error: #DC2626
133
+
134
+ // 5. Sun Light (Terracotta Amber & Clay)
135
+ .theme-sun-light
136
+ --bg: #FAF6F0
137
+ --bg-surface: #F3ECE0
138
+ --bg-raised: #FFFFFF
139
+ --bg-panel: #EAE0D0
140
+ --bg-footer: #E0D4C0
141
+ --bg-popover: #FFFCF7
142
+ --bg-dialog: #FFFCF7
143
+ --bg-terminal: #241814
144
+ --bg-input: #FFFFFF
145
+ --bg-canvas: #FAF6F0
146
+ --border: #D8C8B4
147
+ --border-subtle: #E8DDCC
148
+ --text-primary: #2E1E14
149
+ --text-secondary: #684E3E
150
+ --text-muted: #9E806E
151
+ --state-hover: #E5D2BF
152
+ --state-hover-subtle: #F4EAE0
153
+ --state-selected: #D5BDA6
154
+ --theme-color: #B64F2A
155
+ --theme-color-alt: #9E3C1B
156
+ --text-inverse: #FFFFFF
157
+ --feedback-error: #B91C1C
158
+
159
+ // 6. Monochrono Light (High Contrast Obsidian & Indigo)
160
+ .theme-monochrono-light
161
+ --bg: #FFFFFF
162
+ --bg-surface: #F4F4F6
163
+ --bg-raised: #FFFFFF
164
+ --bg-panel: #E9E9EE
165
+ --bg-footer: #DDDEE5
166
+ --bg-popover: #FFFFFF
167
+ --bg-dialog: #FFFFFF
168
+ --bg-terminal: #09090B
169
+ --bg-input: #FFFFFF
170
+ --bg-canvas: #FFFFFF
171
+ --border: #D1D1DB
172
+ --border-subtle: #E4E4EB
173
+ --text-primary: #09090B
174
+ --text-secondary: #49495A
175
+ --text-muted: #84849A
176
+ --state-hover: #E2E2EB
177
+ --state-hover-subtle: #F0F0F5
178
+ --state-selected: #D0D0DD
179
+ --theme-color: #312E81
180
+ --theme-color-alt: #4338CA
181
+ --text-inverse: #FFFFFF
182
+ --feedback-error: #EF4444
183
+
184
+ // 7. Molly Light (Sky Azure & Periwinkle)
185
+ .theme-molly-light
186
+ --bg: #F0F7FF
187
+ --bg-surface: #E0EFFF
188
+ --bg-raised: #FFFFFF
189
+ --bg-panel: #D0E4FA
190
+ --bg-footer: #BED8F5
191
+ --bg-popover: #FFFFFF
192
+ --bg-dialog: #FFFFFF
193
+ --bg-terminal: #0A192F
194
+ --bg-input: #FFFFFF
195
+ --bg-canvas: #F0F7FF
196
+ --border: #B6D4F2
197
+ --border-subtle: #D2E4F8
198
+ --text-primary: #0B2545
199
+ --text-secondary: #2A4B7C
200
+ --text-muted: #5C7CA8
201
+ --state-hover: #CBE2F8
202
+ --state-hover-subtle: #E2EFFC
203
+ --state-selected: #B3D4F5
204
+ --theme-color: #0273AE
205
+ --theme-color-alt: #0369A1
206
+ --text-inverse: #FFFFFF
207
+ --feedback-error: #EF4444
208
+
209
+ // 8. Malana Light (Cream Stone & Warm Cinnamon)
210
+ .theme-malana-light
211
+ --bg: #FCF9F2
212
+ --bg-surface: #F4EDE0
213
+ --bg-raised: #FFFFFF
214
+ --bg-panel: #EADECB
215
+ --bg-footer: #DFCEB5
216
+ --bg-popover: #FFFDF9
217
+ --bg-dialog: #FFFDF9
218
+ --bg-terminal: #1C1814
219
+ --bg-input: #FFFFFF
220
+ --bg-canvas: #FCF9F2
221
+ --border: #D7C7AE
222
+ --border-subtle: #E9DECD
223
+ --text-primary: #211812
224
+ --text-secondary: #5E4B3E
225
+ --text-muted: #937F70
226
+ --state-hover: #E5D3BD
227
+ --state-hover-subtle: #F3E8DA
228
+ --state-selected: #D4BD9E
229
+ --theme-color: #BA501F
230
+ --theme-color-alt: #B44614
231
+ --text-inverse: #FFFFFF
232
+ --feedback-error: #DC2626
233
+
234
+ // 9. Coresync Light (Industrial Titanium & Blaze)
235
+ .theme-coresync-light
236
+ --bg: #E6E8EC
237
+ --bg-surface: #F0F2F5
238
+ --bg-raised: #FFFFFF
239
+ --bg-panel: #DCE0E6
240
+ --bg-footer: #CFD4DC
241
+ --bg-popover: #FFFFFF
242
+ --bg-dialog: #FFFFFF
243
+ --bg-terminal: #111318
244
+ --bg-input: #FFFFFF
245
+ --bg-canvas: #E6E8EC
246
+ --border: #C4CAD4
247
+ --border-subtle: #D8DDE5
248
+ --text-primary: #111622
249
+ --text-secondary: #424B5D
250
+ --text-muted: #728096
251
+ --state-hover: #D2D8E2
252
+ --state-hover-subtle: #E5EAF0
253
+ --state-selected: #BFC7D5
254
+ --theme-color: #BD3300
255
+ --theme-color-alt: #BD3300
256
+ --text-inverse: #FFFFFF
257
+ --feedback-error: #DC2626
258
+
259
+ // 10. Studio Light (Architectural Bone & Ochre)
260
+ .theme-studio-light
261
+ --bg: #F4F0E8
262
+ --bg-surface: #EAE4D6
263
+ --bg-raised: #FAF8F3
264
+ --bg-panel: #DDD5C3
265
+ --bg-footer: #D0C5AF
266
+ --bg-popover: #FCFAF6
267
+ --bg-dialog: #FCFAF6
268
+ --bg-terminal: #1B1A17
269
+ --bg-input: #FAF8F3
270
+ --bg-canvas: #F4F0E8
271
+ --border: #C8BDA8
272
+ --border-subtle: #DBD2C0
273
+ --text-primary: #1C1A17
274
+ --text-secondary: #544E44
275
+ --text-muted: #8E8678
276
+ --state-hover: #D8CEB8
277
+ --state-hover-subtle: #EAE3D2
278
+ --state-selected: #C8BBA0
279
+ --theme-color: #24201B
280
+ --theme-color-alt: #896525
281
+ --text-inverse: #F4F0E8
282
+ --feedback-error: #C84B31
283
+
284
+ // 11. Matcha Light (Zen Bamboo & Sweet Matcha)
285
+ .theme-matcha-light
286
+ --bg: #F5F7F2
287
+ --bg-surface: #EBF0E4
288
+ --bg-raised: #FFFFFF
289
+ --bg-panel: #DFE7D6
290
+ --bg-footer: #D2DDC7
291
+ --bg-popover: #FFFFFF
292
+ --bg-dialog: #FFFFFF
293
+ --bg-terminal: #162016
294
+ --bg-input: #FFFFFF
295
+ --bg-canvas: #F5F7F2
296
+ --border: #C3D3B5
297
+ --border-subtle: #DAE6CF
298
+ --text-primary: #1C2719
299
+ --text-secondary: #4A5B44
300
+ --text-muted: #7E9377
301
+ --state-hover: #D5E2C9
302
+ --state-hover-subtle: #E8F0DF
303
+ --state-selected: #C0D2B2
304
+ --theme-color: #4D7C0F
305
+ --theme-color-alt: #3F6212
306
+ --text-inverse: #FFFFFF
307
+ --feedback-error: #DC2626
308
+
309
+ // 12. Sakura Light (Japanese Cherry Blossom & Rose Quartz)
310
+ .theme-sakura-light
311
+ --bg: #FDF7F8
312
+ --bg-surface: #F9ECF0
313
+ --bg-raised: #FFFFFF
314
+ --bg-panel: #F3DEE4
315
+ --bg-footer: #EBCFD7
316
+ --bg-popover: #FFFFFF
317
+ --bg-dialog: #FFFFFF
318
+ --bg-terminal: #22151B
319
+ --bg-input: #FFFFFF
320
+ --bg-canvas: #FDF7F8
321
+ --border: #E4BCC8
322
+ --border-subtle: #F0D5DD
323
+ --text-primary: #331622
324
+ --text-secondary: #6B4354
325
+ --text-muted: #A3798C
326
+ --state-hover: #EED0DA
327
+ --state-hover-subtle: #F7E4EB
328
+ --state-selected: #E2BCC9
329
+ --theme-color: #D02370
330
+ --theme-color-alt: #BE185D
331
+ --text-inverse: #FFFFFF
332
+ --feedback-error: #E11D48
333
+
334
+ // 13. Nordic Frost Light (Arctic Ice & Glacier Blue)
335
+ .theme-nordic-frost-light
336
+ --bg: #F4FAFC
337
+ --bg-surface: #E5F3F7
338
+ --bg-raised: #FFFFFF
339
+ --bg-panel: #D5EAF0
340
+ --bg-footer: #C4DEE7
341
+ --bg-popover: #FFFFFF
342
+ --bg-dialog: #FFFFFF
343
+ --bg-terminal: #0B1922
344
+ --bg-input: #FFFFFF
345
+ --bg-canvas: #F4FAFC
346
+ --border: #B2D3DF
347
+ --border-subtle: #CCE3EC
348
+ --text-primary: #0C232F
349
+ --text-secondary: #2C5366
350
+ --text-muted: #5F869A
351
+ --state-hover: #C5E1EC
352
+ --state-hover-subtle: #DCEDF4
353
+ --state-selected: #AED2E0
354
+ --theme-color: #0273AE
355
+ --theme-color-alt: #0369A1
356
+ --text-inverse: #FFFFFF
357
+ --feedback-error: #E11D48
358
+
359
+ // 14. Desert Dune Light (Sahara Gold, Dune Sand & Ochre)
360
+ .theme-desert-dune-light
361
+ --bg: #FDF9F0
362
+ --bg-surface: #F6EEDC
363
+ --bg-raised: #FFFFFF
364
+ --bg-panel: #EDE0C7
365
+ --bg-footer: #E2D1B2
366
+ --bg-popover: #FFFDF8
367
+ --bg-dialog: #FFFDF8
368
+ --bg-terminal: #251D14
369
+ --bg-input: #FFFFFF
370
+ --bg-canvas: #FDF9F0
371
+ --border: #D8C4A0
372
+ --border-subtle: #E8DAC2
373
+ --text-primary: #291F14
374
+ --text-secondary: #634F38
375
+ --text-muted: #968065
376
+ --state-hover: #E4D2B2
377
+ --state-hover-subtle: #F3E6CE
378
+ --state-selected: #D5BD96
379
+ --theme-color: #A75C05
380
+ --theme-color-alt: #B45309
381
+ --text-inverse: #FFFFFF
382
+ --feedback-error: #DC2626
383
+
384
+ // 15. Lavender Mist Light (Gentle Lilac & Royal Amethyst)
385
+ .theme-lavender-mist-light
386
+ --bg: #FAF8FD
387
+ --bg-surface: #F0EAF8
388
+ --bg-raised: #FFFFFF
389
+ --bg-panel: #E5DBF2
390
+ --bg-footer: #D9CBEC
391
+ --bg-popover: #FFFFFF
392
+ --bg-dialog: #FFFFFF
393
+ --bg-terminal: #1B1226
394
+ --bg-input: #FFFFFF
395
+ --bg-canvas: #FAF8FD
396
+ --border: #CDB9E4
397
+ --border-subtle: #E0D3F0
398
+ --text-primary: #221633
399
+ --text-secondary: #574173
400
+ --text-muted: #8E76AC
401
+ --state-hover: #DAC9EE
402
+ --state-hover-subtle: #EDE3F6
403
+ --state-selected: #CAB3E5
404
+ --theme-color: #7C3AED
405
+ --theme-color-alt: #6D28D9
406
+ --text-inverse: #FFFFFF
407
+ --feedback-error: #E11D48
408
+
409
+ // 16. Botanical Light (Lush Fern, Botanical Herb & Earth Umber)
410
+ .theme-botanical-light
411
+ --bg: #F7FAF6
412
+ --bg-surface: #EBF2E8
413
+ --bg-raised: #FFFFFF
414
+ --bg-panel: #DEE9D9
415
+ --bg-footer: #D0DEC9
416
+ --bg-popover: #FFFFFF
417
+ --bg-dialog: #FFFFFF
418
+ --bg-terminal: #152216
419
+ --bg-input: #FFFFFF
420
+ --bg-canvas: #F7FAF6
421
+ --border: #BED1B7
422
+ --border-subtle: #D8E5D3
423
+ --text-primary: #182819
424
+ --text-secondary: #425B44
425
+ --text-muted: #738E75
426
+ --state-hover: #D1E2CA
427
+ --state-hover-subtle: #E6EFE2
428
+ --state-selected: #BACFB1
429
+ --theme-color: #117F3A
430
+ --theme-color-alt: #15803D
431
+ --text-inverse: #FFFFFF
432
+ --feedback-error: #DC2626
433
+
434
+ // 17. Clay Studio Light (Terracotta Ceramic, Warm Bisque & Sienna)
435
+ .theme-clay-studio-light
436
+ --bg: #FAF5F0
437
+ --bg-surface: #F2E7DC
438
+ --bg-raised: #FFFFFF
439
+ --bg-panel: #E8D7C8
440
+ --bg-footer: #DEC5B2
441
+ --bg-popover: #FFFBF8
442
+ --bg-dialog: #FFFBF8
443
+ --bg-terminal: #281A14
444
+ --bg-input: #FFFFFF
445
+ --bg-canvas: #FAF5F0
446
+ --border: #D3B9A4
447
+ --border-subtle: #E5D3C3
448
+ --text-primary: #2C1A12
449
+ --text-secondary: #6B4B3D
450
+ --text-muted: #9E7D6F
451
+ --state-hover: #DFC8B6
452
+ --state-hover-subtle: #EFE0D4
453
+ --state-selected: #D0B29C
454
+ --theme-color: #B45309
455
+ --theme-color-alt: #92400E
456
+ --text-inverse: #FFFFFF
457
+ --feedback-error: #B91C1C
458
+
459
+ // 18. Solaris Light (Golden Sunbeam, Warm Amber & Marigold)
460
+ .theme-solaris-light
461
+ --bg: #FFFCF2
462
+ --bg-surface: #FFF5D6
463
+ --bg-raised: #FFFFFF
464
+ --bg-panel: #FFEBB8
465
+ --bg-footer: #FEDF94
466
+ --bg-popover: #FFFFFF
467
+ --bg-dialog: #FFFFFF
468
+ --bg-terminal: #241C0A
469
+ --bg-input: #FFFFFF
470
+ --bg-canvas: #FFFCF2
471
+ --border: #F3CF76
472
+ --border-subtle: #FBE5A5
473
+ --text-primary: #291E04
474
+ --text-secondary: #6B5216
475
+ --text-muted: #A3853E
476
+ --state-hover: #F8DC8E
477
+ --state-hover-subtle: #FDF0C3
478
+ --state-selected: #ECC768
479
+ --theme-color: #AC5F05
480
+ --theme-color-alt: #B45309
481
+ --text-inverse: #FFFFFF
482
+ --feedback-error: #DC2626
483
+
484
+ // 19. Cyberpunk Day Light (Neo-Shinjuku Pastel Cream & Fuchsia)
485
+ .theme-cyberpunk-day-light
486
+ --bg: #FDFEFA
487
+ --bg-surface: #F6F8E8
488
+ --bg-raised: #FFFFFF
489
+ --bg-panel: #EBF0CD
490
+ --bg-footer: #DFE7AC
491
+ --bg-popover: #FFFFFF
492
+ --bg-dialog: #FFFFFF
493
+ --bg-terminal: #12101F
494
+ --bg-input: #FFFFFF
495
+ --bg-canvas: #FDFEFA
496
+ --border: #CCD88D
497
+ --border-subtle: #E2ECAD
498
+ --text-primary: #15102A
499
+ --text-secondary: #483C6E
500
+ --text-muted: #8275A8
501
+ --state-hover: #DEEB9F
502
+ --state-hover-subtle: #F1F6D2
503
+ --state-selected: #C9D97E
504
+ --theme-color: #E11D48
505
+ --theme-color-alt: #077D9A
506
+ --text-inverse: #FFFFFF
507
+ --feedback-error: #E11D48
508
+
509
+ // 20. Copper Patina Light (Oxidized Verdigris & Aegean Teal)
510
+ .theme-copper-patina-light
511
+ --bg: #F3FAF8
512
+ --bg-surface: #E3F2EE
513
+ --bg-raised: #FFFFFF
514
+ --bg-panel: #D1E8E2
515
+ --bg-footer: #BFDCD5
516
+ --bg-popover: #FFFFFF
517
+ --bg-dialog: #FFFFFF
518
+ --bg-terminal: #112220
519
+ --bg-input: #FFFFFF
520
+ --bg-canvas: #F3FAF8
521
+ --border: #A9CEC5
522
+ --border-subtle: #C6E3DC
523
+ --text-primary: #0F2824
524
+ --text-secondary: #305B54
525
+ --text-muted: #608C85
526
+ --state-hover: #BFDFD7
527
+ --state-hover-subtle: #DBEFEA
528
+ --state-selected: #A3CCC2
529
+ --theme-color: #0B7D72
530
+ --theme-color-alt: #0F766E
531
+ --text-inverse: #FFFFFF
532
+ --feedback-error: #DC2626
533
+
534
+ // 21. Dracula Light (Alucard Gothic Cream & Crimson Coral)
535
+ .theme-dracula-light
536
+ --bg: #F8F7FA
537
+ --bg-surface: #EDEAF3
538
+ --bg-raised: #FFFFFF
539
+ --bg-panel: #E0DAEA
540
+ --bg-footer: #D2C8DF
541
+ --bg-popover: #FFFFFF
542
+ --bg-dialog: #FFFFFF
543
+ --bg-terminal: #282A36
544
+ --bg-input: #FFFFFF
545
+ --bg-canvas: #F8F7FA
546
+ --border: #C4B5D7
547
+ --border-subtle: #DCD2EB
548
+ --text-primary: #282A36
549
+ --text-secondary: #585474
550
+ --text-muted: #8E89AC
551
+ --state-hover: #D7CBEC
552
+ --state-hover-subtle: #ECE4F6
553
+ --state-selected: #C6B4E3
554
+ --theme-color: #7C3AED
555
+ --theme-color-alt: #D02370
556
+ --text-inverse: #FFFFFF
557
+ --feedback-error: #E11D48
558
+
559
+ // ============================================================================
560
+ // DARK THEMES (20)
561
+ // ============================================================================
562
+
563
+ // 22. Lagoona Dark (Deep Abyss Electric Aqua)
564
+ .theme-lagoona-dark
565
+ --bg: #0E1118
566
+ --bg-surface: #141824
567
+ --bg-raised: #1C2232
568
+ --bg-panel: #101420
569
+ --bg-footer: #0B0D14
570
+ --bg-popover: #20273A
571
+ --bg-dialog: #20273A
572
+ --bg-terminal: #080A0F
573
+ --bg-input: #121622
574
+ --bg-canvas: #0E1118
575
+ --border: #28324A
576
+ --border-subtle: #1E2538
577
+ --text-primary: #EDF2F7
578
+ --text-secondary: #9BB0C7
579
+ --text-muted: #5D7087
580
+ --state-hover: #263047
581
+ --state-hover-subtle: #1B2233
582
+ --state-selected: #32405E
583
+ --theme-color: #38BDF8
584
+ --theme-color-alt: #0EA5E9
585
+ --text-inverse: #0E1118
586
+ --feedback-error: #F87171
587
+
588
+ // 23. Frozen Dark (Nordic Polar Sage & Frost)
589
+ .theme-frozen-dark
590
+ --bg: #15171C
591
+ --bg-surface: #1D2128
592
+ --bg-raised: #262C36
593
+ --bg-panel: #191C22
594
+ --bg-footer: #111317
595
+ --bg-popover: #2A313D
596
+ --bg-dialog: #2A313D
597
+ --bg-terminal: #0E1013
598
+ --bg-input: #181B22
599
+ --bg-canvas: #15171C
600
+ --border: #343D4C
601
+ --border-subtle: #262C37
602
+ --text-primary: #ECEFF4
603
+ --text-secondary: #B4BECE
604
+ --text-muted: #68768A
605
+ --state-hover: #313947
606
+ --state-hover-subtle: #232933
607
+ --state-selected: #414C5E
608
+ --theme-color: #A3BE8C
609
+ --theme-color-alt: #8FBCBB
610
+ --text-inverse: #15171C
611
+ --feedback-error: #BF616A
612
+
613
+ // 24. Night Dark (Tokyo Night Indigo & Cyber Lime)
614
+ .theme-night-dark
615
+ --bg: #13141F
616
+ --bg-surface: #1A1B2A
617
+ --bg-raised: #222438
618
+ --bg-panel: #161724
619
+ --bg-footer: #0F1018
620
+ --bg-popover: #282A42
621
+ --bg-dialog: #282A42
622
+ --bg-terminal: #0D0E15
623
+ --bg-input: #171826
624
+ --bg-canvas: #13141F
625
+ --border: #303352
626
+ --border-subtle: #22243A
627
+ --text-primary: #C0CAF5
628
+ --text-secondary: #9099C4
629
+ --text-muted: #5B6284
630
+ --state-hover: #2F3250
631
+ --state-hover-subtle: #202237
632
+ --state-selected: #3E426B
633
+ --theme-color: #9ECE6A
634
+ --theme-color-alt: #7AA2F7
635
+ --text-inverse: #13141F
636
+ --feedback-error: #F7768E
637
+
638
+ // 25. Inkworm Dark (Vintage Espresso & Warm Amber)
639
+ .theme-inkworm-dark
640
+ --bg: #171513
641
+ --bg-surface: #211E1B
642
+ --bg-raised: #2C2824
643
+ --bg-panel: #1A1815
644
+ --bg-footer: #12100E
645
+ --bg-popover: #35302B
646
+ --bg-dialog: #35302B
647
+ --bg-terminal: #0F0E0C
648
+ --bg-input: #1E1B18
649
+ --bg-canvas: #171513
650
+ --border: #423C36
651
+ --border-subtle: #2F2B26
652
+ --text-primary: #E8E2D8
653
+ --text-secondary: #ADA394
654
+ --text-muted: #6E6659
655
+ --state-hover: #3A342E
656
+ --state-hover-subtle: #282420
657
+ --state-selected: #4E463E
658
+ --theme-color: #E58A1F
659
+ --theme-color-alt: #F97316
660
+ --text-inverse: #171513
661
+ --feedback-error: #EF4444
662
+
663
+ // 26. Monochrono Dark (True Pitch Black & Titanium)
664
+ .theme-monochrono-dark
665
+ --bg: #050505
666
+ --bg-surface: #101012
667
+ --bg-raised: #1A1A1E
668
+ --bg-panel: #0A0A0C
669
+ --bg-footer: #020202
670
+ --bg-popover: #222228
671
+ --bg-dialog: #222228
672
+ --bg-terminal: #000000
673
+ --bg-input: #0E0E10
674
+ --bg-canvas: #050505
675
+ --border: #2E2E36
676
+ --border-subtle: #1E1E24
677
+ --text-primary: #FFFFFF
678
+ --text-secondary: #B0B0BC
679
+ --text-muted: #666675
680
+ --state-hover: #2A2A33
681
+ --state-hover-subtle: #17171C
682
+ --state-selected: #383845
683
+ --theme-color: #FFFFFF
684
+ --theme-color-alt: #D4D4DE
685
+ --text-inverse: #050505
686
+ --feedback-error: #DC2626
687
+
688
+ // 27. Four AM Dark (Midnight Neon Magenta & Electric Mint)
689
+ .theme-fouram-dark
690
+ --bg: #080B14
691
+ --bg-surface: #0F1424
692
+ --bg-raised: #182038
693
+ --bg-panel: #0B0E1B
694
+ --bg-footer: #05070E
695
+ --bg-popover: #1E2847
696
+ --bg-dialog: #1E2847
697
+ --bg-terminal: #04060A
698
+ --bg-input: #0E1220
699
+ --bg-canvas: #080B14
700
+ --border: #27345C
701
+ --border-subtle: #19223D
702
+ --text-primary: #F3F6FC
703
+ --text-secondary: #A2B2D8
704
+ --text-muted: #5C6B94
705
+ --state-hover: #243054
706
+ --state-hover-subtle: #151D34
707
+ --state-selected: #314273
708
+ --theme-color: #F43F8E
709
+ --theme-color-alt: #10B981
710
+ --text-inverse: #080B14
711
+ --feedback-error: #EF4444
712
+
713
+ // 28. Winter Came Dark (Obsidian Charcoal & Molten Ember)
714
+ .theme-wintercame-dark
715
+ --bg: #0D0D0E
716
+ --bg-surface: #161619
717
+ --bg-raised: #212126
718
+ --bg-panel: #111114
719
+ --bg-footer: #080809
720
+ --bg-popover: #2B2B33
721
+ --bg-dialog: #2B2B33
722
+ --bg-terminal: #060607
723
+ --bg-input: #141417
724
+ --bg-canvas: #0D0D0E
725
+ --border: #383842
726
+ --border-subtle: #24242B
727
+ --text-primary: #F8F8FA
728
+ --text-secondary: #ABABBC
729
+ --text-muted: #686877
730
+ --state-hover: #2F2F3B
731
+ --state-hover-subtle: #1D1D24
732
+ --state-selected: #404050
733
+ --theme-color: #FF6600
734
+ --theme-color-alt: #FFAB00
735
+ --text-inverse: #0D0D0E
736
+ --feedback-error: #FF3333
737
+
738
+ // 29. Sun Dark (Graphite Carbon & Cyber Aqua)
739
+ .theme-sun-dark
740
+ --bg: #0B0D11
741
+ --bg-surface: #12161E
742
+ --bg-raised: #1A202B
743
+ --bg-panel: #0E1218
744
+ --bg-footer: #07080B
745
+ --bg-popover: #222A38
746
+ --bg-dialog: #222A38
747
+ --bg-terminal: #050608
748
+ --bg-input: #11141C
749
+ --bg-canvas: #0B0D11
750
+ --border: #293447
751
+ --border-subtle: #1C2432
752
+ --text-primary: #EEF4FC
753
+ --text-secondary: #9EB2CF
754
+ --text-muted: #5C6D87
755
+ --state-hover: #243042
756
+ --state-hover-subtle: #161D29
757
+ --state-selected: #32425C
758
+ --theme-color: #00E5FF
759
+ --theme-color-alt: #00B8D9
760
+ --text-inverse: #0B0D11
761
+ --feedback-error: #FF4A5A
762
+
763
+ // 30. Console Dark (CRT Matrix Phosphor Green & Soot)
764
+ .theme-console-dark
765
+ --bg: #0D110E
766
+ --bg-surface: #141A15
767
+ --bg-raised: #1B241D
768
+ --bg-panel: #101511
769
+ --bg-footer: #080B09
770
+ --bg-popover: #232E26
771
+ --bg-dialog: #232E26
772
+ --bg-terminal: #060806
773
+ --bg-input: #121713
774
+ --bg-canvas: #0D110E
775
+ --border: #2A3A2F
776
+ --border-subtle: #1C271F
777
+ --text-primary: #DCF5E3
778
+ --text-secondary: #8DBA96
779
+ --text-muted: #4E7355
780
+ --state-hover: #26362A
781
+ --state-hover-subtle: #17211A
782
+ --state-selected: #344A3A
783
+ --theme-color: #10B981
784
+ --theme-color-alt: #34D399
785
+ --text-inverse: #0D110E
786
+ --feedback-error: #EF4444
787
+
788
+ // 31. Dracula Dark (Classic Gothic Vampire & Orchid)
789
+ .theme-dracula-dark
790
+ --bg: #282A36
791
+ --bg-surface: #343746
792
+ --bg-raised: #44475A
793
+ --bg-panel: #21222C
794
+ --bg-footer: #191A21
795
+ --bg-popover: #44475A
796
+ --bg-dialog: #44475A
797
+ --bg-terminal: #191A21
798
+ --bg-input: #21222C
799
+ --bg-canvas: #282A36
800
+ --border: #6272A4
801
+ --border-subtle: #44475A
802
+ --text-primary: #F8F8F2
803
+ --text-secondary: #BD93F9
804
+ --text-muted: #6272A4
805
+ --state-hover: #44475A
806
+ --state-hover-subtle: #343746
807
+ --state-selected: #555870
808
+ --theme-color: #BD93F9
809
+ --theme-color-alt: #FF79C6
810
+ --text-inverse: #282A36
811
+ --feedback-error: #FF5555
812
+
813
+ // 32. Catppuccin Mocha (Cozy Pastel Velvet & Mauve)
814
+ .theme-catppuccin-mocha
815
+ --bg: #1E1E2E
816
+ --bg-surface: #252538
817
+ --bg-raised: #313244
818
+ --bg-panel: #181825
819
+ --bg-footer: #11111B
820
+ --bg-popover: #313244
821
+ --bg-dialog: #313244
822
+ --bg-terminal: #11111B
823
+ --bg-input: #181825
824
+ --bg-canvas: #1E1E2E
825
+ --border: #45475A
826
+ --border-subtle: #313244
827
+ --text-primary: #CDD6F4
828
+ --text-secondary: #A6ADC8
829
+ --text-muted: #6C7086
830
+ --state-hover: #3b3d54
831
+ --state-hover-subtle: #2a2b3d
832
+ --state-selected: #4E516B
833
+ --theme-color: #CBA6F7
834
+ --theme-color-alt: #89B4FA
835
+ --text-inverse: #1E1E2E
836
+ --feedback-error: #F38BA8
837
+
838
+ // 33. Nord Dark (Arctic Polar Night & Aurora)
839
+ .theme-nord-dark
840
+ --bg: #2E3440
841
+ --bg-surface: #3B4252
842
+ --bg-raised: #434C5E
843
+ --bg-panel: #272C37
844
+ --bg-footer: #1E222A
845
+ --bg-popover: #434C5E
846
+ --bg-dialog: #434C5E
847
+ --bg-terminal: #1E222A
848
+ --bg-input: #272C37
849
+ --bg-canvas: #2E3440
850
+ --border: #4C566A
851
+ --border-subtle: #3B4252
852
+ --text-primary: #ECEFF4
853
+ --text-secondary: #D8DEE9
854
+ --text-muted: #7E8EAA
855
+ --state-hover: #4C566A
856
+ --state-hover-subtle: #3B4252
857
+ --state-selected: #5A667E
858
+ --theme-color: #88C0D0
859
+ --theme-color-alt: #81A1C1
860
+ --text-inverse: #2E3440
861
+ --feedback-error: #BF616A
862
+
863
+ // 34. Gruvbox Dark (Retro Warm Groove & Saffron)
864
+ .theme-gruvbox-dark
865
+ --bg: #282828
866
+ --bg-surface: #32302F
867
+ --bg-raised: #3C3836
868
+ --bg-panel: #1D2021
869
+ --bg-footer: #141617
870
+ --bg-popover: #3C3836
871
+ --bg-dialog: #3C3836
872
+ --bg-terminal: #1D2021
873
+ --bg-input: #1D2021
874
+ --bg-canvas: #282828
875
+ --border: #504945
876
+ --border-subtle: #3C3836
877
+ --text-primary: #EBDBB2
878
+ --text-secondary: #D5C4A1
879
+ --text-muted: #928374
880
+ --state-hover: #4A4440
881
+ --state-hover-subtle: #32302F
882
+ --state-selected: #5A524C
883
+ --theme-color: #FE8019
884
+ --theme-color-alt: #FABD2F
885
+ --text-inverse: #282828
886
+ --feedback-error: #FB4934
887
+
888
+ // 35. One Dark Pro (Atom Slate Blue & Coral Mint)
889
+ .theme-onedark-pro
890
+ --bg: #21252B
891
+ --bg-surface: #282C34
892
+ --bg-raised: #2F3440
893
+ --bg-panel: #1B1D23
894
+ --bg-footer: #15171C
895
+ --bg-popover: #2F3440
896
+ --bg-dialog: #2F3440
897
+ --bg-terminal: #1B1D23
898
+ --bg-input: #1B1D23
899
+ --bg-canvas: #21252B
900
+ --border: #3E4451
901
+ --border-subtle: #2C313C
902
+ --text-primary: #ABB2BF
903
+ --text-secondary: #888E9C
904
+ --text-muted: #6A7281
905
+ --state-hover: #383E4C
906
+ --state-hover-subtle: #282C34
907
+ --state-selected: #464E5F
908
+ --theme-color: #61AFEF
909
+ --theme-color-alt: #98C379
910
+ --text-inverse: #21252B
911
+ --feedback-error: #E06C75
912
+
913
+ // 36. Rose Pine Dark (SoHo Midnight Rose & Pine)
914
+ .theme-rose-pine-dark
915
+ --bg: #191724
916
+ --bg-surface: #1F1D2E
917
+ --bg-raised: #26233A
918
+ --bg-panel: #151320
919
+ --bg-footer: #0D0B14
920
+ --bg-popover: #26233A
921
+ --bg-dialog: #26233A
922
+ --bg-terminal: #151320
923
+ --bg-input: #151320
924
+ --bg-canvas: #191724
925
+ --border: #403D52
926
+ --border-subtle: #26233A
927
+ --text-primary: #E0DEF4
928
+ --text-secondary: #908CAA
929
+ --text-muted: #6E6A86
930
+ --state-hover: #312E46
931
+ --state-hover-subtle: #1F1D2E
932
+ --state-selected: #3E3B56
933
+ --theme-color: #EB6F92
934
+ --theme-color-alt: #3B8DAD
935
+ --text-inverse: #191724
936
+ --feedback-error: #EB6F92
937
+
938
+ // 37. Midnight Emerald Dark (Deep Malachite Forest & Jade)
939
+ .theme-midnight-emerald-dark
940
+ --bg: #0A140F
941
+ --bg-surface: #102018
942
+ --bg-raised: #182E23
943
+ --bg-panel: #0D1B14
944
+ --bg-footer: #060D0A
945
+ --bg-popover: #182E23
946
+ --bg-dialog: #182E23
947
+ --bg-terminal: #060D0A
948
+ --bg-input: #0D1B14
949
+ --bg-canvas: #0A140F
950
+ --border: #234534
951
+ --border-subtle: #14281E
952
+ --text-primary: #E2F8EE
953
+ --text-secondary: #8BC4AA
954
+ --text-muted: #4F8069
955
+ --state-hover: #1E3A2C
956
+ --state-hover-subtle: #102018
957
+ --state-selected: #294D3B
958
+ --theme-color: #10B981
959
+ --theme-color-alt: #34D399
960
+ --text-inverse: #0A140F
961
+ --feedback-error: #F87171
962
+
963
+ // 38. Obsidian Crimson Dark (Gothic Bloodstone & Velvet Ruby)
964
+ .theme-obsidian-crimson-dark
965
+ --bg: #120B0D
966
+ --bg-surface: #1C1215
967
+ --bg-raised: #281A1F
968
+ --bg-panel: #160D10
969
+ --bg-footer: #0A0507
970
+ --bg-popover: #281A1F
971
+ --bg-dialog: #281A1F
972
+ --bg-terminal: #0A0507
973
+ --bg-input: #160D10
974
+ --bg-canvas: #120B0D
975
+ --border: #42252F
976
+ --border-subtle: #2A171D
977
+ --text-primary: #FDE8ED
978
+ --text-secondary: #D490A2
979
+ --text-muted: #8F5464
980
+ --state-hover: #331F27
981
+ --state-hover-subtle: #1C1215
982
+ --state-selected: #472B36
983
+ --theme-color: #E5375D
984
+ --theme-color-alt: #FB7185
985
+ --text-inverse: #120B0D
986
+ --feedback-error: #FF4D6D
987
+
988
+ // 39. Synthwave Dark (Retro 80s Sunset Neon Violet & Laser Cyan)
989
+ .theme-synthwave-dark
990
+ --bg: #160D26
991
+ --bg-surface: #201338
992
+ --bg-raised: #2C1A4C
993
+ --bg-panel: #1A0F2E
994
+ --bg-footer: #0E071A
995
+ --bg-popover: #2C1A4C
996
+ --bg-dialog: #2C1A4C
997
+ --bg-terminal: #0E071A
998
+ --bg-input: #1A0F2E
999
+ --bg-canvas: #160D26
1000
+ --border: #482878
1001
+ --border-subtle: #2C1A4C
1002
+ --text-primary: #FDF4FF
1003
+ --text-secondary: #D4A9F7
1004
+ --text-muted: #8762B3
1005
+ --state-hover: #382161
1006
+ --state-hover-subtle: #201338
1007
+ --state-selected: #4D2D85
1008
+ --theme-color: #FF2A85
1009
+ --theme-color-alt: #00F0FF
1010
+ --text-inverse: #160D26
1011
+ --feedback-error: #FF2A85
1012
+
1013
+ // 40. Deep Ocean Dark (Bioluminescent Abyss & Aquamarine)
1014
+ .theme-deep-ocean-dark
1015
+ --bg: #07111A
1016
+ --bg-surface: #0C1A27
1017
+ --bg-raised: #13273B
1018
+ --bg-panel: #0A1622
1019
+ --bg-footer: #04090E
1020
+ --bg-popover: #13273B
1021
+ --bg-dialog: #13273B
1022
+ --bg-terminal: #04090E
1023
+ --bg-input: #0A1622
1024
+ --bg-canvas: #07111A
1025
+ --border: #1E3E5C
1026
+ --border-subtle: #11263A
1027
+ --text-primary: #E0F5FE
1028
+ --text-secondary: #8BC9E8
1029
+ --text-muted: #4B7D99
1030
+ --state-hover: #19344E
1031
+ --state-hover-subtle: #0C1A27
1032
+ --state-selected: #22476B
1033
+ --theme-color: #00E5FF
1034
+ --theme-color-alt: #38BDF8
1035
+ --text-inverse: #07111A
1036
+ --feedback-error: #F87171
1037
+
1038
+ // 41. Amethyst Void Dark (Cosmic Deep Violet & Starlight)
1039
+ .theme-amethyst-void-dark
1040
+ --bg: #0F091A
1041
+ --bg-surface: #180F29
1042
+ --bg-raised: #24173D
1043
+ --bg-panel: #130B21
1044
+ --bg-footer: #08040E
1045
+ --bg-popover: #24173D
1046
+ --bg-dialog: #24173D
1047
+ --bg-terminal: #08040E
1048
+ --bg-input: #130B21
1049
+ --bg-canvas: #0F091A
1050
+ --border: #3B2463
1051
+ --border-subtle: #24173D
1052
+ --text-primary: #F7EEFE
1053
+ --text-secondary: #CEACF3
1054
+ --text-muted: #8062A3
1055
+ --state-hover: #2F1D50
1056
+ --state-hover-subtle: #180F29
1057
+ --state-selected: #432A70
1058
+ --theme-color: #A855F7
1059
+ --theme-color-alt: #EC4899
1060
+ --text-inverse: #0F091A
1061
+ --feedback-error: #F43F5E