@enderfall/ui 0.2.16 → 0.2.18

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 +60 -20
  3. package/src/variables.css +235 -64
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@enderfall/ui",
3
3
  "private": false,
4
- "version": "0.2.16",
4
+ "version": "0.2.18",
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,21 @@
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
+ .ef-button.tab.ef-button--hover-glow {
172
+ box-shadow: var(--ef-button-current-glow-shadow, var(--ef-button-glow-shadow, 0 0 24px rgba(124, 77, 255, 0.45)));
173
+ }
174
+
175
+ .ef-button.tab.ef-button--glow:not(:disabled):hover,
176
+ .ef-button.tab.ef-button--hover-glow:not(:disabled):hover {
177
+ box-shadow: var(--ef-button-current-hover-shadow, var(--ef-button-hover-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
178
+ }
179
+
180
+ .ef-button.tab.ef-button--glow:focus-visible,
181
+ .ef-button.tab.ef-button--hover-glow:focus-visible {
182
+ box-shadow: var(--ef-button-current-focus-shadow, var(--ef-button-focus-shadow, 0 0 18px rgba(124, 77, 255, 0.35)));
183
+ }
184
+
145
185
  .theme-preview {
146
186
  position: relative;
147
187
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
package/src/variables.css CHANGED
@@ -16,18 +16,18 @@
16
16
  --ef-button-border: var(--ef-border-gradient);
17
17
  --ef-button-border-soft: var(--ef-border-gradient-soft);
18
18
  --ef-button-text: var(--text-strong);
19
- --ef-button-glow-shadow: 0 0 12px rgba(0, 229, 255, 0.22), 0 0 28px rgba(124, 77, 255, 0.3),
20
- 0 0 40px rgba(255, 77, 210, 0.26);
21
- --ef-button-glow-shadow-mid: 0 0 14px rgba(0, 229, 255, 0.28), 0 0 34px rgba(124, 77, 255, 0.36),
22
- 0 0 48px rgba(255, 77, 210, 0.32);
23
- --ef-button-glow-shadow-strong: 0 0 16px rgba(0, 229, 255, 0.34), 0 0 40px rgba(124, 77, 255, 0.42),
24
- 0 0 56px rgba(255, 77, 210, 0.38);
19
+ --ef-button-glow-shadow: 0 0 8px rgba(0, 229, 255, 0.34), 0 0 18px rgba(124, 77, 255, 0.44),
20
+ 0 0 26px rgba(255, 77, 210, 0.4);
21
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(0, 229, 255, 0.4), 0 0 22px rgba(124, 77, 255, 0.5),
22
+ 0 0 32px rgba(255, 77, 210, 0.46);
23
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(0, 229, 255, 0.46), 0 0 26px rgba(124, 77, 255, 0.58),
24
+ 0 0 38px rgba(255, 77, 210, 0.52);
25
25
  --ef-button-glow-pulse-duration: 2200ms;
26
26
  --ef-button-glow-surge-duration: 420ms;
27
- --ef-button-hover-shadow: 0 0 8px rgba(0, 229, 255, 0.22), 0 0 18px rgba(124, 77, 255, 0.3),
28
- 0 0 26px rgba(255, 77, 210, 0.26);
29
- --ef-button-focus-shadow: 0 0 10px rgba(0, 229, 255, 0.28), 0 0 22px rgba(124, 77, 255, 0.36),
30
- 0 0 32px rgba(255, 77, 210, 0.32);
27
+ --ef-button-hover-shadow: 0 0 5px rgba(0, 229, 255, 0.34), 0 0 11px rgba(124, 77, 255, 0.44),
28
+ 0 0 16px rgba(255, 77, 210, 0.4);
29
+ --ef-button-focus-shadow: 0 0 6px rgba(0, 229, 255, 0.4), 0 0 14px rgba(124, 77, 255, 0.5),
30
+ 0 0 20px rgba(255, 77, 210, 0.46);
31
31
  --ef-button-hover-transform: translateY(-1px);
32
32
  --ef-button-locked-bg: rgba(15, 18, 28, 0.7);
33
33
  --ef-button-locked-border: rgba(255, 255, 255, 0.15);
@@ -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;
@@ -183,30 +207,54 @@
183
207
  rgba(255, 183, 77, 0.6)
184
208
  );
185
209
  --ef-button-text: #1d232a;
186
- --ef-button-glow-shadow: 0 0 10px rgba(20, 96, 112, 0.26), 0 0 24px rgba(98, 74, 190, 0.3),
187
- 0 0 34px rgba(176, 112, 44, 0.26);
188
- --ef-button-glow-shadow-mid: 0 0 12px rgba(20, 96, 112, 0.32), 0 0 30px rgba(98, 74, 190, 0.36),
189
- 0 0 40px rgba(176, 112, 44, 0.32);
190
- --ef-button-glow-shadow-strong: 0 0 14px rgba(20, 96, 112, 0.38), 0 0 36px rgba(98, 74, 190, 0.44),
191
- 0 0 48px rgba(176, 112, 44, 0.38);
210
+ --ef-button-glow-shadow: 0 0 8px rgba(20, 96, 112, 0.42), 0 0 17px rgba(98, 74, 190, 0.5),
211
+ 0 0 24px rgba(176, 112, 44, 0.44);
212
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(20, 96, 112, 0.5), 0 0 21px rgba(98, 74, 190, 0.58),
213
+ 0 0 30px rgba(176, 112, 44, 0.52);
214
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(20, 96, 112, 0.56), 0 0 25px rgba(98, 74, 190, 0.66),
215
+ 0 0 36px rgba(176, 112, 44, 0.58);
192
216
  --ef-button-glow-pulse-duration: 2300ms;
193
217
  --ef-button-glow-surge-duration: 380ms;
194
- --ef-button-hover-shadow: 0 0 7px rgba(20, 96, 112, 0.26), 0 0 16px rgba(98, 74, 190, 0.3),
195
- 0 0 24px rgba(176, 112, 44, 0.26);
196
- --ef-button-focus-shadow: 0 0 9px rgba(20, 96, 112, 0.32), 0 0 20px rgba(98, 74, 190, 0.36),
197
- 0 0 30px rgba(176, 112, 44, 0.32);
218
+ --ef-button-hover-shadow: 0 0 4px rgba(20, 96, 112, 0.42), 0 0 10px rgba(98, 74, 190, 0.5),
219
+ 0 0 14px rgba(176, 112, 44, 0.44);
220
+ --ef-button-focus-shadow: 0 0 6px rgba(20, 96, 112, 0.5), 0 0 13px rgba(98, 74, 190, 0.58),
221
+ 0 0 18px rgba(176, 112, 44, 0.52);
198
222
  --ef-button-hover-transform: translateY(-1px);
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;
@@ -327,11 +375,35 @@
327
375
  );
328
376
  --ef-button-border: var(--ef-border-gradient);
329
377
  --ef-button-border-soft: var(--ef-border-gradient-soft);
330
- --ef-button-hover-shadow: 0 0 6px rgba(18, 24, 30, 0.22), 0 0 14px rgba(18, 24, 30, 0.28);
331
- --ef-button-focus-shadow: 0 0 8px rgba(18, 24, 30, 0.28), 0 0 18px rgba(18, 24, 30, 0.34);
332
- --ef-button-glow-shadow: 0 0 10px rgba(18, 24, 30, 0.22), 0 0 24px rgba(18, 24, 30, 0.28);
333
- --ef-button-glow-shadow-mid: 0 0 12px rgba(18, 24, 30, 0.28), 0 0 30px rgba(18, 24, 30, 0.34);
334
- --ef-button-glow-shadow-strong: 0 0 14px rgba(18, 24, 30, 0.34), 0 0 36px rgba(18, 24, 30, 0.42);
378
+ --ef-button-hover-shadow: 0 0 3px rgba(18, 24, 30, 0.42), 0 0 8px rgba(18, 24, 30, 0.52);
379
+ --ef-button-focus-shadow: 0 0 5px rgba(18, 24, 30, 0.5), 0 0 11px rgba(18, 24, 30, 0.6);
380
+ --ef-button-glow-shadow: 0 0 6px rgba(18, 24, 30, 0.42), 0 0 12px rgba(18, 24, 30, 0.52);
381
+ --ef-button-glow-shadow-mid: 0 0 8px rgba(18, 24, 30, 0.5), 0 0 16px rgba(18, 24, 30, 0.6);
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);
@@ -389,13 +461,40 @@
389
461
  );
