@enderfall/ui 0.2.17 → 0.2.19

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/Button.css +59 -20
  3. package/src/variables.css +170 -2
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@enderfall/ui",
3
3
  "private": false,
4
- "version": "0.2.17",
4
+ "version": "0.2.19",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",
package/src/components/Button.css CHANGED
@@ -1,4 +1,7 @@
1
1
  .ef-button {
2
+ --ef-button-current-glow-shadow: var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45));
3
+ --ef-button-current-hover-shadow: var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35));
4
+ --ef-button-current-focus-shadow: var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35));
2
5
  padding: 10px 18px;
3
6
  border-radius: var(--ef-control-radius, 12px);
4
7
  font-weight: 600;
@@ -25,18 +28,22 @@
25
28
  }
26
29
 
27
30
  .ef-button--glow {
28
- box-shadow: var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45));
31
+ box-shadow: var(--ef-button-current-glow-shadow, var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45)));
32
+ }
33
+
34
+ .ef-button--glow:not(:disabled):hover {
35
+ box-shadow: var(--ef-button-current-hover-shadow, var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
36
+ animation: none;
29
37
  }
30
38
 
31
- .ef-button--glow:not(:disabled):hover,
32
39
  .ef-button--glow:focus-visible {
33
- box-shadow: var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35));
40
+ box-shadow: var(--ef-button-current-focus-shadow, var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
34
41
  animation: none;
35
42
  }
36
43
 
37
44
  .ef-button--hover-glow:not(:disabled):hover,
38
45
  .ef-button--hover-glow:focus-visible {
39
- box-shadow: var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35));
46
+ box-shadow: var(--ef-button-current-hover-shadow, var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
40
47
  animation: none;
41
48
  }
42
49
 
@@ -56,9 +63,12 @@
56
63
  color: var(--ef-button-text);
57
64
  }
58
65
 
59
- .ef-button.ghost {
60
- background:
61
- linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
66
+ .ef-button.ghost {
67
+ --ef-button-current-glow-shadow: var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45));
68
+ --ef-button-current-hover-shadow: var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35));
69
+ --ef-button-current-focus-shadow: var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35));
70
+ background:
71
+ linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
62
72
  var(--ef-button-border) border-box;
63
73
  color: var(--ef-button-text);
64
74
  }
@@ -69,29 +79,41 @@
69
79
  color: var(--ef-button-text);
70
80
  }
71
81
 
72
- .ef-button.danger,
73
- .ef-button.delete {
74
- background:
75
- linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
76
- var(--ef-button-danger-border) border-box;
82
+ .ef-button.danger,
83
+ .ef-button.delete {
84
+ --ef-button-current-glow-shadow: var(--ef-button-danger-glow-shadow, var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45)));
85
+ --ef-button-current-hover-shadow: var(--ef-button-danger-hover-shadow, var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
86
+ --ef-button-current-focus-shadow: var(--ef-button-danger-focus-shadow, var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
87
+ background:
88
+ linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
89
+ var(--ef-button-danger-border) border-box;
77
90
  color: var(--ef-button-text);
78
91
  }
79
92
 
80
- .ef-button.warning {
81
- background:
82
- linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
83
- var(--ef-button-warning-border) border-box;
93
+ .ef-button.warning {
94
+ --ef-button-current-glow-shadow: var(--ef-button-warning-glow-shadow, var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45)));
95
+ --ef-button-current-hover-shadow: var(--ef-button-warning-hover-shadow, var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
96
+ --ef-button-current-focus-shadow: var(--ef-button-warning-focus-shadow, var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
97
+ background:
98
+ linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
99
+ var(--ef-button-warning-border) border-box;
84
100
  color: var(--ef-button-text);
85
101
  }
86
102
 
87
- .ef-button.info {
88
- background:
89
- linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
90
- var(--ef-button-info-border) border-box;
103
+ .ef-button.info {
104
+ --ef-button-current-glow-shadow: var(--ef-button-info-glow-shadow, var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45)));
105
+ --ef-button-current-hover-shadow: var(--ef-button-info-hover-shadow, var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
106
+ --ef-button-current-focus-shadow: var(--ef-button-info-focus-shadow, var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
107
+ background:
108
+ linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
109
+ var(--ef-button-info-border) border-box;
91
110
  color: var(--ef-button-text);
92
111
  }
93
112
 
94
113
  .ef-button.success {
114
+ --ef-button-current-glow-shadow: var(--ef-button-success-glow-shadow, var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45)));
115
+ --ef-button-current-hover-shadow: var(--ef-button-success-hover-shadow, var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
116
+ --ef-button-current-focus-shadow: var(--ef-button-success-focus-shadow, var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
95
117
  background:
96
118
  linear-gradient(var(--ef-button-surface), var(--ef-button-surface)) padding-box,
97
119
  var(--ef-button-success-border) border-box;
@@ -99,6 +121,9 @@
99
121
  }
100
122
 
101
123
  .ef-button.tab {
124
+ --ef-button-current-glow-shadow: var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45));
125
+ --ef-button-current-hover-shadow: var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35));
126
+ --ef-button-current-focus-shadow: var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35));
102
127
  color: var(--ef-tab-button-text, var(--ef-nav-text));