390
462
  --ef-button-border: var(--ef-border-gradient);
391
463
  --ef-button-border-soft: var(--ef-border-gradient-soft);
392
- --ef-button-hover-shadow: 0 0 5px rgba(255, 255, 255, 0.14), 0 0 10px rgba(255, 255, 255, 0.2),
393
- 0 0 14px rgba(255, 255, 255, 0.28);
394
- --ef-button-focus-shadow: 0 0 6px rgba(255, 255, 255, 0.18), 0 0 12px rgba(255, 255, 255, 0.24),
395
- 0 0 18px rgba(255, 255, 255, 0.32);
396
- --ef-button-glow-shadow: 0 0 8px rgba(255, 255, 255, 0.14);
397
- --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 255, 255, 0.2);
398
- --ef-button-glow-shadow-strong: 0 0 14px rgba(255, 255, 255, 0.28);
464
+ --ef-button-hover-shadow: 0 0 3px rgba(255, 255, 255, 0.3), 0 0 7px rgba(255, 255, 255, 0.38),
465
+ 0 0 10px rgba(255, 255, 255, 0.46);
466
+ --ef-button-focus-shadow: 0 0 4px rgba(255, 255, 255, 0.36), 0 0 9px rgba(255, 255, 255, 0.44),
467
+ 0 0 13px rgba(255, 255, 255, 0.52);
468
+ --ef-button-glow-shadow: 0 0 6px rgba(255, 255, 255, 0.34), 0 0 12px rgba(255, 255, 255, 0.42),
469
+ 0 0 17px rgba(255, 255, 255, 0.5);
470
+ --ef-button-glow-shadow-mid: 0 0 8px rgba(255, 255, 255, 0.4), 0 0 16px rgba(255, 255, 255, 0.5),
471
+ 0 0 22px rgba(255, 255, 255, 0.58);
472
+ --ef-button-glow-shadow-strong: 0 0 10px rgba(255, 255, 255, 0.46), 0 0 20px rgba(255, 255, 255, 0.58),
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);
399
498
  --ef-button-glow-pulse-duration: 1800ms;
400
499
  --ef-button-glow-surge-duration: 220ms;
401
500
  --ef-input-border: var(--ef-border-gradient);
@@ -464,18 +563,42 @@
464
563
  --ef-button-border: var(--ef-border-gradient);
465
564
  --ef-button-border-soft: var(--ef-border-gradient-soft);
466
565
  --ef-button-text: #f6eaf2;
467
- --ef-button-glow-shadow: 0 0 8px rgba(255, 134, 200, 0.22), 0 0 22px rgba(226, 85, 161, 0.26),
468
- 0 0 32px rgba(125, 214, 246, 0.2);
469
- --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 134, 200, 0.28), 0 0 28px rgba(226, 85, 161, 0.32),
470
- 0 0 38px rgba(125, 214, 246, 0.26);
471
- --ef-button-glow-shadow-strong: 0 0 12px rgba(255, 134, 200, 0.34), 0 0 34px rgba(226, 85, 161, 0.38),
472
- 0 0 46px rgba(125, 214, 246, 0.32);
566
+ --ef-button-glow-shadow: 0 0 8px rgba(255, 134, 200, 0.38), 0 0 16px rgba(226, 85, 161, 0.44),
567
+ 0 0 24px rgba(125, 214, 246, 0.38);
568
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(255, 134, 200, 0.46), 0 0 20px rgba(226, 85, 161, 0.52),
569
+ 0 0 30px rgba(125, 214, 246, 0.46);
570
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(255, 134, 200, 0.54), 0 0 24px rgba(226, 85, 161, 0.6),
571
+ 0 0 36px rgba(125, 214, 246, 0.54);
473
572
  --ef-button-glow-pulse-duration: 2100ms;
474
573
  --ef-button-glow-surge-duration: 420ms;
475
- --ef-button-hover-shadow: 0 0 6px rgba(255, 134, 200, 0.22), 0 0 14px rgba(226, 85, 161, 0.26),
476
- 0 0 20px rgba(125, 214, 246, 0.2);
477
- --ef-button-focus-shadow: 0 0 8px rgba(255, 134, 200, 0.28), 0 0 18px rgba(226, 85, 161, 0.32),
478
- 0 0 26px rgba(125, 214, 246, 0.26);
574
+ --ef-button-hover-shadow: 0 0 4px rgba(255, 134, 200, 0.38), 0 0 9px rgba(226, 85, 161, 0.44),
575
+ 0 0 13px rgba(125, 214, 246, 0.38);
576
+ --ef-button-focus-shadow: 0 0 6px rgba(255, 134, 200, 0.46), 0 0 12px rgba(226, 85, 161, 0.52),
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);
479
602
  --ef-button-hover-transform: translateY(-1px);
480
603
  --ef-nav-text: rgba(246, 234, 242, 0.78);
481
604
  --ef-nav-radius: 0px;