103
128
  text-decoration: none;
104
129
  font-size: 1rem;
@@ -142,6 +167,20 @@
142
167
  background: var(--ef-tab-button-surface-hover, var(--ef-tab-button-surface, var(--ef-nav-surface)));
143
168
  }
144
169
 
170
+ .ef-button.tab.ef-button--glow {
171
+ box-shadow: var(--ef-button-current-glow-shadow, var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45)));
172
+ }
173
+
174
+ .ef-button.tab.ef-button--glow:not(:disabled):hover,
175
+ .ef-button.tab.ef-button--hover-glow:not(:disabled):hover {
176
+ box-shadow: var(--ef-button-current-hover-shadow, var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
177
+ }
178
+
179
+ .ef-button.tab.ef-button--glow:focus-visible,
180
+ .ef-button.tab.ef-button--hover-glow:focus-visible {
181
+ box-shadow: var(--ef-button-current-focus-shadow, var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
182
+ }
183
+
145
184
  .theme-preview {
146
185
  position: relative;
147
186
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
package/src/variables.css CHANGED
@@ -40,6 +40,30 @@
40
40
  --ef-button-info-text: #021823;
41
41
  --ef-button-success-border: linear-gradient(135deg, rgba(76, 255, 200, 0.7), rgba(140, 255, 220, 0.7));
42
42
  --ef-button-success-text: #041a10;
43
+ --ef-button-danger-glow-shadow: 0 0 8px rgba(255, 92, 92, 0.36), 0 0 18px rgba(255, 120, 120, 0.46),
44
+ 0 0 26px rgba(255, 170, 170, 0.4);
45
+ --ef-button-danger-hover-shadow: 0 0 5px rgba(255, 92, 92, 0.32), 0 0 11px rgba(255, 120, 120, 0.4),
46
+ 0 0 16px rgba(255, 170, 170, 0.34);
47
+ --ef-button-danger-focus-shadow: 0 0 6px rgba(255, 92, 92, 0.38), 0 0 14px rgba(255, 120, 120, 0.48),
48
+ 0 0 20px rgba(255, 170, 170, 0.42);
49
+ --ef-button-warning-glow-shadow: 0 0 8px rgba(255, 183, 77, 0.34), 0 0 18px rgba(255, 206, 120, 0.44),
50
+ 0 0 26px rgba(255, 221, 128, 0.38);
51
+ --ef-button-warning-hover-shadow: 0 0 5px rgba(255, 183, 77, 0.3), 0 0 11px rgba(255, 206, 120, 0.38),
52
+ 0 0 16px rgba(255, 221, 128, 0.32);
53
+ --ef-button-warning-focus-shadow: 0 0 6px rgba(255, 183, 77, 0.36), 0 0 14px rgba(255, 206, 120, 0.46),
54
+ 0 0 20px rgba(255, 221, 128, 0.4);
55
+ --ef-button-info-glow-shadow: 0 0 8px rgba(0, 229, 255, 0.34), 0 0 18px rgba(60, 210, 255, 0.44),
56
+ 0 0 26px rgba(124, 220, 255, 0.38);
57
+ --ef-button-info-hover-shadow: 0 0 5px rgba(0, 229, 255, 0.3), 0 0 11px rgba(60, 210, 255, 0.38),
58
+ 0 0 16px rgba(124, 220, 255, 0.32);
59
+ --ef-button-info-focus-shadow: 0 0 6px rgba(0, 229, 255, 0.36), 0 0 14px rgba(60, 210, 255, 0.46),
60
+ 0 0 20px rgba(124, 220, 255, 0.4);
61
+ --ef-button-success-glow-shadow: 0 0 8px rgba(76, 255, 200, 0.34), 0 0 18px rgba(110, 255, 215, 0.44),
62
+ 0 0 26px rgba(140, 255, 220, 0.38);
63
+ --ef-button-success-hover-shadow: 0 0 5px rgba(76, 255, 200, 0.3), 0 0 11px rgba(110, 255, 215, 0.38),
64
+ 0 0 16px rgba(140, 255, 220, 0.32);
65
+ --ef-button-success-focus-shadow: 0 0 6px rgba(76, 255, 200, 0.36), 0 0 14px rgba(110, 255, 215, 0.46),
66
+ 0 0 20px rgba(140, 255, 220, 0.4);
43
67
  --ef-nav-text: rgba(238, 241, 246, 0.75);
44
68
  --ef-nav-text-hover: #eef1f6;
45
69
  --ef-nav-text-active: #f6f5ff;
@@ -199,14 +223,38 @@
199
223
  --ef-button-locked-bg: rgba(255, 255, 255, 0.8);
200
224
  --ef-button-locked-border: rgba(24, 32, 40, 0.18);
201
225
  --ef-button-locked-text: rgba(24, 32, 40, 0.6);
202
- --ef-button-danger-border: linear-gradient(135deg, rgba(200, 76, 76, 0.7), rgba(255, 138, 138, 0.65));
203
- --ef-button-danger-text: #5a0f0f;
226
+ --ef-button-danger-border: linear-gradient(135deg, rgba(200, 76, 76, 0.7), rgba(255, 138, 138, 0.65));
227
+ --ef-button-danger-text: #5a0f0f;
204
228
  --ef-button-warning-border: linear-gradient(135deg, rgba(242, 159, 69, 0.75), rgba(255, 210, 128, 0.7));
205
229
  --ef-button-warning-text: #4a2c00;
206
230
  --ef-button-info-border: linear-gradient(135deg, rgba(0, 180, 210, 0.6), rgba(124, 180, 255, 0.6));
207
231
  --ef-button-info-text: #0b2a3a;
208
232
  --ef-button-success-border: linear-gradient(135deg, rgba(46, 170, 130, 0.65), rgba(130, 220, 180, 0.65));
209
233
  --ef-button-success-text: #0b2b1d;
234
+ --ef-button-danger-glow-shadow: 0 0 8px rgba(168, 54, 54, 0.34), 0 0 17px rgba(192, 78, 78, 0.42),
235
+ 0 0 24px rgba(218, 116, 116, 0.36);
236
+ --ef-button-danger-hover-shadow: 0 0 4px rgba(168, 54, 54, 0.3), 0 0 10px rgba(192, 78, 78, 0.36),
237
+ 0 0 14px rgba(218, 116, 116, 0.3);
238
+ --ef-button-danger-focus-shadow: 0 0 6px rgba(168, 54, 54, 0.38), 0 0 13px rgba(192, 78, 78, 0.46),
239
+ 0 0 18px rgba(218, 116, 116, 0.4);
240
+ --ef-button-warning-glow-shadow: 0 0 8px rgba(156, 104, 28, 0.34), 0 0 17px rgba(186, 126, 40, 0.42),
241
+ 0 0 24px rgba(212, 152, 64, 0.36);
242
+ --ef-button-warning-hover-shadow: 0 0 4px rgba(156, 104, 28, 0.3), 0 0 10px rgba(186, 126, 40, 0.36),
243
+ 0 0 14px rgba(212, 152, 64, 0.3);
244
+ --ef-button-warning-focus-shadow: 0 0 6px rgba(156, 104, 28, 0.38), 0 0 13px rgba(186, 126, 40, 0.46),
245
+ 0 0 18px rgba(212, 152, 64, 0.4);
246
+ --ef-button-info-glow-shadow: 0 0 8px rgba(18, 108, 132, 0.34), 0 0 17px rgba(36, 132, 170, 0.42),
247
+ 0 0 24px rgba(74, 162, 206, 0.36);
248
+ --ef-button-info-hover-shadow: 0 0 4px rgba(18, 108, 132, 0.3), 0 0 10px rgba(36, 132, 170, 0.36),
249
+ 0 0 14px rgba(74, 162, 206, 0.3);
250
+ --ef-button-info-focus-shadow: 0 0 6px rgba(18, 108, 132, 0.38), 0 0 13px rgba(36, 132, 170, 0.46),
251
+ 0 0 18px rgba(74, 162, 206, 0.4);
252
+ --ef-button-success-glow-shadow: 0 0 8px rgba(28, 124, 86, 0.34), 0 0 17px rgba(42, 150, 106, 0.42),
253
+ 0 0 24px rgba(72, 182, 132, 0.36);
254
+ --ef-button-success-hover-shadow: 0 0 4px rgba(28, 124, 86, 0.3), 0 0 10px rgba(42, 150, 106, 0.36),
255
+ 0 0 14px rgba(72, 182, 132, 0.3);
256
+ --ef-button-success-focus-shadow: 0 0 6px rgba(28, 124, 86, 0.38), 0 0 13px rgba(42, 150, 106, 0.46),
257
+ 0 0 18px rgba(72, 182, 132, 0.4);
210
258
  --ef-nav-text: rgba(29, 35, 42, 0.8);
211
259
  --ef-nav-text-hover: #1d232a;
212
260
  --ef-nav-text-active: #1d232a;
@@ -332,6 +380,30 @@
332
380
  --ef-button-glow-shadow: 0 0 6px rgba(18, 24, 30, 0.42), 0 0 12px rgba(18, 24, 30, 0.52);
333
381
  --ef-button-glow-shadow-mid: 0 0 8px rgba(18, 24, 30, 0.5), 0 0 16px rgba(18, 24, 30, 0.6);
334
382
  --ef-button-glow-shadow-strong: 0 0 10px rgba(18, 24, 30, 0.58), 0 0 20px rgba(18, 24, 30, 0.68);
383
+ --ef-button-danger-glow-shadow: 0 0 6px rgba(156, 48, 48, 0.42), 0 0 12px rgba(176, 66, 66, 0.52),
384
+ 0 0 18px rgba(198, 94, 94, 0.44);
385
+ --ef-button-danger-hover-shadow: 0 0 3px rgba(156, 48, 48, 0.36), 0 0 8px rgba(176, 66, 66, 0.44),
386
+ 0 0 12px rgba(198, 94, 94, 0.36);
387
+ --ef-button-danger-focus-shadow: 0 0 5px rgba(156, 48, 48, 0.46), 0 0 11px rgba(176, 66, 66, 0.56),
388
+ 0 0 16px rgba(198, 94, 94, 0.48);
389
+ --ef-button-warning-glow-shadow: 0 0 6px rgba(142, 94, 22, 0.42), 0 0 12px rgba(168, 112, 30, 0.52),
390
+ 0 0 18px rgba(196, 132, 44, 0.44);
391
+ --ef-button-warning-hover-shadow: 0 0 3px rgba(142, 94, 22, 0.36), 0 0 8px rgba(168, 112, 30, 0.44),
392
+ 0 0 12px rgba(196, 132, 44, 0.36);
393
+ --ef-button-warning-focus-shadow: 0 0 5px rgba(142, 94, 22, 0.46), 0 0 11px rgba(168, 112, 30, 0.56),
394
+ 0 0 16px rgba(196, 132, 44, 0.48);
395
+ --ef-button-info-glow-shadow: 0 0 6px rgba(16, 94, 118, 0.42), 0 0 12px rgba(28, 116, 152, 0.52),
396
+ 0 0 18px rgba(52, 142, 186, 0.44);
397
+ --ef-button-info-hover-shadow: 0 0 3px rgba(16, 94, 118, 0.36), 0 0 8px rgba(28, 116, 152, 0.44),
398
+ 0 0 12px rgba(52, 142, 186, 0.36);
399
+ --ef-button-info-focus-shadow: 0 0 5px rgba(16, 94, 118, 0.46), 0 0 11px rgba(28, 116, 152, 0.56),
400
+ 0 0 16px rgba(52, 142, 186, 0.48);
401
+ --ef-button-success-glow-shadow: 0 0 6px rgba(26, 112, 78, 0.42), 0 0 12px rgba(38, 136, 96, 0.52),
402
+ 0 0 18px rgba(62, 164, 118, 0.44);
403
+ --ef-button-success-hover-shadow: 0 0 3px rgba(26, 112, 78, 0.36), 0 0 8px rgba(38, 136, 96, 0.44),
404
+ 0 0 12px rgba(62, 164, 118, 0.36);
405
+ --ef-button-success-focus-shadow: 0 0 5px rgba(26, 112, 78, 0.46), 0 0 11px rgba(38, 136, 96, 0.56),
406
+ 0 0 16px rgba(62, 164, 118, 0.48);
335
407
  --ef-button-glow-pulse-duration: 1800ms;
336
408
  --ef-button-glow-surge-duration: 220ms;
337
409
  --ef-input-border: var(--ef-border-gradient);
@@ -399,6 +471,30 @@
399
471
  0 0 22px rgba(255, 255, 255, 0.58);
400
472
  --ef-button-glow-shadow-strong: 0 0 10px rgba(255, 255, 255, 0.46), 0 0 20px rgba(255, 255, 255, 0.58),
401
473
  0 0 28px rgba(255, 255, 255, 0.66);
474
+ --ef-button-danger-glow-shadow: 0 0 6px rgba(255, 108, 108, 0.4), 0 0 12px rgba(255, 130, 130, 0.48),
475
+ 0 0 17px rgba(255, 168, 168, 0.42);
476
+ --ef-button-danger-hover-shadow: 0 0 3px rgba(255, 108, 108, 0.34), 0 0 7px rgba(255, 130, 130, 0.4),
477
+ 0 0 10px rgba(255, 168, 168, 0.34);
478
+ --ef-button-danger-focus-shadow: 0 0 4px rgba(255, 108, 108, 0.46), 0 0 9px rgba(255, 130, 130, 0.54),
479
+ 0 0 13px rgba(255, 168, 168, 0.46);
480
+ --ef-button-warning-glow-shadow: 0 0 6px rgba(255, 190, 102, 0.38), 0 0 12px rgba(255, 208, 132, 0.46),
481
+ 0 0 17px rgba(255, 226, 156, 0.4);
482
+ --ef-button-warning-hover-shadow: 0 0 3px rgba(255, 190, 102, 0.32), 0 0 7px rgba(255, 208, 132, 0.38),
483
+ 0 0 10px rgba(255, 226, 156, 0.32);
484
+ --ef-button-warning-focus-shadow: 0 0 4px rgba(255, 190, 102, 0.44), 0 0 9px rgba(255, 208, 132, 0.52),
485
+ 0 0 13px rgba(255, 226, 156, 0.44);
486
+ --ef-button-info-glow-shadow: 0 0 6px rgba(82, 224, 255, 0.4), 0 0 12px rgba(112, 214, 255, 0.48),
487
+ 0 0 17px rgba(146, 224, 255, 0.42);
488
+ --ef-button-info-hover-shadow: 0 0 3px rgba(82, 224, 255, 0.34), 0 0 7px rgba(112, 214, 255, 0.4),
489
+ 0 0 10px rgba(146, 224, 255, 0.34);
490
+ --ef-button-info-focus-shadow: 0 0 4px rgba(82, 224, 255, 0.46), 0 0 9px rgba(112, 214, 255, 0.54),
491
+ 0 0 13px rgba(146, 224, 255, 0.46);
492
+ --ef-button-success-glow-shadow: 0 0 6px rgba(98, 255, 210, 0.4), 0 0 12px rgba(124, 255, 220, 0.48),
493
+ 0 0 17px rgba(154, 255, 230, 0.42);
494
+ --ef-button-success-hover-shadow: 0 0 3px rgba(98, 255, 210, 0.34), 0 0 7px rgba(124, 255, 220, 0.4),
495
+ 0 0 10px rgba(154, 255, 230, 0.34);
496
+ --ef-button-success-focus-shadow: 0 0 4px rgba(98, 255, 210, 0.46), 0 0 9px rgba(124, 255, 220, 0.54),
497
+ 0 0 13px rgba(154, 255, 230, 0.46);
402
498
  --ef-button-glow-pulse-duration: 1800ms;
403
499
  --ef-button-glow-surge-duration: 220ms;
404
500
  --ef-input-border: var(--ef-border-gradient);
@@ -479,6 +575,30 @@
479
575
  0 0 13px rgba(125, 214, 246, 0.38);
480
576
  --ef-button-focus-shadow: 0 0 6px rgba(255, 134, 200, 0.46), 0 0 12px rgba(226, 85, 161, 0.52),
481
577
  0 0 18px rgba(125, 214, 246, 0.46);
578
+ --ef-button-danger-glow-shadow: 0 0 8px rgba(255, 110, 148, 0.4), 0 0 16px rgba(226, 85, 161, 0.46),
579
+ 0 0 24px rgba(255, 156, 182, 0.4);
580
+ --ef-button-danger-hover-shadow: 0 0 4px rgba(255, 110, 148, 0.34), 0 0 9px rgba(226, 85, 161, 0.4),
581
+ 0 0 13px rgba(255, 156, 182, 0.34);
582
+ --ef-button-danger-focus-shadow: 0 0 6px rgba(255, 110, 148, 0.46), 0 0 12px rgba(226, 85, 161, 0.52),
583
+ 0 0 18px rgba(255, 156, 182, 0.46);
584
+ --ef-button-warning-glow-shadow: 0 0 8px rgba(255, 170, 102, 0.38), 0 0 16px rgba(255, 134, 200, 0.42),
585
+ 0 0 24px rgba(255, 206, 138, 0.36);
586
+ --ef-button-warning-hover-shadow: 0 0 4px rgba(255, 170, 102, 0.32), 0 0 9px rgba(255, 134, 200, 0.36),
587
+ 0 0 13px rgba(255, 206, 138, 0.3);
588
+ --ef-button-warning-focus-shadow: 0 0 6px rgba(255, 170, 102, 0.44), 0 0 12px rgba(255, 134, 200, 0.48),
589
+ 0 0 18px rgba(255, 206, 138, 0.42);
590
+ --ef-button-info-glow-shadow: 0 0 8px rgba(125, 214, 246, 0.4), 0 0 16px rgba(96, 188, 236, 0.46),
591
+ 0 0 24px rgba(114, 160, 236, 0.38);
592
+ --ef-button-info-hover-shadow: 0 0 4px rgba(125, 214, 246, 0.34), 0 0 9px rgba(96, 188, 236, 0.4),
593
+ 0 0 13px rgba(114, 160, 236, 0.32);
594
+ --ef-button-info-focus-shadow: 0 0 6px rgba(125, 214, 246, 0.46), 0 0 12px rgba(96, 188, 236, 0.52),
595
+ 0 0 18px rgba(114, 160, 236, 0.44);
596
+ --ef-button-success-glow-shadow: 0 0 8px rgba(90, 230, 186, 0.38), 0 0 16px rgba(110, 214, 198, 0.44),
597
+ 0 0 24px rgba(140, 255, 220, 0.36);
598
+ --ef-button-success-hover-shadow: 0 0 4px rgba(90, 230, 186, 0.32), 0 0 9px rgba(110, 214, 198, 0.38),
599
+ 0 0 13px rgba(140, 255, 220, 0.3);
600
+ --ef-button-success-focus-shadow: 0 0 6px rgba(90, 230, 186, 0.44), 0 0 12px rgba(110, 214, 198, 0.5),
601
+ 0 0 18px rgba(140, 255, 220, 0.42);
482
602
  --ef-button-hover-transform: translateY(-1px);
483
603
  --ef-nav-text: rgba(246, 234, 242, 0.78);
484
604
  --ef-nav-radius: 0px;
@@ -633,6 +753,30 @@ body.ef-galaxy-light {
633
753
  0 0 30px rgba(210, 70, 170, 0.56);
634
754
  --ef-button-glow-shadow-strong: 0 0 12px rgba(0, 170, 190, 0.62), 0 0 26px rgba(102, 74, 210, 0.7),
635
755
  0 0 36px rgba(210, 70, 170, 0.62);
756
+ --ef-button-danger-glow-shadow: 0 0 8px rgba(188, 62, 86, 0.36), 0 0 17px rgba(210, 80, 110, 0.44),
757
+ 0 0 24px rgba(232, 110, 138, 0.38);
758
+ --ef-button-danger-hover-shadow: 0 0 4px rgba(188, 62, 86, 0.3), 0 0 10px rgba(210, 80, 110, 0.38),
759
+ 0 0 14px rgba(232, 110, 138, 0.32);
760
+ --ef-button-danger-focus-shadow: 0 0 6px rgba(188, 62, 86, 0.42), 0 0 13px rgba(210, 80, 110, 0.5),
761
+ 0 0 18px rgba(232, 110, 138, 0.44);
762
+ --ef-button-warning-glow-shadow: 0 0 8px rgba(176, 112, 40, 0.34), 0 0 17px rgba(204, 136, 56, 0.42),
763
+ 0 0 24px rgba(230, 164, 80, 0.36);
764
+ --ef-button-warning-hover-shadow: 0 0 4px rgba(176, 112, 40, 0.28), 0 0 10px rgba(204, 136, 56, 0.36),
765
+ 0 0 14px rgba(230, 164, 80, 0.3);
766
+ --ef-button-warning-focus-shadow: 0 0 6px rgba(176, 112, 40, 0.4), 0 0 13px rgba(204, 136, 56, 0.48),
767
+ 0 0 18px rgba(230, 164, 80, 0.42);
768
+ --ef-button-info-glow-shadow: 0 0 8px rgba(0, 150, 176, 0.38), 0 0 17px rgba(72, 120, 214, 0.46),
769
+ 0 0 24px rgba(124, 180, 255, 0.38);
770
+ --ef-button-info-hover-shadow: 0 0 4px rgba(0, 150, 176, 0.32), 0 0 10px rgba(72, 120, 214, 0.4),
771
+ 0 0 14px rgba(124, 180, 255, 0.32);
772
+ --ef-button-info-focus-shadow: 0 0 6px rgba(0, 150, 176, 0.44), 0 0 13px rgba(72, 120, 214, 0.52),
773
+ 0 0 18px rgba(124, 180, 255, 0.44);
774
+ --ef-button-success-glow-shadow: 0 0 8px rgba(46, 160, 122, 0.36), 0 0 17px rgba(74, 188, 146, 0.44),
775
+ 0 0 24px rgba(120, 220, 180, 0.38);
776
+ --ef-button-success-hover-shadow: 0 0 4px rgba(46, 160, 122, 0.3), 0 0 10px rgba(74, 188, 146, 0.38),
777
+ 0 0 14px rgba(120, 220, 180, 0.32);
778
+ --ef-button-success-focus-shadow: 0 0 6px rgba(46, 160, 122, 0.42), 0 0 13px rgba(74, 188, 146, 0.5),
779
+ 0 0 18px rgba(120, 220, 180, 0.44);
636
780
  --ef-button-glow-pulse-duration: 2200ms;
637
781
  --ef-button-glow-surge-duration: 400ms;
638
782
  --ef-menu-item-shadow: 0 0 10px rgba(124, 77, 255, 0.15);
@@ -668,6 +812,30 @@ body.ef-galaxy-light {
668
812
  0 0 30px rgba(176, 112, 44, 0.52);
669
813
  --ef-button-glow-shadow-strong: 0 0 12px rgba(20, 96, 112, 0.56), 0 0 25px rgba(98, 74, 190, 0.66),
670
814
  0 0 36px rgba(176, 112, 44, 0.58);
815
+ --ef-button-danger-glow-shadow: 0 0 8px rgba(168, 54, 54, 0.34), 0 0 17px rgba(192, 78, 78, 0.42),
816
+ 0 0 24px rgba(218, 116, 116, 0.36);
817
+ --ef-button-danger-hover-shadow: 0 0 4px rgba(168, 54, 54, 0.3), 0 0 10px rgba(192, 78, 78, 0.36),
818
+ 0 0 14px rgba(218, 116, 116, 0.3);
819
+ --ef-button-danger-focus-shadow: 0 0 6px rgba(168, 54, 54, 0.38), 0 0 13px rgba(192, 78, 78, 0.46),
820
+ 0 0 18px rgba(218, 116, 116, 0.4);
821
+ --ef-button-warning-glow-shadow: 0 0 8px rgba(156, 104, 28, 0.34), 0 0 17px rgba(186, 126, 40, 0.42),
822
+ 0 0 24px rgba(212, 152, 64, 0.36);
823
+ --ef-button-warning-hover-shadow: 0 0 4px rgba(156, 104, 28, 0.3), 0 0 10px rgba(186, 126, 40, 0.36),
824
+ 0 0 14px rgba(212, 152, 64, 0.3);
825
+ --ef-button-warning-focus-shadow: 0 0 6px rgba(156, 104, 28, 0.38), 0 0 13px rgba(186, 126, 40, 0.46),
826
+ 0 0 18px rgba(212, 152, 64, 0.4);
827
+ --ef-button-info-glow-shadow: 0 0 8px rgba(18, 108, 132, 0.34), 0 0 17px rgba(36, 132, 170, 0.42),
828
+ 0 0 24px rgba(74, 162, 206, 0.36);
829
+ --ef-button-info-hover-shadow: 0 0 4px rgba(18, 108, 132, 0.3), 0 0 10px rgba(36, 132, 170, 0.36),
830
+ 0 0 14px rgba(74, 162, 206, 0.3);
831
+ --ef-button-info-focus-shadow: 0 0 6px rgba(18, 108, 132, 0.38), 0 0 13px rgba(36, 132, 170, 0.46),
832
+ 0 0 18px rgba(74, 162, 206, 0.4);
833
+ --ef-button-success-glow-shadow: 0 0 8px rgba(28, 124, 86, 0.34), 0 0 17px rgba(42, 150, 106, 0.42),
834
+ 0 0 24px rgba(72, 182, 132, 0.36);
835
+ --ef-button-success-hover-shadow: 0 0 4px rgba(28, 124, 86, 0.3), 0 0 10px rgba(42, 150, 106, 0.36),
836
+ 0 0 14px rgba(72, 182, 132, 0.3);
837
+ --ef-button-success-focus-shadow: 0 0 6px rgba(28, 124, 86, 0.38), 0 0 13px rgba(42, 150, 106, 0.46),
838
+ 0 0 18px rgba(72, 182, 132, 0.4);
671
839
  --ef-button-glow-pulse-duration: 2300ms;
672
840
  --ef-button-glow-surge-duration: 380ms;
673
841
  --ef-stacked-card-bg: rgba(255, 255, 255, 0.94);