@@ -620,16 +743,40 @@ body.ef-galaxy-light {
620
743
  --ef-tab-button-shadow-hover: 0 0 16px rgba(124, 77, 255, 0.24);
621
744
  --ef-tab-button-shadow-focus: 0 0 20px rgba(124, 77, 255, 0.28);
622
745
  --ef-tab-button-shadow-active: 0 0 20px rgba(124, 77, 255, 0.3);
623
- --ef-button-hover-shadow: 0 0 7px rgba(0, 170, 190, 0.28), 0 0 16px rgba(102, 74, 210, 0.32),
624
- 0 0 24px rgba(210, 70, 170, 0.28);
625
- --ef-button-focus-shadow: 0 0 9px rgba(0, 170, 190, 0.34), 0 0 20px rgba(102, 74, 210, 0.38),
626
- 0 0 30px rgba(210, 70, 170, 0.34);
627
- --ef-button-glow-shadow: 0 0 10px rgba(0, 170, 190, 0.28), 0 0 26px rgba(102, 74, 210, 0.32),
628
- 0 0 38px rgba(210, 70, 170, 0.28);
629
- --ef-button-glow-shadow-mid: 0 0 12px rgba(0, 170, 190, 0.34), 0 0 32px rgba(102, 74, 210, 0.38),
630
- 0 0 46px rgba(210, 70, 170, 0.34);
631
- --ef-button-glow-shadow-strong: 0 0 14px rgba(0, 170, 190, 0.4), 0 0 38px rgba(102, 74, 210, 0.46),
632
- 0 0 54px rgba(210, 70, 170, 0.4);
746
+ --ef-button-hover-shadow: 0 0 4px rgba(0, 170, 190, 0.48), 0 0 10px rgba(102, 74, 210, 0.54),
747
+ 0 0 15px rgba(210, 70, 170, 0.48);
748
+ --ef-button-focus-shadow: 0 0 6px rgba(0, 170, 190, 0.56), 0 0 13px rgba(102, 74, 210, 0.62),
749
+ 0 0 20px rgba(210, 70, 170, 0.56);
750
+ --ef-button-glow-shadow: 0 0 8px rgba(0, 170, 190, 0.48), 0 0 18px rgba(102, 74, 210, 0.54),
751
+ 0 0 26px rgba(210, 70, 170, 0.48);
752
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(0, 170, 190, 0.56), 0 0 22px rgba(102, 74, 210, 0.62),
753
+ 0 0 30px rgba(210, 70, 170, 0.56);
754
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(0, 170, 190, 0.62), 0 0 26px rgba(102, 74, 210, 0.7),
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);
633
780
  --ef-button-glow-pulse-duration: 2200ms;
634
781
  --ef-button-glow-surge-duration: 400ms;
635
782
  --ef-menu-item-shadow: 0 0 10px rgba(124, 77, 255, 0.15);
@@ -655,16 +802,40 @@ body.ef-galaxy-light {
655
802
  --ef-nav-shadow-hover: 0 0 16px rgba(31, 122, 140, 0.2);
656
803
  --ef-nav-shadow-focus: 0 0 20px rgba(31, 122, 140, 0.24);
657
804
  --ef-nav-shadow-active: 0 0 20px rgba(31, 122, 140, 0.26);
658
- --ef-button-hover-shadow: 0 0 7px rgba(20, 96, 112, 0.26), 0 0 16px rgba(98, 74, 190, 0.3),
659
- 0 0 24px rgba(176, 112, 44, 0.26);
660
- --ef-button-focus-shadow: 0 0 9px rgba(20, 96, 112, 0.32), 0 0 20px rgba(98, 74, 190, 0.36),
661
- 0 0 30px rgba(176, 112, 44, 0.32);
662
- --ef-button-glow-shadow: 0 0 10px rgba(20, 96, 112, 0.26), 0 0 24px rgba(98, 74, 190, 0.3),
663
- 0 0 34px rgba(176, 112, 44, 0.26);
664
- --ef-button-glow-shadow-mid: 0 0 12px rgba(20, 96, 112, 0.32), 0 0 30px rgba(98, 74, 190, 0.36),
665
- 0 0 40px rgba(176, 112, 44, 0.32);
666
- --ef-button-glow-shadow-strong: 0 0 14px rgba(20, 96, 112, 0.38), 0 0 36px rgba(98, 74, 190, 0.44),
667
- 0 0 48px rgba(176, 112, 44, 0.38);
805
+ --ef-button-hover-shadow: 0 0 4px rgba(20, 96, 112, 0.42), 0 0 10px rgba(98, 74, 190, 0.5),
806
+ 0 0 14px rgba(176, 112, 44, 0.44);
807
+ --ef-button-focus-shadow: 0 0 6px rgba(20, 96, 112, 0.5), 0 0 13px rgba(98, 74, 190, 0.58),
808
+ 0 0 18px rgba(176, 112, 44, 0.52);
809
+ --ef-button-glow-shadow: 0 0 8px rgba(20, 96, 112, 0.42), 0 0 17px rgba(98, 74, 190, 0.5),
810
+ 0 0 24px rgba(176, 112, 44, 0.44);
811
+ --ef-button-glow-shadow-mid: 0 0 10px rgba(20, 96, 112, 0.5), 0 0 21px rgba(98, 74, 190, 0.58),
812
+ 0 0 30px rgba(176, 112, 44, 0.52);
813
+ --ef-button-glow-shadow-strong: 0 0 12px rgba(20, 96, 112, 0.56), 0 0 25px rgba(98, 74, 190, 0.66),
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);
668
839
  --ef-button-glow-pulse-duration: 2300ms;
669
840
  --ef-button-glow-surge-duration: 380ms;
670
841
  --ef-stacked-card-bg: rgba(255, 255, 255, 0.94);