astralkit 0.7.0 → 0.9.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 (17) hide show
  1. package/CHANGELOG.md +109 -102
  2. package/astralkit-theme-v4.css +766 -750
  3. package/astralkit-theme.css +758 -750
  4. package/astralkit-utilities.css +1130 -1128
  5. package/lib/presets/dials.js +365 -330
  6. package/lib/presets/index.js +1 -1
  7. package/lib/presets/materials.js +8 -226
  8. package/lib/presets/theme-palettes.d.ts +2 -0
  9. package/lib/presets/theme-palettes.js +143 -65
  10. package/package.json +65 -65
  11. package/palettes.css +1110 -788
  12. package/primitives/forms.css +2155 -2155
  13. package/primitives/layout.css +220 -220
  14. package/primitives/mobile.css +557 -557
  15. package/primitives/navigation.css +1057 -1057
  16. package/primitives/typography.css +21 -0
  17. package/tailwind.cjs +573 -536
package/palettes.css CHANGED
@@ -60,20 +60,30 @@
60
60
  /* ─── Light Palettes ─── */
61
61
 
62
62
  /* ============================================================
63
- GENERATED from theme-palettes.ts (paletteToAkVariables).
64
- Curated set: 9 light + 7 dark. Do not hand-edit — regenerate.
63
+ GENERATED by scripts/gen-palettes.mjs from
64
+ src/sdk/astralkit/lib/presets/theme-palettes.js (the approved
65
+ palette data). Curated set: 10 light + 7 dark.
66
+ Do not hand-edit — edit the seeds, then regenerate.
65
67
  ============================================================ */
66
68
 
67
69
  /* AstralKit - The default AstralKit violet theme (light) */
68
70
  [data-ak-theme="astral-default"] {
69
71
  --color-ak-accent: #3523BD;
70
72
  --color-ak-on-accent: #FFFFFF;
71
- --color-ak-accent-soft: #dbd7f3;
73
+ --color-ak-accent-soft: #d3d2f0;
72
74
  --color-ak-gradient-start: #A585FF;
73
75
  --color-ak-gradient-mid: #6933FF;
74
76
  --color-ak-gradient-end: #3523BD;
75
77
  --gradient-ak-primary: linear-gradient(135deg, #A585FF 0%, #6933FF 52%, #3523BD 100%);
76
78
  --gradient-ak-primary-hover: linear-gradient(135deg, #C4B5FD 0%, #875CFF 48%, #2C1CB3 100%);
79
+ --color-ak-glow-primary: #6933FF;
80
+ --ak-hero-media-filter: none;
81
+ --color-ak-hero-accent: #6933FF;
82
+ --color-ak-glow-secondary: #7C3AED;
83
+ --color-ak-glow-tertiary: #3523BD;
84
+ --color-ak-glow-warm: #3523BD;
85
+ --color-ak-mesh-base: #FFFFFF;
86
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #6933FF 90%, transparent) 34%, color-mix(in srgb, #7C3AED 78%, transparent) 50%, color-mix(in srgb, #3523BD 70%, transparent) 64%, transparent 78% 100%);
77
87
  --color-ak-primary-50: #f3efff;
78
88
  --color-ak-primary-100: #e7deff;
79
89
  --color-ak-primary-200: #cfbeff;
@@ -87,85 +97,90 @@
87
97
  --color-ak-primary-950: #221052;
88
98
  --color-ak-text: #150A35;
89
99
  --color-ak-text-secondary: #544D6B;
90
- --color-ak-text-muted: #868195;
91
- --color-ak-text-disabled: #b8b4bf;
100
+ --color-ak-text-muted: #878297;
101
+ --color-ak-text-disabled: #bbb8c4;
92
102
  --color-ak-text-link: #6933FF;
93
- --color-ak-text-inverse: #FFFFFF;
103
+ --color-ak-text-inverse: #F6F8FB;
94
104
  --color-ak-on-surface: #150A35;
95
105
  --color-ak-on-surface-variant: #544D6B;
96
- --color-ak-text-placeholder: #9692a3;
97
- --color-ak-bg: #FFFFFF;
98
- --color-ak-surface: #FAF9F7;
99
- --color-ak-surface-2: #F4F2F9;
100
- --color-ak-surface-3: #eae8e9;
101
- --color-ak-surface-4: #e2e0e3;
102
- --color-ak-surface-container-lowest: #FFFFFF;
103
- --color-ak-surface-container-low: #FAF9F7;
104
- --color-ak-surface-container: #F4F2F9;
105
- --color-ak-surface-container-high: #eae8e9;
106
- --color-ak-surface-container-highest: #e2e0e3;
107
- --color-ak-surface-raised-soft: #f5f4f3;
108
- --color-ak-hover: #f3f3f5;
109
- --color-ak-active: #ecebef;
110
- --color-ak-elevated: #FFFFFF;
106
+ --color-ak-text-placeholder: #9894a6;
107
+ --color-ak-bg: #F6F8FB;
108
+ --color-ak-surface: #FFFFFF;
109
+ --color-ak-surface-2: #F9FAFB;
110
+ --color-ak-surface-3: #efeef1;
111
+ --color-ak-surface-4: #e6e5ea;
112
+ --color-ak-surface-container-lowest: #F6F8FB;
113
+ --color-ak-surface-container-low: #FFFFFF;
114
+ --color-ak-surface-container: #F9FAFB;
115
+ --color-ak-surface-container-high: #efeef1;
116
+ --color-ak-surface-container-highest: #e6e5ea;
117
+ --color-ak-surface-raised-soft: #fafafb;
118
+ --color-ak-hover: #ebecf1;
119
+ --color-ak-active: #e4e5eb;
120
+ --color-ak-elevated: #F6F8FB;
111
121
  --color-ak-inverse-surface: #150A35;
112
- --color-ak-inverse-on-surface: #FFFFFF;
113
- --color-ak-border: #E6E3EE;
114
- --color-ak-border-subtle: #f0eef3;
115
- --color-ak-border-strong: #bcb8c9;
116
- --color-ak-outline: #bcb8c9;
117
- --color-ak-outline-variant: #f0eef3;
122
+ --color-ak-inverse-on-surface: #F6F8FB;
123
+ --color-ak-border: #E5E7EB;
124
+ --color-ak-border-subtle: #f2f3f5;
125
+ --color-ak-border-strong: #bbbbc7;
126
+ --color-ak-outline: #bbbbc7;
127
+ --color-ak-outline-variant: #f2f3f5;
118
128
  --color-ak-border-focus: #A585FF;
119
- --color-ak-neutral-50: #f5f4f3;
120
- --color-ak-neutral-100: #f1efef;
121
- --color-ak-neutral-200: #e8e6e7;
122
- --color-ak-neutral-300: #d8d5da;
123
- --color-ak-neutral-400: #b5b1bd;
124
- --color-ak-neutral-500: #938da0;
125
- --color-ak-neutral-600: #716a83;
126
- --color-ak-neutral-700: #554d6b;
127
- --color-ak-neutral-800: #3a3054;
128
- --color-ak-neutral-900: #271d45;
129
+ --color-ak-neutral-50: #fafafb;
130
+ --color-ak-neutral-100: #f6f5f7;
131
+ --color-ak-neutral-200: #ecebef;
132
+ --color-ak-neutral-300: #dcdae1;
133
+ --color-ak-neutral-400: #b9b6c2;
134
+ --color-ak-neutral-500: #9691a4;
135
+ --color-ak-neutral-600: #736c86;
136
+ --color-ak-neutral-700: #574f6e;
137
+ --color-ak-neutral-800: #3a3155;
138
+ --color-ak-neutral-900: #281e45;
129
139
  --color-ak-neutral-950: #1e143d;
130
140
  --color-ak-primary: #6933FF;
131
141
  --color-ak-primary-hover: #5f2ee6;
132
142
  --color-ak-primary-active: #5429cc;
133
- --color-ak-on-primary: #FFFFFF;
143
+ --color-ak-primary-outline: #6933FF;
144
+ --color-ak-secondary-outline: #7C3AED;
145
+ --color-ak-primary-selection: #6933FF;
146
+ --color-ak-on-primary-selection: #F6F8FB;
147
+ --color-ak-on-primary: #F6F8FB;
134
148
  --color-ak-primary-subtle: #ede7ff;
135
149
  --color-ak-primary-container: #ede7ff;
136
150
  --color-ak-on-primary-container: #150A35;
137
151
  --color-ak-selection-ink: #6933FF;
138
152
  --color-ak-primary-container-emphasis: #6933FF;
139
153
  --color-ak-secondary: #7C3AED;
140
- --color-ak-on-secondary: #FFFFFF;
141
- --color-ak-secondary-container: #e7dcfc;
154
+ --color-ak-on-secondary: #F6F8FB;
155
+ --color-ak-secondary-container: #e0d6f8;
142
156
  --color-ak-on-secondary-container: #150A35;
143
157
  --color-ak-tertiary: #3523BD;
144
158
  --color-ak-on-tertiary: #FFFFFF;
145
- --color-ak-tertiary-container: #dbd7f3;
159
+ --color-ak-tertiary-container: #d3d2f0;
146
160
  --color-ak-on-tertiary-container: #150A35;
147
- --color-ak-success: #22C55E;
148
- --color-ak-success-subtle: #e4f8ec;
149
- --color-ak-success-text: #1b9e4b;
150
- --color-ak-warning: #F59E0B;
151
- --color-ak-warning-subtle: #fef3e2;
152
- --color-ak-warning-text: #c47e09;
153
- --color-ak-danger: #DC2626;
154
- --color-ak-on-error: #FFFFFF;
155
- --color-ak-danger-subtle: #fbe5e5;
156
- --color-ak-danger-text: #b01e1e;
157
- --color-ak-error: #DC2626;
161
+ --color-ak-success: #16a34a;
162
+ --color-ak-success-subtle: #f0fdf4;
163
+ --color-ak-success-text: #15803d;
164
+ --color-ak-warning: #d97706;
165
+ --color-ak-warning-subtle: #fffbeb;
166
+ --color-ak-warning-text: #b45309;
167
+ --color-ak-danger: #dc2626;
168
+ --color-ak-on-error: #ffffff;
169
+ --color-ak-error: #dc2626;
158
170
  --color-ak-error-container: #fbe5e5;
159
171
  --color-ak-on-error-container: #150A35;
160
- --color-ak-info: #3B82F6;
161
- --color-ak-info-subtle: #e7f0fe;
162
- --color-ak-info-text: #2f68c5;
172
+ --color-ak-danger-hover: #b91c1c;
173
+ --color-ak-danger-subtle: #fef2f2;
174
+ --color-ak-danger-text: #b91c1c;
175
+ --color-ak-info: #2563eb;
176
+ --color-ak-info-subtle: #eff6ff;
177
+ --color-ak-info-text: #1d4ed8;
163
178
  --color-ak-overlay: rgba(0,0,0,0.5);
164
179
  --color-ak-brutal-ink: #4a24b3;
165
- --color-ak-brutal-face: #FFFFFF;
180
+ --color-ak-brutal-face: #F6F8FB;
166
181
  --color-ak-brutal-face-dark: #4421a6;
167
182
  --color-ak-brutal-on-face: #4a24b3;
168
- --color-ak-brutal-on-face-dark: #FAF9F7;
183
+ --color-ak-brutal-on-face-dark: #FFFFFF;
169
184
  --shadow-ak-brutal-xs: 2px 2px 0 0 #3f1f99;
170
185
  --shadow-ak-brutal-sm: 3px 3px 0 0 #3f1f99;
171
186
  --shadow-ak-brutal: 4px 4px 0 0 #3f1f99;
@@ -188,13 +203,21 @@
188
203
  /* Warm Earth - Teal primary with coral-red highlights — Happy Hues #8 (light) */
189
204
  [data-ak-theme="warm-earth"] {
190
205
  --color-ak-accent: #F45D48;
191
- --color-ak-on-accent: #FFFFFF;
192
- --color-ak-accent-soft: #fde2de;
206
+ --color-ak-on-accent: #F8F5F2;
207
+ --color-ak-accent-soft: #f7dad3;
193
208
  --color-ak-gradient-start: #56a9a9;
194
209
  --color-ak-gradient-mid: #078080;
195
210
  --color-ak-gradient-end: #055f5f;
196
211
  --gradient-ak-primary: linear-gradient(135deg, #56a9a9 0%, #078080 52%, #055f5f 100%);
197
212
  --gradient-ak-primary-hover: linear-gradient(135deg, #6fb5b5 0%, #258f8f 48%, #055454 100%);
213
+ --color-ak-glow-primary: #078080;
214
+ --ak-hero-media-filter: none;
215
+ --color-ak-hero-accent: #078080;
216
+ --color-ak-glow-secondary: #D8260D;
217
+ --color-ak-glow-tertiary: #F45D48;
218
+ --color-ak-glow-warm: #F45D48;
219
+ --color-ak-mesh-base: #FFFFFF;
220
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #078080 90%, transparent) 34%, color-mix(in srgb, #D8260D 78%, transparent) 50%, color-mix(in srgb, #F45D48 70%, transparent) 64%, transparent 78% 100%);
198
221
  --color-ak-primary-50: #ebf5f5;
199
222
  --color-ak-primary-100: #d7ebeb;
200
223
  --color-ak-primary-200: #b0d6d6;
@@ -208,85 +231,90 @@
208
231
  --color-ak-primary-950: #022929;
209
232
  --color-ak-text: #232323;
210
233
  --color-ak-text-secondary: #222525;
211
- --color-ak-text-muted: #626363;
212
- --color-ak-text-disabled: #a2a2a0;
234
+ --color-ak-text-muted: #646666;
235
+ --color-ak-text-disabled: #a7a8a8;
213
236
  --color-ak-text-link: #078080;
214
- --color-ak-text-inverse: #FFFFFF;
237
+ --color-ak-text-inverse: #F8F5F2;
215
238
  --color-ak-on-surface: #232323;
216
239
  --color-ak-on-surface-variant: #222525;
217
- --color-ak-text-placeholder: #787877;
218
- --color-ak-bg: #FFFFFF;
219
- --color-ak-surface: #F8F5F2;
240
+ --color-ak-text-placeholder: #7a7c7c;
241
+ --color-ak-bg: #F8F5F2;
242
+ --color-ak-surface: #FFFFFF;
220
243
  --color-ak-surface-2: #FEEFE8;
221
- --color-ak-surface-3: #e9e6e4;
222
- --color-ak-surface-4: #e2dfdc;
223
- --color-ak-surface-container-lowest: #FFFFFF;
224
- --color-ak-surface-container-low: #F8F5F2;
244
+ --color-ak-surface-3: #f0f0f0;
245
+ --color-ak-surface-4: #e8e8e8;
246
+ --color-ak-surface-container-lowest: #F8F5F2;
247
+ --color-ak-surface-container-low: #FFFFFF;
225
248
  --color-ak-surface-container: #FEEFE8;
226
- --color-ak-surface-container-high: #e9e6e4;
227
- --color-ak-surface-container-highest: #e2dfdc;
228
- --color-ak-surface-raised-soft: #f4f1ee;
229
- --color-ak-hover: #f4f4f4;
230
- --color-ak-active: #ededed;
231
- --color-ak-elevated: #FFFFFF;
249
+ --color-ak-surface-container-high: #f0f0f0;
250
+ --color-ak-surface-container-highest: #e8e8e8;
251
+ --color-ak-surface-raised-soft: #fbfbfb;
252
+ --color-ak-hover: #edebe8;
253
+ --color-ak-active: #e7e4e1;
254
+ --color-ak-elevated: #F8F5F2;
232
255
  --color-ak-inverse-surface: #232323;
233
- --color-ak-inverse-on-surface: #FFFFFF;
256
+ --color-ak-inverse-on-surface: #F8F5F2;
234
257
  --color-ak-border: #E8E2DB;
235
- --color-ak-border-subtle: #f0ece7;
258
+ --color-ak-border-subtle: #f4f1ed;
236
259
  --color-ak-border-strong: #c1bcb6;
237
260
  --color-ak-outline: #c1bcb6;
238
- --color-ak-outline-variant: #f0ece7;
261
+ --color-ak-outline-variant: #f4f1ed;
239
262
  --color-ak-border-focus: #F45D48;
240
- --color-ak-neutral-50: #f4f1ee;
241
- --color-ak-neutral-100: #efedea;
242
- --color-ak-neutral-200: #e7e4e1;
243
- --color-ak-neutral-300: #d8d6d3;
244
- --color-ak-neutral-400: #b8b6b4;
245
- --color-ak-neutral-500: #989795;
246
- --color-ak-neutral-600: #787776;
247
- --color-ak-neutral-700: #5f5e5d;
248
- --color-ak-neutral-800: #454544;
249
- --color-ak-neutral-900: #343434;
250
- --color-ak-neutral-950: #2c2b2b;
263
+ --color-ak-neutral-50: #fbfbfb;
264
+ --color-ak-neutral-100: #f6f6f6;
265
+ --color-ak-neutral-200: #ededed;
266
+ --color-ak-neutral-300: #dedede;
267
+ --color-ak-neutral-400: #bdbdbd;
268
+ --color-ak-neutral-500: #9c9c9c;
269
+ --color-ak-neutral-600: #7b7b7b;
270
+ --color-ak-neutral-700: #616161;
271
+ --color-ak-neutral-800: #464646;
272
+ --color-ak-neutral-900: #353535;
273
+ --color-ak-neutral-950: #2c2c2c;
251
274
  --color-ak-primary: #078080;
252
275
  --color-ak-primary-hover: #067373;
253
276
  --color-ak-primary-active: #066666;
277
+ --color-ak-primary-outline: #078080;
278
+ --color-ak-secondary-outline: #D8260D;
279
+ --color-ak-primary-selection: #078080;
280
+ --color-ak-on-primary-selection: #FFFFFF;
254
281
  --color-ak-on-primary: #FFFFFF;
255
282
  --color-ak-primary-subtle: #e1f0f0;
256
283
  --color-ak-primary-container: #e1f0f0;
257
284
  --color-ak-on-primary-container: #232323;
258
285
  --color-ak-selection-ink: #232323;
259
286
  --color-ak-primary-container-emphasis: #232323;
260
- --color-ak-secondary: #F45D48;
261
- --color-ak-on-secondary: #FFFFFF;
262
- --color-ak-secondary-container: #fde2de;
287
+ --color-ak-secondary: #D8260D;
288
+ --color-ak-on-secondary: #F8F5F2;
289
+ --color-ak-secondary-container: #f2d0c9;
263
290
  --color-ak-on-secondary-container: #232323;
264
291
  --color-ak-tertiary: #F45D48;
265
- --color-ak-on-tertiary: #FFFFFF;
266
- --color-ak-tertiary-container: #fde2de;
292
+ --color-ak-on-tertiary: #F8F5F2;
293
+ --color-ak-tertiary-container: #f7dad3;
267
294
  --color-ak-on-tertiary-container: #232323;
268
- --color-ak-success: #22C55E;
269
- --color-ak-success-subtle: #e4f8ec;
270
- --color-ak-success-text: #1b9e4b;
271
- --color-ak-warning: #F59E0B;
272
- --color-ak-warning-subtle: #fef3e2;
273
- --color-ak-warning-text: #c47e09;
274
- --color-ak-danger: #F45D48;
275
- --color-ak-on-error: #FFFFFF;
276
- --color-ak-danger-subtle: #feece9;
277
- --color-ak-danger-text: #c34a3a;
278
- --color-ak-error: #F45D48;
295
+ --color-ak-success: #16a34a;
296
+ --color-ak-success-subtle: #f0fdf4;
297
+ --color-ak-success-text: #15803d;
298
+ --color-ak-warning: #d97706;
299
+ --color-ak-warning-subtle: #fffbeb;
300
+ --color-ak-warning-text: #b45309;
301
+ --color-ak-danger: #dc2626;
302
+ --color-ak-on-error: #ffffff;
303
+ --color-ak-error: #dc2626;
279
304
  --color-ak-error-container: #feece9;
280
305
  --color-ak-on-error-container: #232323;
281
- --color-ak-info: #3B82F6;
282
- --color-ak-info-subtle: #e7f0fe;
283
- --color-ak-info-text: #2f68c5;
306
+ --color-ak-danger-hover: #b91c1c;
307
+ --color-ak-danger-subtle: #fef2f2;
308
+ --color-ak-danger-text: #b91c1c;
309
+ --color-ak-info: #2563eb;
310
+ --color-ak-info-subtle: #eff6ff;
311
+ --color-ak-info-text: #1d4ed8;
284
312
  --color-ak-overlay: rgba(0,0,0,0.5);
285
313
  --color-ak-brutal-ink: #055a5a;
286
- --color-ak-brutal-face: #FFFFFF;
314
+ --color-ak-brutal-face: #F8F5F2;
287
315
  --color-ak-brutal-face-dark: #055353;
288
316
  --color-ak-brutal-on-face: #055a5a;
289
- --color-ak-brutal-on-face-dark: #F8F5F2;
317
+ --color-ak-brutal-on-face-dark: #FFFFFF;
290
318
  --shadow-ak-brutal-xs: 2px 2px 0 0 #044d4d;
291
319
  --shadow-ak-brutal-sm: 3px 3px 0 0 #044d4d;
292
320
  --shadow-ak-brutal: 4px 4px 0 0 #044d4d;
@@ -309,13 +337,21 @@
309
337
  /* Slate Pro - Professional gray with blue accent (light) */
310
338
  [data-ak-theme="slate-pro"] {
311
339
  --color-ak-accent: #7C3AED;
312
- --color-ak-on-accent: #FFFFFF;
313
- --color-ak-accent-soft: #e7dcfc;
340
+ --color-ak-on-accent: #F8FAFC;
341
+ --color-ak-accent-soft: #e2d7f9;
314
342
  --color-ak-gradient-start: #6b95f1;
315
343
  --color-ak-gradient-mid: #2563EB;
316
344
  --color-ak-gradient-end: #1b49ae;
317
345
  --gradient-ak-primary: linear-gradient(135deg, #6b95f1 0%, #2563EB 52%, #1b49ae 100%);
318
346
  --gradient-ak-primary-hover: linear-gradient(135deg, #81a5f3 0%, #3f76ed 48%, #18419b 100%);
347
+ --color-ak-glow-primary: #2563EB;
348
+ --ak-hero-media-filter: none;
349
+ --color-ak-hero-accent: #2563EB;
350
+ --color-ak-glow-secondary: #E2E8F0;
351
+ --color-ak-glow-tertiary: #7C3AED;
352
+ --color-ak-glow-warm: #7C3AED;
353
+ --color-ak-mesh-base: #FFFFFF;
354
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #2563EB 90%, transparent) 34%, color-mix(in srgb, #E2E8F0 78%, transparent) 50%, color-mix(in srgb, #7C3AED 70%, transparent) 64%, transparent 78% 100%);
319
355
  --color-ak-primary-50: #eef3fd;
320
356
  --color-ak-primary-100: #dce6fc;
321
357
  --color-ak-primary-200: #b9cdf9;
@@ -328,51 +364,55 @@
328
364
  --color-ak-primary-900: #123071;
329
365
  --color-ak-primary-950: #0c204b;
330
366
  --color-ak-text: #0F172A;
331
- --color-ak-text-secondary: #64748B;
332
- --color-ak-text-muted: #909cad;
333
- --color-ak-text-disabled: #bdc4cf;
367
+ --color-ak-text-secondary: #5D6B80;
368
+ --color-ak-text-muted: #8e97a6;
369
+ --color-ak-text-disabled: #bec4cc;
334
370
  --color-ak-text-link: #2563EB;
335
- --color-ak-text-inverse: #FFFFFF;
371
+ --color-ak-text-inverse: #F8FAFC;
336
372
  --color-ak-on-surface: #0F172A;
337
- --color-ak-on-surface-variant: #64748B;
338
- --color-ak-text-placeholder: #9faab8;
339
- --color-ak-bg: #FFFFFF;
340
- --color-ak-surface: #F8FAFC;
373
+ --color-ak-on-surface-variant: #5D6B80;
374
+ --color-ak-text-placeholder: #9ea6b3;
375
+ --color-ak-bg: #F8FAFC;
376
+ --color-ak-surface: #FFFFFF;
341
377
  --color-ak-surface-2: #F1F5F9;
342
- --color-ak-surface-3: #e8eaed;
343
- --color-ak-surface-4: #e0e2e6;
344
- --color-ak-surface-container-lowest: #FFFFFF;
345
- --color-ak-surface-container-low: #F8FAFC;
378
+ --color-ak-surface-3: #eeeff0;
379
+ --color-ak-surface-4: #e6e7e9;
380
+ --color-ak-surface-container-lowest: #F8FAFC;
381
+ --color-ak-surface-container-low: #FFFFFF;
346
382
  --color-ak-surface-container: #F1F5F9;
347
- --color-ak-surface-container-high: #e8eaed;
348
- --color-ak-surface-container-highest: #e0e2e6;
349
- --color-ak-surface-raised-soft: #f3f5f8;
350
- --color-ak-hover: #f3f3f4;
351
- --color-ak-active: #ececee;
352
- --color-ak-elevated: #FFFFFF;
383
+ --color-ak-surface-container-high: #eeeff0;
384
+ --color-ak-surface-container-highest: #e6e7e9;
385
+ --color-ak-surface-raised-soft: #fafafb;
386
+ --color-ak-hover: #eceff2;
387
+ --color-ak-active: #e5e8eb;
388
+ --color-ak-elevated: #F8FAFC;
353
389
  --color-ak-inverse-surface: #0F172A;
354
- --color-ak-inverse-on-surface: #FFFFFF;
390
+ --color-ak-inverse-on-surface: #F8FAFC;
355
391
  --color-ak-border: #E2E8F0;
356
- --color-ak-border-subtle: #edf1f6;
392
+ --color-ak-border-subtle: #f1f4f8;
357
393
  --color-ak-border-strong: #b8bec8;
358
394
  --color-ak-outline: #b8bec8;
359
- --color-ak-outline-variant: #edf1f6;
395
+ --color-ak-outline-variant: #f1f4f8;
360
396
  --color-ak-border-focus: #7C3AED;
361
- --color-ak-neutral-50: #f3f5f8;
362
- --color-ak-neutral-100: #eff1f4;
363
- --color-ak-neutral-200: #e5e8eb;
364
- --color-ak-neutral-300: #d5d8dd;
365
- --color-ak-neutral-400: #b2b6bd;
366
- --color-ak-neutral-500: #8f949e;
367
- --color-ak-neutral-600: #6c727e;
368
- --color-ak-neutral-700: #505765;
369
- --color-ak-neutral-800: #343b4c;
370
- --color-ak-neutral-900: #22293b;
371
- --color-ak-neutral-950: #182032;
397
+ --color-ak-neutral-50: #fafafb;
398
+ --color-ak-neutral-100: #f5f6f6;
399
+ --color-ak-neutral-200: #ececee;
400
+ --color-ak-neutral-300: #dbdcdf;
401
+ --color-ak-neutral-400: #b7b9bf;
402
+ --color-ak-neutral-500: #93979f;
403
+ --color-ak-neutral-600: #6f747f;
404
+ --color-ak-neutral-700: #525866;
405
+ --color-ak-neutral-800: #353c4c;
406
+ --color-ak-neutral-900: #222a3b;
407
+ --color-ak-neutral-950: #192033;
372
408
  --color-ak-primary: #2563EB;
373
409
  --color-ak-primary-hover: #2159d4;
374
410
  --color-ak-primary-active: #1e4fbc;
375
- --color-ak-on-primary: #FFFFFF;
411
+ --color-ak-primary-outline: #2563EB;
412
+ --color-ak-secondary-outline: #E2E8F0;
413
+ --color-ak-primary-selection: #2563EB;
414
+ --color-ak-on-primary-selection: #F8FAFC;
415
+ --color-ak-on-primary: #F8FAFC;
376
416
  --color-ak-primary-subtle: #e5ecfd;
377
417
  --color-ak-primary-container: #e5ecfd;
378
418
  --color-ak-on-primary-container: #0F172A;
@@ -380,34 +420,35 @@
380
420
  --color-ak-primary-container-emphasis: #0F172A;
381
421
  --color-ak-secondary: #E2E8F0;
382
422
  --color-ak-on-secondary: #0F172A;
383
- --color-ak-secondary-container: #fafbfc;
423
+ --color-ak-secondary-container: #f4f7fa;
384
424
  --color-ak-on-secondary-container: #0F172A;
385
425
  --color-ak-tertiary: #7C3AED;
386
- --color-ak-on-tertiary: #FFFFFF;
387
- --color-ak-tertiary-container: #e7dcfc;
426
+ --color-ak-on-tertiary: #F8FAFC;
427
+ --color-ak-tertiary-container: #e2d7f9;
388
428
  --color-ak-on-tertiary-container: #0F172A;
389
- --color-ak-success: #22C55E;
390
- --color-ak-success-subtle: #e4f8ec;
391
- --color-ak-success-text: #1b9e4b;
392
- --color-ak-warning: #F59E0B;
393
- --color-ak-warning-subtle: #fef3e2;
394
- --color-ak-warning-text: #c47e09;
395
- --color-ak-danger: #DC2626;
396
- --color-ak-on-error: #FFFFFF;
397
- --color-ak-danger-subtle: #fbe5e5;
398
- --color-ak-danger-text: #b01e1e;
399
- --color-ak-error: #DC2626;
429
+ --color-ak-success: #16a34a;
430
+ --color-ak-success-subtle: #f0fdf4;
431
+ --color-ak-success-text: #15803d;
432
+ --color-ak-warning: #d97706;
433
+ --color-ak-warning-subtle: #fffbeb;
434
+ --color-ak-warning-text: #b45309;
435
+ --color-ak-danger: #dc2626;
436
+ --color-ak-on-error: #ffffff;
437
+ --color-ak-error: #dc2626;
400
438
  --color-ak-error-container: #fbe5e5;
401
439
  --color-ak-on-error-container: #0F172A;
402
- --color-ak-info: #3B82F6;
403
- --color-ak-info-subtle: #e7f0fe;
404
- --color-ak-info-text: #2f68c5;
440
+ --color-ak-danger-hover: #b91c1c;
441
+ --color-ak-danger-subtle: #fef2f2;
442
+ --color-ak-danger-text: #b91c1c;
443
+ --color-ak-info: #2563eb;
444
+ --color-ak-info-subtle: #eff6ff;
445
+ --color-ak-info-text: #1d4ed8;
405
446
  --color-ak-overlay: rgba(0,0,0,0.5);
406
447
  --color-ak-brutal-ink: #1a45a5;
407
- --color-ak-brutal-face: #FFFFFF;
448
+ --color-ak-brutal-face: #F8FAFC;
408
449
  --color-ak-brutal-face-dark: #184099;
409
450
  --color-ak-brutal-on-face: #1a45a5;
410
- --color-ak-brutal-on-face-dark: #F8FAFC;
451
+ --color-ak-brutal-on-face-dark: #FFFFFF;
411
452
  --shadow-ak-brutal-xs: 2px 2px 0 0 #163b8d;
412
453
  --shadow-ak-brutal-sm: 3px 3px 0 0 #163b8d;
413
454
  --shadow-ak-brutal: 4px 4px 0 0 #163b8d;
@@ -430,13 +471,21 @@
430
471
  /* Indigo Craft - Warm neutral with indigo primary (light) */
431
472
  [data-ak-theme="indigo-craft"] {
432
473
  --color-ak-accent: #EC4899;
433
- --color-ak-on-accent: #FFFFFF;
434
- --color-ak-accent-soft: #fcdeed;
474
+ --color-ak-on-accent: #FAFAF9;
475
+ --color-ak-accent-soft: #f7dae8;
435
476
  --color-ak-gradient-start: #8781ed;
436
477
  --color-ak-gradient-mid: #4F46E5;
437
478
  --color-ak-gradient-end: #3a34a9;
438
479
  --gradient-ak-primary: linear-gradient(135deg, #8781ed 0%, #4F46E5 52%, #3a34a9 100%);
439
480
  --gradient-ak-primary-hover: linear-gradient(135deg, #9994f0 0%, #645ce8 48%, #342e97 100%);
481
+ --color-ak-glow-primary: #4F46E5;
482
+ --ak-hero-media-filter: none;
483
+ --color-ak-hero-accent: #4F46E5;
484
+ --color-ak-glow-secondary: #EEF2FF;
485
+ --color-ak-glow-tertiary: #EC4899;
486
+ --color-ak-glow-warm: #EC4899;
487
+ --color-ak-mesh-base: #FFFFFF;
488
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #4F46E5 90%, transparent) 34%, color-mix(in srgb, #EEF2FF 78%, transparent) 50%, color-mix(in srgb, #EC4899 70%, transparent) 64%, transparent 78% 100%);
440
489
  --color-ak-primary-50: #f1f0fd;
441
490
  --color-ak-primary-100: #e3e1fb;
442
491
  --color-ak-primary-200: #c7c4f7;
@@ -449,51 +498,55 @@
449
498
  --color-ak-primary-900: #26226e;
450
499
  --color-ak-primary-950: #191649;
451
500
  --color-ak-text: #1C1917;
452
- --color-ak-text-secondary: #78716C;
453
- --color-ak-text-muted: #9f9a96;
454
- --color-ak-text-disabled: #c6c3c1;
501
+ --color-ak-text-secondary: #6E6762;
502
+ --color-ak-text-muted: #9a9591;
503
+ --color-ak-text-disabled: #c5c2c0;
455
504
  --color-ak-text-link: #4F46E5;
456
- --color-ak-text-inverse: #FFFFFF;
505
+ --color-ak-text-inverse: #FAFAF9;
457
506
  --color-ak-on-surface: #1C1917;
458
- --color-ak-on-surface-variant: #78716C;
459
- --color-ak-text-placeholder: #aca8a4;
460
- --color-ak-bg: #FFFFFF;
461
- --color-ak-surface: #FAFAF9;
507
+ --color-ak-on-surface-variant: #6E6762;
508
+ --color-ak-text-placeholder: #a8a4a1;
509
+ --color-ak-bg: #FAFAF9;
510
+ --color-ak-surface: #FFFFFF;
462
511
  --color-ak-surface-2: #F5F5F4;
463
- --color-ak-surface-3: #eaeae9;
464
- --color-ak-surface-4: #e3e2e1;
465
- --color-ak-surface-container-lowest: #FFFFFF;
466
- --color-ak-surface-container-low: #FAFAF9;
512
+ --color-ak-surface-3: #efefef;
513
+ --color-ak-surface-4: #e7e7e7;
514
+ --color-ak-surface-container-lowest: #FAFAF9;
515
+ --color-ak-surface-container-low: #FFFFFF;
467
516
  --color-ak-surface-container: #F5F5F4;
468
- --color-ak-surface-container-high: #eaeae9;
469
- --color-ak-surface-container-highest: #e3e2e1;
470
- --color-ak-surface-raised-soft: #f6f6f4;
471
- --color-ak-hover: #f4f4f3;
472
- --color-ak-active: #ededec;
473
- --color-ak-elevated: #FFFFFF;
517
+ --color-ak-surface-container-high: #efefef;
518
+ --color-ak-surface-container-highest: #e7e7e7;
519
+ --color-ak-surface-raised-soft: #fafafa;
520
+ --color-ak-hover: #efefee;
521
+ --color-ak-active: #e8e8e7;
522
+ --color-ak-elevated: #FAFAF9;
474
523
  --color-ak-inverse-surface: #1C1917;
475
- --color-ak-inverse-on-surface: #FFFFFF;
524
+ --color-ak-inverse-on-surface: #FAFAF9;
476
525
  --color-ak-border: #E7E5E4;
477
- --color-ak-border-subtle: #f1f0ef;
526
+ --color-ak-border-subtle: #f3f2f2;
478
527
  --color-ak-border-strong: #bebcbb;
479
528
  --color-ak-outline: #bebcbb;
480
- --color-ak-outline-variant: #f1f0ef;
529
+ --color-ak-outline-variant: #f3f2f2;
481
530
  --color-ak-border-focus: #EC4899;
482
- --color-ak-neutral-50: #f6f6f4;
483
- --color-ak-neutral-100: #f1f1f0;
484
- --color-ak-neutral-200: #e8e8e7;
485
- --color-ak-neutral-300: #d9d8d7;
486
- --color-ak-neutral-400: #b7b7b5;
487
- --color-ak-neutral-500: #969593;
488
- --color-ak-neutral-600: #757371;
489
- --color-ak-neutral-700: #5a5856;
490
- --color-ak-neutral-800: #403d3b;
491
- --color-ak-neutral-900: #2e2b29;
531
+ --color-ak-neutral-50: #fafafa;
532
+ --color-ak-neutral-100: #f6f6f6;
533
+ --color-ak-neutral-200: #ededec;
534
+ --color-ak-neutral-300: #dddddc;
535
+ --color-ak-neutral-400: #bbbab9;
536
+ --color-ak-neutral-500: #999897;
537
+ --color-ak-neutral-600: #777574;
538
+ --color-ak-neutral-700: #5c5958;
539
+ --color-ak-neutral-800: #403e3c;
540
+ --color-ak-neutral-900: #2e2b2a;
492
541
  --color-ak-neutral-950: #252220;
493
542
  --color-ak-primary: #4F46E5;
494
543
  --color-ak-primary-hover: #473fce;
495
544
  --color-ak-primary-active: #3f38b7;
496
- --color-ak-on-primary: #FFFFFF;
545
+ --color-ak-primary-outline: #4F46E5;
546
+ --color-ak-secondary-outline: #EEF2FF;
547
+ --color-ak-primary-selection: #4F46E5;
548
+ --color-ak-on-primary-selection: #FAFAF9;
549
+ --color-ak-on-primary: #FAFAF9;
497
550
  --color-ak-primary-subtle: #eae9fc;
498
551
  --color-ak-primary-container: #eae9fc;
499
552
  --color-ak-on-primary-container: #1C1917;
@@ -501,34 +554,35 @@
501
554
  --color-ak-primary-container-emphasis: #4F46E5;
502
555
  --color-ak-secondary: #EEF2FF;
503
556
  --color-ak-on-secondary: #1C1917;
504
- --color-ak-secondary-container: #fcfdff;
557
+ --color-ak-secondary-container: #f8f9fa;
505
558
  --color-ak-on-secondary-container: #1C1917;
506
559
  --color-ak-tertiary: #EC4899;
507
- --color-ak-on-tertiary: #FFFFFF;
508
- --color-ak-tertiary-container: #fcdeed;
560
+ --color-ak-on-tertiary: #FAFAF9;
561
+ --color-ak-tertiary-container: #f7dae8;
509
562
  --color-ak-on-tertiary-container: #1C1917;
510
- --color-ak-success: #22C55E;
511
- --color-ak-success-subtle: #e4f8ec;
512
- --color-ak-success-text: #1b9e4b;
513
- --color-ak-warning: #F59E0B;
514
- --color-ak-warning-subtle: #fef3e2;
515
- --color-ak-warning-text: #c47e09;
516
- --color-ak-danger: #DC2626;
517
- --color-ak-on-error: #FFFFFF;
518
- --color-ak-danger-subtle: #fbe5e5;
519
- --color-ak-danger-text: #b01e1e;
520
- --color-ak-error: #DC2626;
563
+ --color-ak-success: #16a34a;
564
+ --color-ak-success-subtle: #f0fdf4;
565
+ --color-ak-success-text: #15803d;
566
+ --color-ak-warning: #d97706;
567
+ --color-ak-warning-subtle: #fffbeb;
568
+ --color-ak-warning-text: #b45309;
569
+ --color-ak-danger: #dc2626;
570
+ --color-ak-on-error: #ffffff;
571
+ --color-ak-error: #dc2626;
521
572
  --color-ak-error-container: #fbe5e5;
522
573
  --color-ak-on-error-container: #1C1917;
523
- --color-ak-info: #3B82F6;
524
- --color-ak-info-subtle: #e7f0fe;
525
- --color-ak-info-text: #2f68c5;
574
+ --color-ak-danger-hover: #b91c1c;
575
+ --color-ak-danger-subtle: #fef2f2;
576
+ --color-ak-danger-text: #b91c1c;
577
+ --color-ak-info: #2563eb;
578
+ --color-ak-info-subtle: #eff6ff;
579
+ --color-ak-info-text: #1d4ed8;
526
580
  --color-ak-overlay: rgba(0,0,0,0.5);
527
581
  --color-ak-brutal-ink: #3731a0;
528
- --color-ak-brutal-face: #FFFFFF;
582
+ --color-ak-brutal-face: #FAFAF9;
529
583
  --color-ak-brutal-face-dark: #332e95;
530
584
  --color-ak-brutal-on-face: #3731a0;
531
- --color-ak-brutal-on-face-dark: #FAFAF9;
585
+ --color-ak-brutal-on-face-dark: #FFFFFF;
532
586
  --shadow-ak-brutal-xs: 2px 2px 0 0 #2f2a89;
533
587
  --shadow-ak-brutal-sm: 3px 3px 0 0 #2f2a89;
534
588
  --shadow-ak-brutal: 4px 4px 0 0 #2f2a89;
@@ -550,111 +604,124 @@
550
604
 
551
605
  /* MedTrackr Green - Clean white with emerald primary and mint washes — healthcare CRM (light) */
552
606
  [data-ak-theme="medtrackr"] {
553
- --color-ak-accent: #0FA47A;
554
- --color-ak-on-accent: #FFFFFF;
555
- --color-ak-accent-soft: #d4efe7;
556
- --color-ak-gradient-start: #5cc1a5;
557
- --color-ak-gradient-mid: #0FA47A;
558
- --color-ak-gradient-end: #0b795a;
559
- --gradient-ak-primary: linear-gradient(135deg, #5cc1a5 0%, #0FA47A 52%, #0b795a 100%);
560
- --gradient-ak-primary-hover: linear-gradient(135deg, #74cab2 0%, #2caf8a 48%, #0a6c51 100%);
561
- --color-ak-primary-50: #ecf8f4;
562
- --color-ak-primary-100: #d9f0ea;
563
- --color-ak-primary-200: #b2e2d4;
564
- --color-ak-primary-300: #82d0ba;
565
- --color-ak-primary-400: #52bd9f;
566
- --color-ak-primary-500: #0FA47A;
567
- --color-ak-primary-600: #0d906b;
568
- --color-ak-primary-700: #0b7d5d;
569
- --color-ak-primary-800: #0a694e;
570
- --color-ak-primary-900: #074f3b;
571
- --color-ak-primary-950: #053427;
607
+ --color-ak-accent: #0C8663;
608
+ --color-ak-on-accent: #F7F9F8;
609
+ --color-ak-accent-soft: #cde4dd;
610
+ --color-ak-gradient-start: #5aad95;
611
+ --color-ak-gradient-mid: #0C8663;
612
+ --color-ak-gradient-end: #096349;
613
+ --gradient-ak-primary: linear-gradient(135deg, #5aad95 0%, #0C8663 52%, #096349 100%);
614
+ --gradient-ak-primary-hover: linear-gradient(135deg, #72b9a5 0%, #299576 48%, #085841 100%);
615
+ --color-ak-glow-primary: #0C8663;
616
+ --ak-hero-media-filter: none;
617
+ --color-ak-hero-accent: #0C8663;
618
+ --color-ak-glow-secondary: #0C8160;
619
+ --color-ak-glow-tertiary: #0C8663;
620
+ --color-ak-glow-warm: #0C8663;
621
+ --color-ak-mesh-base: #FFFFFF;
622
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #0C8663 90%, transparent) 34%, color-mix(in srgb, #0C8160 78%, transparent) 50%, color-mix(in srgb, #0C8663 70%, transparent) 64%, transparent 78% 100%);
623
+ --color-ak-primary-50: #ecf5f3;
624
+ --color-ak-primary-100: #d8ece6;
625
+ --color-ak-primary-200: #b1d8cd;
626
+ --color-ak-primary-300: #81c0ae;
627
+ --color-ak-primary-400: #50a88f;
628
+ --color-ak-primary-500: #0C8663;
629
+ --color-ak-primary-600: #0b7657;
630
+ --color-ak-primary-700: #09664b;
631
+ --color-ak-primary-800: #08563f;
632
+ --color-ak-primary-900: #064030;
633
+ --color-ak-primary-950: #042b20;
572
634
  --color-ak-text: #17211D;
573
635
  --color-ak-text-secondary: #5B6661;
574
- --color-ak-text-muted: #8a928e;
575
- --color-ak-text-disabled: #b9bebc;
576
- --color-ak-text-link: #0FA47A;
577
- --color-ak-text-inverse: #FFFFFF;
636
+ --color-ak-text-muted: #8c9490;
637
+ --color-ak-text-disabled: #bdc2c0;
638
+ --color-ak-text-link: #0C8663;
639
+ --color-ak-text-inverse: #F7F9F8;
578
640
  --color-ak-on-surface: #17211D;
579
641
  --color-ak-on-surface-variant: #5B6661;
580
- --color-ak-text-placeholder: #99a19d;
581
- --color-ak-bg: #FFFFFF;
582
- --color-ak-surface: #F7F9F8;
642
+ --color-ak-text-placeholder: #9da3a0;
643
+ --color-ak-bg: #F7F9F8;
644
+ --color-ak-surface: #FFFFFF;
583
645
  --color-ak-surface-2: #ECF2EF;
584
- --color-ak-surface-3: #e7eae9;
585
- --color-ak-surface-4: #dfe2e1;
586
- --color-ak-surface-container-lowest: #FFFFFF;
587
- --color-ak-surface-container-low: #F7F9F8;
646
+ --color-ak-surface-3: #efefef;
647
+ --color-ak-surface-4: #e7e8e7;
648
+ --color-ak-surface-container-lowest: #F7F9F8;
649
+ --color-ak-surface-container-low: #FFFFFF;
588
650
  --color-ak-surface-container: #ECF2EF;
589
- --color-ak-surface-container-high: #e7eae9;
590
- --color-ak-surface-container-highest: #dfe2e1;
591
- --color-ak-surface-raised-soft: #f3f5f4;
592
- --color-ak-hover: #f3f4f4;
593
- --color-ak-active: #eceded;
594
- --color-ak-elevated: #FFFFFF;
651
+ --color-ak-surface-container-high: #efefef;
652
+ --color-ak-surface-container-highest: #e7e8e7;
653
+ --color-ak-surface-raised-soft: #fafbfa;
654
+ --color-ak-hover: #eceeed;
655
+ --color-ak-active: #e5e8e6;
656
+ --color-ak-elevated: #F7F9F8;
595
657
  --color-ak-inverse-surface: #17211D;
596
- --color-ak-inverse-on-surface: #FFFFFF;
658
+ --color-ak-inverse-on-surface: #F7F9F8;
597
659
  --color-ak-border: #E2E8E5;
598
- --color-ak-border-subtle: #edf1ef;
660
+ --color-ak-border-subtle: #f1f4f2;
599
661
  --color-ak-border-strong: #b9c0bd;
600
662
  --color-ak-outline: #b9c0bd;
601
- --color-ak-outline-variant: #edf1ef;
602
- --color-ak-border-focus: #0FA47A;
603
- --color-ak-neutral-50: #f3f5f4;
604
- --color-ak-neutral-100: #eef0ef;
605
- --color-ak-neutral-200: #e5e8e6;
606
- --color-ak-neutral-300: #d5d9d7;
607
- --color-ak-neutral-400: #b4b8b6;
608
- --color-ak-neutral-500: #929895;
609
- --color-ak-neutral-600: #717775;
610
- --color-ak-neutral-700: #565d5a;
611
- --color-ak-neutral-800: #3b4440;
612
- --color-ak-neutral-900: #29322f;
663
+ --color-ak-outline-variant: #f1f4f2;
664
+ --color-ak-border-focus: #0C8663;
665
+ --color-ak-neutral-50: #fafbfa;
666
+ --color-ak-neutral-100: #f6f6f6;
667
+ --color-ak-neutral-200: #eceded;
668
+ --color-ak-neutral-300: #dcdedd;
669
+ --color-ak-neutral-400: #b9bcbb;
670
+ --color-ak-neutral-500: #979b99;
671
+ --color-ak-neutral-600: #747a77;
672
+ --color-ak-neutral-700: #585f5c;
673
+ --color-ak-neutral-800: #3c4541;
674
+ --color-ak-neutral-900: #2a332f;
613
675
  --color-ak-neutral-950: #202a26;
614
- --color-ak-primary: #0FA47A;
615
- --color-ak-primary-hover: #0e946e;
616
- --color-ak-primary-active: #0c8362;
676
+ --color-ak-primary: #0C8663;
677
+ --color-ak-primary-hover: #0b7959;
678
+ --color-ak-primary-active: #0a6b4f;
679
+ --color-ak-primary-outline: #0C8663;
680
+ --color-ak-secondary-outline: #0C8160;
681
+ --color-ak-primary-selection: #0C8663;
682
+ --color-ak-on-primary-selection: #FFFFFF;
617
683
  --color-ak-on-primary: #FFFFFF;
618
- --color-ak-primary-subtle: #e2f4ef;
619
- --color-ak-primary-container: #e2f4ef;
684
+ --color-ak-primary-subtle: #e2f0ec;
685
+ --color-ak-primary-container: #e2f0ec;
620
686
  --color-ak-on-primary-container: #17211D;
621
687
  --color-ak-selection-ink: #17211D;
622
688
  --color-ak-primary-container-emphasis: #17211D;
623
- --color-ak-secondary: #0FA47A;
624
- --color-ak-on-secondary: #FFFFFF;
625
- --color-ak-secondary-container: #d4efe7;
689
+ --color-ak-secondary: #0C8160;
690
+ --color-ak-on-secondary: #F7F9F8;
691
+ --color-ak-secondary-container: #cde3dd;
626
692
  --color-ak-on-secondary-container: #17211D;
627
- --color-ak-tertiary: #0FA47A;
628
- --color-ak-on-tertiary: #FFFFFF;
629
- --color-ak-tertiary-container: #d4efe7;
693
+ --color-ak-tertiary: #0C8663;
694
+ --color-ak-on-tertiary: #F7F9F8;
695
+ --color-ak-tertiary-container: #cde4dd;
630
696
  --color-ak-on-tertiary-container: #17211D;
631
- --color-ak-success: #22C55E;
632
- --color-ak-success-subtle: #e4f8ec;
633
- --color-ak-success-text: #1b9e4b;
634
- --color-ak-warning: #F59E0B;
635
- --color-ak-warning-subtle: #fef3e2;
636
- --color-ak-warning-text: #c47e09;
637
- --color-ak-danger: #E5484D;
638
- --color-ak-on-error: #FFFFFF;
639
- --color-ak-danger-subtle: #fce9ea;
640
- --color-ak-danger-text: #b73a3e;
641
- --color-ak-error: #E5484D;
697
+ --color-ak-success: #16a34a;
698
+ --color-ak-success-subtle: #f0fdf4;
699
+ --color-ak-success-text: #15803d;
700
+ --color-ak-warning: #d97706;
701
+ --color-ak-warning-subtle: #fffbeb;
702
+ --color-ak-warning-text: #b45309;
703
+ --color-ak-danger: #dc2626;
704
+ --color-ak-on-error: #ffffff;
705
+ --color-ak-error: #dc2626;
642
706
  --color-ak-error-container: #fce9ea;
643
707
  --color-ak-on-error-container: #17211D;
644
- --color-ak-info: #3B82F6;
645
- --color-ak-info-subtle: #e7f0fe;
646
- --color-ak-info-text: #2f68c5;
708
+ --color-ak-danger-hover: #b91c1c;
709
+ --color-ak-danger-subtle: #fef2f2;
710
+ --color-ak-danger-text: #b91c1c;
711
+ --color-ak-info: #2563eb;
712
+ --color-ak-info-subtle: #eff6ff;
713
+ --color-ak-info-text: #1d4ed8;
647
714
  --color-ak-overlay: rgba(0,0,0,0.5);
648
- --color-ak-brutal-ink: #0b7355;
649
- --color-ak-brutal-face: #FFFFFF;
650
- --color-ak-brutal-face-dark: #0a6b4f;
651
- --color-ak-brutal-on-face: #0b7355;
652
- --color-ak-brutal-on-face-dark: #F7F9F8;
653
- --shadow-ak-brutal-xs: 2px 2px 0 0 #096249;
654
- --shadow-ak-brutal-sm: 3px 3px 0 0 #096249;
655
- --shadow-ak-brutal: 4px 4px 0 0 #096249;
656
- --shadow-ak-brutal-lg: 6px 6px 0 0 #096249;
657
- --shadow-ak-brutal-xl: 8px 8px 0 0 #096249;
715
+ --color-ak-brutal-ink: #085e45;
716
+ --color-ak-brutal-face: #F7F9F8;
717
+ --color-ak-brutal-face-dark: #085740;
718
+ --color-ak-brutal-on-face: #085e45;
719
+ --color-ak-brutal-on-face-dark: #FFFFFF;
720
+ --shadow-ak-brutal-xs: 2px 2px 0 0 #07503b;
721
+ --shadow-ak-brutal-sm: 3px 3px 0 0 #07503b;
722
+ --shadow-ak-brutal: 4px 4px 0 0 #07503b;
723
+ --shadow-ak-brutal-lg: 6px 6px 0 0 #07503b;
724
+ --shadow-ak-brutal-xl: 8px 8px 0 0 #07503b;
658
725
  --color-ak-status-beta-bg: #f1ebfe;
659
726
  --color-ak-status-beta-text: #7C3AED;
660
727
  --color-ak-status-beta-border: #dccefc;
@@ -672,13 +739,21 @@
672
739
  /* Periwinkle - Lavender-white canvas with vivid periwinkle — fitness SaaS (light) */
673
740
  [data-ak-theme="periwinkle"] {
674
741
  --color-ak-accent: #6F5CF1;
675
- --color-ak-on-accent: #FFFFFF;
676
- --color-ak-accent-soft: #e5e2fc;
742
+ --color-ak-on-accent: #F4F3FB;
743
+ --color-ak-accent-soft: #dcd8f9;
677
744
  --color-ak-gradient-start: #9d90f5;
678
745
  --color-ak-gradient-mid: #6F5CF1;
679
746
  --color-ak-gradient-end: #5244b2;
680
747
  --gradient-ak-primary: linear-gradient(135deg, #9d90f5 0%, #6F5CF1 52%, #5244b2 100%);
681
748
  --gradient-ak-primary-hover: linear-gradient(135deg, #aba0f7 0%, #8070f3 48%, #493d9f 100%);
749
+ --color-ak-glow-primary: #6F5CF1;
750
+ --ak-hero-media-filter: none;
751
+ --color-ak-hero-accent: #6F5CF1;
752
+ --color-ak-glow-secondary: #6955F0;
753
+ --color-ak-glow-tertiary: #6F5CF1;
754
+ --color-ak-glow-warm: #6F5CF1;
755
+ --color-ak-mesh-base: #FFFFFF;
756
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #6F5CF1 90%, transparent) 34%, color-mix(in srgb, #6955F0 78%, transparent) 50%, color-mix(in srgb, #6F5CF1 70%, transparent) 64%, transparent 78% 100%);
682
757
  --color-ak-primary-50: #f3f2fe;
683
758
  --color-ak-primary-100: #e8e5fd;
684
759
  --color-ak-primary-200: #d1cbfb;
@@ -692,85 +767,90 @@
692
767
  --color-ak-primary-950: #241d4d;
693
768
  --color-ak-text: #1B1A2E;
694
769
  --color-ak-text-secondary: #5A5874;
695
- --color-ak-text-muted: #88879d;
696
- --color-ak-text-disabled: #b6b5c5;
770
+ --color-ak-text-muted: #8c8a9e;
771
+ --color-ak-text-disabled: #bdbcc7;
697
772
  --color-ak-text-link: #6F5CF1;
698
- --color-ak-text-inverse: #FFFFFF;
773
+ --color-ak-text-inverse: #F4F3FB;
699
774
  --color-ak-on-surface: #1B1A2E;
700
775
  --color-ak-on-surface-variant: #5A5874;
701
- --color-ak-text-placeholder: #9896aa;
702
- --color-ak-bg: #FFFFFF;
703
- --color-ak-surface: #F4F3FB;
776
+ --color-ak-text-placeholder: #9c9bac;
777
+ --color-ak-bg: #F4F3FB;
778
+ --color-ak-surface: #FFFFFF;
704
779
  --color-ak-surface-2: #ECEAF8;
705
- --color-ak-surface-3: #e5e4ed;
706
- --color-ak-surface-4: #dddce5;
707
- --color-ak-surface-container-lowest: #FFFFFF;
708
- --color-ak-surface-container-low: #F4F3FB;
780
+ --color-ak-surface-3: #efeff0;
781
+ --color-ak-surface-4: #e7e7e9;
782
+ --color-ak-surface-container-lowest: #F4F3FB;
783
+ --color-ak-surface-container-low: #FFFFFF;
709
784
  --color-ak-surface-container: #ECEAF8;
710
- --color-ak-surface-container-high: #e5e4ed;
711
- --color-ak-surface-container-highest: #dddce5;
712
- --color-ak-surface-raised-soft: #f0eff7;
713
- --color-ak-hover: #f4f4f5;
714
- --color-ak-active: #ededee;
715
- --color-ak-elevated: #FFFFFF;
785
+ --color-ak-surface-container-high: #efeff0;
786
+ --color-ak-surface-container-highest: #e7e7e9;
787
+ --color-ak-surface-raised-soft: #fafafb;
788
+ --color-ak-hover: #e9e8f1;
789
+ --color-ak-active: #e3e2eb;
790
+ --color-ak-elevated: #F4F3FB;
716
791
  --color-ak-inverse-surface: #1B1A2E;
717
- --color-ak-inverse-on-surface: #FFFFFF;
792
+ --color-ak-inverse-on-surface: #F4F3FB;
718
793
  --color-ak-border: #E4E2F0;
719
- --color-ak-border-subtle: #ecebf6;
794
+ --color-ak-border-subtle: #f2f1f8;
720
795
  --color-ak-border-strong: #bcbac9;
721
796
  --color-ak-outline: #bcbac9;
722
- --color-ak-outline-variant: #ecebf6;
797
+ --color-ak-outline-variant: #f2f1f8;
723
798
  --color-ak-border-focus: #6F5CF1;
724
- --color-ak-neutral-50: #f0eff7;
725
- --color-ak-neutral-100: #ebeaf3;
726
- --color-ak-neutral-200: #e3e2eb;
727
- --color-ak-neutral-300: #d3d2dc;
728
- --color-ak-neutral-400: #b3b2be;
729
- --color-ak-neutral-500: #92919f;
730
- --color-ak-neutral-600: #727180;
731
- --color-ak-neutral-700: #585767;
732
- --color-ak-neutral-800: #3e3d4f;
733
- --color-ak-neutral-900: #2c2b3e;
799
+ --color-ak-neutral-50: #fafafb;
800
+ --color-ak-neutral-100: #f6f6f7;
801
+ --color-ak-neutral-200: #ededee;
802
+ --color-ak-neutral-300: #dddde0;
803
+ --color-ak-neutral-400: #bbbac0;
804
+ --color-ak-neutral-500: #9898a1;
805
+ --color-ak-neutral-600: #767682;
806
+ --color-ak-neutral-700: #5b5a69;
807
+ --color-ak-neutral-800: #3f3f4f;
808
+ --color-ak-neutral-900: #2d2c3f;
734
809
  --color-ak-neutral-950: #242336;
735
810
  --color-ak-primary: #6F5CF1;
736
811
  --color-ak-primary-hover: #6453d9;
737
812
  --color-ak-primary-active: #594ac1;
813
+ --color-ak-primary-outline: #6F5CF1;
814
+ --color-ak-secondary-outline: #6955F0;
815
+ --color-ak-primary-selection: #6F5CF1;
816
+ --color-ak-on-primary-selection: #FFFFFF;
738
817
  --color-ak-on-primary: #FFFFFF;
739
818
  --color-ak-primary-subtle: #eeebfd;
740
819
  --color-ak-primary-container: #eeebfd;
741
820
  --color-ak-on-primary-container: #1B1A2E;
742
821
  --color-ak-selection-ink: #1B1A2E;
743
822
  --color-ak-primary-container-emphasis: #1B1A2E;
744
- --color-ak-secondary: #6F5CF1;
745
- --color-ak-on-secondary: #FFFFFF;
746
- --color-ak-secondary-container: #e5e2fc;
823
+ --color-ak-secondary: #6955F0;
824
+ --color-ak-on-secondary: #F4F3FB;
825
+ --color-ak-secondary-container: #dbd7f9;
747
826
  --color-ak-on-secondary-container: #1B1A2E;
748
827
  --color-ak-tertiary: #6F5CF1;
749
- --color-ak-on-tertiary: #FFFFFF;
750
- --color-ak-tertiary-container: #e5e2fc;
828
+ --color-ak-on-tertiary: #F4F3FB;
829
+ --color-ak-tertiary-container: #dcd8f9;
751
830
  --color-ak-on-tertiary-container: #1B1A2E;
752
- --color-ak-success: #22C55E;
753
- --color-ak-success-subtle: #e4f8ec;
754
- --color-ak-success-text: #1b9e4b;
755
- --color-ak-warning: #F59E0B;
756
- --color-ak-warning-subtle: #fef3e2;
757
- --color-ak-warning-text: #c47e09;
758
- --color-ak-danger: #E5484D;
759
- --color-ak-on-error: #FFFFFF;
760
- --color-ak-danger-subtle: #fce9ea;
761
- --color-ak-danger-text: #b73a3e;
762
- --color-ak-error: #E5484D;
831
+ --color-ak-success: #16a34a;
832
+ --color-ak-success-subtle: #f0fdf4;
833
+ --color-ak-success-text: #15803d;
834
+ --color-ak-warning: #d97706;
835
+ --color-ak-warning-subtle: #fffbeb;
836
+ --color-ak-warning-text: #b45309;
837
+ --color-ak-danger: #dc2626;
838
+ --color-ak-on-error: #ffffff;
839
+ --color-ak-error: #dc2626;
763
840
  --color-ak-error-container: #fce9ea;
764
841
  --color-ak-on-error-container: #1B1A2E;
765
- --color-ak-info: #3B82F6;
766
- --color-ak-info-subtle: #e7f0fe;
767
- --color-ak-info-text: #2f68c5;
842
+ --color-ak-danger-hover: #b91c1c;
843
+ --color-ak-danger-subtle: #fef2f2;
844
+ --color-ak-danger-text: #b91c1c;
845
+ --color-ak-info: #2563eb;
846
+ --color-ak-info-subtle: #eff6ff;
847
+ --color-ak-info-text: #1d4ed8;
768
848
  --color-ak-overlay: rgba(0,0,0,0.5);
769
849
  --color-ak-brutal-ink: #4e40a9;
770
- --color-ak-brutal-face: #FFFFFF;
850
+ --color-ak-brutal-face: #F4F3FB;
771
851
  --color-ak-brutal-face-dark: #483c9d;
772
852
  --color-ak-brutal-on-face: #4e40a9;
773
- --color-ak-brutal-on-face-dark: #F4F3FB;
853
+ --color-ak-brutal-on-face-dark: #FFFFFF;
774
854
  --shadow-ak-brutal-xs: 2px 2px 0 0 #433791;
775
855
  --shadow-ak-brutal-sm: 3px 3px 0 0 #433791;
776
856
  --shadow-ak-brutal: 4px 4px 0 0 #433791;
@@ -792,111 +872,124 @@
792
872
 
793
873
  /* Scout Cyan - Crisp white with deep sky-cyan — referral dashboard (light) */
794
874
  [data-ak-theme="scout-cyan"] {
795
- --color-ak-accent: #0E96C4;
796
- --color-ak-on-accent: #FFFFFF;
797
- --color-ak-accent-soft: #d4ecf4;
798
- --color-ak-gradient-start: #5bb8d7;
799
- --color-ak-gradient-mid: #0E96C4;
800
- --color-ak-gradient-end: #0a6f91;
801
- --gradient-ak-primary: linear-gradient(135deg, #5bb8d7 0%, #0E96C4 52%, #0a6f91 100%);
802
- --gradient-ak-primary-hover: linear-gradient(135deg, #73c2dd 0%, #2ba3cb 48%, #096381 100%);
803
- --color-ak-primary-50: #ecf7fa;
804
- --color-ak-primary-100: #d8eef6;
805
- --color-ak-primary-200: #b2ddec;
806
- --color-ak-primary-300: #82c8e0;
807
- --color-ak-primary-400: #51b3d5;
808
- --color-ak-primary-500: #0E96C4;
809
- --color-ak-primary-600: #0c84ac;
810
- --color-ak-primary-700: #0b7295;
811
- --color-ak-primary-800: #09607d;
812
- --color-ak-primary-900: #07485e;
813
- --color-ak-primary-950: #04303f;
875
+ --color-ak-accent: #0C7EA5;
876
+ --color-ak-on-accent: #F6FAFC;
877
+ --color-ak-accent-soft: #cce4ec;
878
+ --color-ak-gradient-start: #5aa7c2;
879
+ --color-ak-gradient-mid: #0C7EA5;
880
+ --color-ak-gradient-end: #095d7a;
881
+ --gradient-ak-primary: linear-gradient(135deg, #5aa7c2 0%, #0C7EA5 52%, #095d7a 100%);
882
+ --gradient-ak-primary-hover: linear-gradient(135deg, #72b4cb 0%, #298db0 48%, #08536d 100%);
883
+ --color-ak-glow-primary: #0C7EA5;
884
+ --ak-hero-media-filter: none;
885
+ --color-ak-hero-accent: #0C7EA5;
886
+ --color-ak-glow-secondary: #0C7AA0;
887
+ --color-ak-glow-tertiary: #0C7EA5;
888
+ --color-ak-glow-warm: #0C7EA5;
889
+ --color-ak-mesh-base: #FFFFFF;
890
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #0C7EA5 90%, transparent) 34%, color-mix(in srgb, #0C7AA0 78%, transparent) 50%, color-mix(in srgb, #0C7EA5 70%, transparent) 64%, transparent 78% 100%);
891
+ --color-ak-primary-50: #ecf5f8;
892
+ --color-ak-primary-100: #d8eaf1;
893
+ --color-ak-primary-200: #b1d6e2;
894
+ --color-ak-primary-300: #81bcd0;
895
+ --color-ak-primary-400: #50a2be;
896
+ --color-ak-primary-500: #0C7EA5;
897
+ --color-ak-primary-600: #0b6f91;
898
+ --color-ak-primary-700: #09607d;
899
+ --color-ak-primary-800: #08516a;
900
+ --color-ak-primary-900: #063c4f;
901
+ --color-ak-primary-950: #042835;
814
902
  --color-ak-text: #14262D;
815
903
  --color-ak-text-secondary: #587077;
816
- --color-ak-text-muted: #87999f;
817
- --color-ak-text-disabled: #b7c3c7;
818
- --color-ak-text-link: #0E96C4;
819
- --color-ak-text-inverse: #FFFFFF;
904
+ --color-ak-text-muted: #8a9ba0;
905
+ --color-ak-text-disabled: #bcc6c9;
906
+ --color-ak-text-link: #0C7EA5;
907
+ --color-ak-text-inverse: #F6FAFC;
820
908
  --color-ak-on-surface: #14262D;
821
909
  --color-ak-on-surface-variant: #587077;
822
- --color-ak-text-placeholder: #97a7ac;
823
- --color-ak-bg: #FFFFFF;
824
- --color-ak-surface: #F6FAFC;
910
+ --color-ak-text-placeholder: #9ba9ad;
911
+ --color-ak-bg: #F6FAFC;
912
+ --color-ak-surface: #FFFFFF;
825
913
  --color-ak-surface-2: #EAF3F7;
826
- --color-ak-surface-3: #e6ebee;
827
- --color-ak-surface-4: #dee4e6;
828
- --color-ak-surface-container-lowest: #FFFFFF;
829
- --color-ak-surface-container-low: #F6FAFC;
914
+ --color-ak-surface-3: #eff0f0;
915
+ --color-ak-surface-4: #e6e8e9;
916
+ --color-ak-surface-container-lowest: #F6FAFC;
917
+ --color-ak-surface-container-low: #FFFFFF;
830
918
  --color-ak-surface-container: #EAF3F7;
831
- --color-ak-surface-container-high: #e6ebee;
832
- --color-ak-surface-container-highest: #dee4e6;
833
- --color-ak-surface-raised-soft: #f1f6f8;
834
- --color-ak-hover: #f3f4f5;
835
- --color-ak-active: #eceeee;
836
- --color-ak-elevated: #FFFFFF;
919
+ --color-ak-surface-container-high: #eff0f0;
920
+ --color-ak-surface-container-highest: #e6e8e9;
921
+ --color-ak-surface-raised-soft: #fafbfb;
922
+ --color-ak-hover: #ebeff2;
923
+ --color-ak-active: #e4e9eb;
924
+ --color-ak-elevated: #F6FAFC;
837
925
  --color-ak-inverse-surface: #14262D;
838
- --color-ak-inverse-on-surface: #FFFFFF;
926
+ --color-ak-inverse-on-surface: #F6FAFC;
839
927
  --color-ak-border: #DEE9EE;
840
- --color-ak-border-subtle: #eaf2f5;
928
+ --color-ak-border-subtle: #eff4f7;
841
929
  --color-ak-border-strong: #b6c2c7;
842
930
  --color-ak-outline: #b6c2c7;
843
- --color-ak-outline-variant: #eaf2f5;
844
- --color-ak-border-focus: #0E96C4;
845
- --color-ak-neutral-50: #f1f6f8;
846
- --color-ak-neutral-100: #edf2f4;
847
- --color-ak-neutral-200: #e4e9eb;
848
- --color-ak-neutral-300: #d4dadd;
849
- --color-ak-neutral-400: #b2babe;
850
- --color-ak-neutral-500: #909b9f;
851
- --color-ak-neutral-600: #6e7b80;
852
- --color-ak-neutral-700: #536167;
853
- --color-ak-neutral-800: #38484e;
854
- --color-ak-neutral-900: #26373e;
855
- --color-ak-neutral-950: #1d2e35;
856
- --color-ak-primary: #0E96C4;
857
- --color-ak-primary-hover: #0d87b0;
858
- --color-ak-primary-active: #0b789d;
931
+ --color-ak-outline-variant: #eff4f7;
932
+ --color-ak-border-focus: #0C7EA5;
933
+ --color-ak-neutral-50: #fafbfb;
934
+ --color-ak-neutral-100: #f6f6f7;
935
+ --color-ak-neutral-200: #eceeee;
936
+ --color-ak-neutral-300: #dcdee0;
937
+ --color-ak-neutral-400: #b9bec0;
938
+ --color-ak-neutral-500: #959da1;
939
+ --color-ak-neutral-600: #727d81;
940
+ --color-ak-neutral-700: #566368;
941
+ --color-ak-neutral-800: #3a494f;
942
+ --color-ak-neutral-900: #27373e;
943
+ --color-ak-neutral-950: #1d2f35;
944
+ --color-ak-primary: #0C7EA5;
945
+ --color-ak-primary-hover: #0b7195;
946
+ --color-ak-primary-active: #0a6584;
947
+ --color-ak-primary-outline: #0C7EA5;
948
+ --color-ak-secondary-outline: #0C7AA0;
949
+ --color-ak-primary-selection: #0C7EA5;
950
+ --color-ak-on-primary-selection: #FFFFFF;
859
951
  --color-ak-on-primary: #FFFFFF;
860
- --color-ak-primary-subtle: #e2f2f8;
861
- --color-ak-primary-container: #e2f2f8;
952
+ --color-ak-primary-subtle: #e2f0f4;
953
+ --color-ak-primary-container: #e2f0f4;
862
954
  --color-ak-on-primary-container: #14262D;
863
955
  --color-ak-selection-ink: #14262D;
864
956
  --color-ak-primary-container-emphasis: #14262D;
865
- --color-ak-secondary: #0E96C4;
866
- --color-ak-on-secondary: #FFFFFF;
867
- --color-ak-secondary-container: #d4ecf4;
957
+ --color-ak-secondary: #0C7AA0;
958
+ --color-ak-on-secondary: #F6FAFC;
959
+ --color-ak-secondary-container: #cce3eb;
868
960
  --color-ak-on-secondary-container: #14262D;
869
- --color-ak-tertiary: #0E96C4;
870
- --color-ak-on-tertiary: #FFFFFF;
871
- --color-ak-tertiary-container: #d4ecf4;
961
+ --color-ak-tertiary: #0C7EA5;
962
+ --color-ak-on-tertiary: #F6FAFC;
963
+ --color-ak-tertiary-container: #cce4ec;
872
964
  --color-ak-on-tertiary-container: #14262D;
873
- --color-ak-success: #22C55E;
874
- --color-ak-success-subtle: #e4f8ec;
875
- --color-ak-success-text: #1b9e4b;
876
- --color-ak-warning: #F59E0B;
877
- --color-ak-warning-subtle: #fef3e2;
878
- --color-ak-warning-text: #c47e09;
879
- --color-ak-danger: #E5484D;
880
- --color-ak-on-error: #FFFFFF;
881
- --color-ak-danger-subtle: #fce9ea;
882
- --color-ak-danger-text: #b73a3e;
883
- --color-ak-error: #E5484D;
965
+ --color-ak-success: #16a34a;
966
+ --color-ak-success-subtle: #f0fdf4;
967
+ --color-ak-success-text: #15803d;
968
+ --color-ak-warning: #d97706;
969
+ --color-ak-warning-subtle: #fffbeb;
970
+ --color-ak-warning-text: #b45309;
971
+ --color-ak-danger: #dc2626;
972
+ --color-ak-on-error: #ffffff;
973
+ --color-ak-error: #dc2626;
884
974
  --color-ak-error-container: #fce9ea;
885
975
  --color-ak-on-error-container: #14262D;
886
- --color-ak-info: #3B82F6;
887
- --color-ak-info-subtle: #e7f0fe;
888
- --color-ak-info-text: #2f68c5;
976
+ --color-ak-danger-hover: #b91c1c;
977
+ --color-ak-danger-subtle: #fef2f2;
978
+ --color-ak-danger-text: #b91c1c;
979
+ --color-ak-info: #2563eb;
980
+ --color-ak-info-subtle: #eff6ff;
981
+ --color-ak-info-text: #1d4ed8;
889
982
  --color-ak-overlay: rgba(0,0,0,0.5);
890
- --color-ak-brutal-ink: #0a6989;
891
- --color-ak-brutal-face: #FFFFFF;
892
- --color-ak-brutal-face-dark: #09627f;
893
- --color-ak-brutal-on-face: #0a6989;
894
- --color-ak-brutal-on-face-dark: #F6FAFC;
895
- --shadow-ak-brutal-xs: 2px 2px 0 0 #085a76;
896
- --shadow-ak-brutal-sm: 3px 3px 0 0 #085a76;
897
- --shadow-ak-brutal: 4px 4px 0 0 #085a76;
898
- --shadow-ak-brutal-lg: 6px 6px 0 0 #085a76;
899
- --shadow-ak-brutal-xl: 8px 8px 0 0 #085a76;
983
+ --color-ak-brutal-ink: #085874;
984
+ --color-ak-brutal-face: #F6FAFC;
985
+ --color-ak-brutal-face-dark: #08526b;
986
+ --color-ak-brutal-on-face: #085874;
987
+ --color-ak-brutal-on-face-dark: #FFFFFF;
988
+ --shadow-ak-brutal-xs: 2px 2px 0 0 #074c63;
989
+ --shadow-ak-brutal-sm: 3px 3px 0 0 #074c63;
990
+ --shadow-ak-brutal: 4px 4px 0 0 #074c63;
991
+ --shadow-ak-brutal-lg: 6px 6px 0 0 #074c63;
992
+ --shadow-ak-brutal-xl: 8px 8px 0 0 #074c63;
900
993
  --color-ak-status-beta-bg: #f1ebfe;
901
994
  --color-ak-status-beta-text: #7C3AED;
902
995
  --color-ak-status-beta-border: #dccefc;
@@ -915,12 +1008,20 @@
915
1008
  [data-ak-theme="pulse"] {
916
1009
  --color-ak-accent: #D7FA4B;
917
1010
  --color-ak-on-accent: #0B0B0B;
918
- --color-ak-accent-soft: #f8fedf;
1011
+ --color-ak-accent-soft: #eef4d1;
919
1012
  --color-ak-gradient-start: #e4fc85;
920
1013
  --color-ak-gradient-mid: #D7FA4B;
921
1014
  --color-ak-gradient-end: #9fb938;
922
1015
  --gradient-ak-primary: linear-gradient(135deg, #e4fc85 0%, #D7FA4B 52%, #9fb938 100%);
923
1016
  --gradient-ak-primary-hover: linear-gradient(135deg, #e8fc97 0%, #dcfb61 48%, #8ea532 100%);
1017
+ --color-ak-glow-primary: #D7FA4B;
1018
+ --ak-hero-media-filter: none;
1019
+ --color-ak-hero-accent: #D7FA4B;
1020
+ --color-ak-glow-secondary: #D7FA4B;
1021
+ --color-ak-glow-tertiary: #D7FA4B;
1022
+ --color-ak-glow-warm: #D7FA4B;
1023
+ --color-ak-mesh-base: #FFFFFF;
1024
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #D7FA4B 90%, transparent) 34%, color-mix(in srgb, #D7FA4B 78%, transparent) 50%, color-mix(in srgb, #D7FA4B 70%, transparent) 64%, transparent 78% 100%);
924
1025
  --color-ak-slider-fill: #0B0B0B;
925
1026
  --color-ak-slider-ring: #0B0B0B;
926
1027
  --color-ak-primary-50: #fcfff1;
@@ -936,49 +1037,53 @@
936
1037
  --color-ak-primary-950: #455018;
937
1038
  --color-ak-text: #0B0B0B;
938
1039
  --color-ak-text-secondary: #55564F;
939
- --color-ak-text-muted: #84857f;
940
- --color-ak-text-disabled: #b4b4af;
1040
+ --color-ak-text-muted: #888984;
1041
+ --color-ak-text-disabled: #bbbbb9;
941
1042
  --color-ak-text-link: #0B0B0B;
942
- --color-ak-text-inverse: #FFFFFF;
1043
+ --color-ak-text-inverse: #F3F3EF;
943
1044
  --color-ak-on-surface: #0B0B0B;
944
1045
  --color-ak-on-surface-variant: #55564F;
945
- --color-ak-text-placeholder: #94958f;
946
- --color-ak-bg: #FFFFFF;
947
- --color-ak-surface: #F3F3EF;
1046
+ --color-ak-text-placeholder: #999a95;
1047
+ --color-ak-bg: #F3F3EF;
1048
+ --color-ak-surface: #FFFFFF;
948
1049
  --color-ak-surface-2: #ECEDE5;
949
- --color-ak-surface-3: #e3e3df;
950
- --color-ak-surface-4: #dbdbd7;
951
- --color-ak-surface-container-lowest: #FFFFFF;
952
- --color-ak-surface-container-low: #F3F3EF;
1050
+ --color-ak-surface-3: #eeeeee;
1051
+ --color-ak-surface-4: #e5e5e5;
1052
+ --color-ak-surface-container-lowest: #F3F3EF;
1053
+ --color-ak-surface-container-low: #FFFFFF;
953
1054
  --color-ak-surface-container: #ECEDE5;
954
- --color-ak-surface-container-high: #e3e3df;
955
- --color-ak-surface-container-highest: #dbdbd7;
956
- --color-ak-surface-raised-soft: #eeeeea;
957
- --color-ak-hover: #f3f3f3;
958
- --color-ak-active: #ebebeb;
959
- --color-ak-elevated: #FFFFFF;
1055
+ --color-ak-surface-container-high: #eeeeee;
1056
+ --color-ak-surface-container-highest: #e5e5e5;
1057
+ --color-ak-surface-raised-soft: #fafafa;
1058
+ --color-ak-hover: #e7e7e4;
1059
+ --color-ak-active: #e0e0dd;
1060
+ --color-ak-elevated: #F3F3EF;
960
1061
  --color-ak-inverse-surface: #0B0B0B;
961
- --color-ak-inverse-on-surface: #FFFFFF;
1062
+ --color-ak-inverse-on-surface: #F3F3EF;
962
1063
  --color-ak-border: #E4E4DC;
963
- --color-ak-border-subtle: #ecece6;
1064
+ --color-ak-border-subtle: #f2f2ee;
964
1065
  --color-ak-border-strong: #b9b9b2;
965
1066
  --color-ak-outline: #b9b9b2;
966
- --color-ak-outline-variant: #ecece6;
1067
+ --color-ak-outline-variant: #f2f2ee;
967
1068
  --color-ak-border-focus: #D7FA4B;
968
- --color-ak-neutral-50: #eeeeea;
969
- --color-ak-neutral-100: #eaeae6;
970
- --color-ak-neutral-200: #e0e0dd;
971
- --color-ak-neutral-300: #d0d0cd;
972
- --color-ak-neutral-400: #adadab;
973
- --color-ak-neutral-500: #8b8b88;
974
- --color-ak-neutral-600: #686866;
975
- --color-ak-neutral-700: #4c4c4b;
976
- --color-ak-neutral-800: #30302f;
977
- --color-ak-neutral-900: #1e1e1d;
978
- --color-ak-neutral-950: #141414;
1069
+ --color-ak-neutral-50: #fafafa;
1070
+ --color-ak-neutral-100: #f5f5f5;
1071
+ --color-ak-neutral-200: #ebebeb;
1072
+ --color-ak-neutral-300: #dadada;
1073
+ --color-ak-neutral-400: #b6b6b6;
1074
+ --color-ak-neutral-500: #919191;
1075
+ --color-ak-neutral-600: #6d6d6d;
1076
+ --color-ak-neutral-700: #4f4f4f;
1077
+ --color-ak-neutral-800: #323232;
1078
+ --color-ak-neutral-900: #1f1f1f;
1079
+ --color-ak-neutral-950: #151515;
979
1080
  --color-ak-primary: #D7FA4B;
980
1081
  --color-ak-primary-hover: #c2e144;
981
1082
  --color-ak-primary-active: #acc83c;
1083
+ --color-ak-primary-outline: #D7FA4B;
1084
+ --color-ak-secondary-outline: #D7FA4B;
1085
+ --color-ak-primary-selection: #D7FA4B;
1086
+ --color-ak-on-primary-selection: #0B0B0B;
982
1087
  --color-ak-on-primary: #0B0B0B;
983
1088
  --color-ak-primary-subtle: #fafee9;
984
1089
  --color-ak-primary-container: #fafee9;
@@ -987,34 +1092,35 @@
987
1092
  --color-ak-primary-container-emphasis: #0B0B0B;
988
1093
  --color-ak-secondary: #D7FA4B;
989
1094
  --color-ak-on-secondary: #0B0B0B;
990
- --color-ak-secondary-container: #f8fedf;
1095
+ --color-ak-secondary-container: #eef4d1;
991
1096
  --color-ak-on-secondary-container: #0B0B0B;
992
1097
  --color-ak-tertiary: #D7FA4B;
993
1098
  --color-ak-on-tertiary: #0B0B0B;
994
- --color-ak-tertiary-container: #f8fedf;
1099
+ --color-ak-tertiary-container: #eef4d1;
995
1100
  --color-ak-on-tertiary-container: #0B0B0B;
996
- --color-ak-success: #22C55E;
997
- --color-ak-success-subtle: #e4f8ec;
998
- --color-ak-success-text: #1b9e4b;
999
- --color-ak-warning: #F59E0B;
1000
- --color-ak-warning-subtle: #fef3e2;
1001
- --color-ak-warning-text: #c47e09;
1002
- --color-ak-danger: #F04438;
1003
- --color-ak-on-error: #FFFFFF;
1004
- --color-ak-danger-subtle: #fde9e7;
1005
- --color-ak-danger-text: #c0362d;
1006
- --color-ak-error: #F04438;
1101
+ --color-ak-success: #16a34a;
1102
+ --color-ak-success-subtle: #f0fdf4;
1103
+ --color-ak-success-text: #15803d;
1104
+ --color-ak-warning: #d97706;
1105
+ --color-ak-warning-subtle: #fffbeb;
1106
+ --color-ak-warning-text: #b45309;
1107
+ --color-ak-danger: #dc2626;
1108
+ --color-ak-on-error: #ffffff;
1109
+ --color-ak-error: #dc2626;
1007
1110
  --color-ak-error-container: #fde9e7;
1008
1111
  --color-ak-on-error-container: #0B0B0B;
1009
- --color-ak-info: #3B82F6;
1010
- --color-ak-info-subtle: #e7f0fe;
1011
- --color-ak-info-text: #2f68c5;
1112
+ --color-ak-danger-hover: #b91c1c;
1113
+ --color-ak-danger-subtle: #fef2f2;
1114
+ --color-ak-danger-text: #b91c1c;
1115
+ --color-ak-info: #2563eb;
1116
+ --color-ak-info-subtle: #eff6ff;
1117
+ --color-ak-info-text: #1d4ed8;
1012
1118
  --color-ak-overlay: rgba(0,0,0,0.5);
1013
1119
  --color-ak-brutal-ink: #97af35;
1014
- --color-ak-brutal-face: #FFFFFF;
1120
+ --color-ak-brutal-face: #F3F3EF;
1015
1121
  --color-ak-brutal-face-dark: #8ca331;
1016
1122
  --color-ak-brutal-on-face: #97af35;
1017
- --color-ak-brutal-on-face-dark: #F3F3EF;
1123
+ --color-ak-brutal-on-face-dark: #FFFFFF;
1018
1124
  --shadow-ak-brutal-xs: 2px 2px 0 0 #81962d;
1019
1125
  --shadow-ak-brutal-sm: 3px 3px 0 0 #81962d;
1020
1126
  --shadow-ak-brutal: 4px 4px 0 0 #81962d;
@@ -1037,110 +1143,257 @@
1037
1143
  /* LogoZap - Warm paper with Zap Blue accent — brand design system experiment (light) */
1038
1144
  [data-ak-theme="logozap"] {
1039
1145
  --color-ak-accent: #0B4FD9;
1040
- --color-ak-on-accent: #FFFFFF;
1041
- --color-ak-accent-soft: #d3dff8;
1042
- --color-ak-gradient-start: #66a5ff;
1043
- --color-ak-gradient-mid: #1E7BFF;
1044
- --color-ak-gradient-end: #165bbd;
1045
- --gradient-ak-primary: linear-gradient(135deg, #66a5ff 0%, #1E7BFF 52%, #165bbd 100%);
1046
- --gradient-ak-primary-hover: linear-gradient(135deg, #7db2ff 0%, #398bff 48%, #1451a8 100%);
1047
- --color-ak-primary-50: #edf4ff;
1048
- --color-ak-primary-100: #dbeaff;
1049
- --color-ak-primary-200: #b7d5ff;
1050
- --color-ak-primary-300: #8abaff;
1051
- --color-ak-primary-400: #5da0ff;
1052
- --color-ak-primary-500: #1E7BFF;
1053
- --color-ak-primary-600: #1a6ce0;
1054
- --color-ak-primary-700: #175dc2;
1055
- --color-ak-primary-800: #134fa3;
1056
- --color-ak-primary-900: #0e3b7a;
1057
- --color-ak-primary-950: #0a2752;
1146
+ --color-ak-on-accent: #FAFAF7;
1147
+ --color-ak-accent-soft: #cfdbf2;
1148
+ --color-ak-gradient-start: #569cff;
1149
+ --color-ak-gradient-mid: #076DFF;
1150
+ --color-ak-gradient-end: #0551bd;
1151
+ --gradient-ak-primary: linear-gradient(135deg, #569cff 0%, #076DFF 52%, #0551bd 100%);
1152
+ --gradient-ak-primary-hover: linear-gradient(135deg, #6faaff 0%, #257fff 48%, #0548a8 100%);
1153
+ --color-ak-glow-primary: #076DFF;
1154
+ --ak-hero-media-filter: none;
1155
+ --color-ak-hero-accent: #076DFF;
1156
+ --color-ak-glow-secondary: #CFE3FF;
1157
+ --color-ak-glow-tertiary: #0B4FD9;
1158
+ --color-ak-glow-warm: #0B4FD9;
1159
+ --color-ak-mesh-base: #FFFFFF;
1160
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #076DFF 90%, transparent) 34%, color-mix(in srgb, #CFE3FF 78%, transparent) 50%, color-mix(in srgb, #0B4FD9 70%, transparent) 64%, transparent 78% 100%);
1161
+ --color-ak-primary-50: #ebf3ff;
1162
+ --color-ak-primary-100: #d7e8ff;
1163
+ --color-ak-primary-200: #b0d0ff;
1164
+ --color-ak-primary-300: #7eb3ff;
1165
+ --color-ak-primary-400: #4c96ff;
1166
+ --color-ak-primary-500: #076DFF;
1167
+ --color-ak-primary-600: #0660e0;
1168
+ --color-ak-primary-700: #0553c2;
1169
+ --color-ak-primary-800: #0446a3;
1170
+ --color-ak-primary-900: #03347a;
1171
+ --color-ak-primary-950: #022352;
1058
1172
  --color-ak-text: #0A0A0A;
1059
1173
  --color-ak-text-secondary: #5A5A5A;
1060
- --color-ak-text-muted: #8a8a89;
1061
- --color-ak-text-disabled: #babab8;
1062
- --color-ak-text-link: #1E7BFF;
1063
- --color-ak-text-inverse: #FFFFFF;
1174
+ --color-ak-text-muted: #8c8c8c;
1175
+ --color-ak-text-disabled: #bdbdbd;
1176
+ --color-ak-text-link: #076DFF;
1177
+ --color-ak-text-inverse: #FAFAF7;
1064
1178
  --color-ak-on-surface: #0A0A0A;
1065
1179
  --color-ak-on-surface-variant: #5A5A5A;
1066
- --color-ak-text-placeholder: #9a9a99;
1067
- --color-ak-bg: #FFFFFF;
1068
- --color-ak-surface: #FAFAF7;
1180
+ --color-ak-text-placeholder: #9c9c9c;
1181
+ --color-ak-bg: #FAFAF7;
1182
+ --color-ak-surface: #FFFFFF;
1069
1183
  --color-ak-surface-2: #F0EFEA;
1070
- --color-ak-surface-3: #e9e9e6;
1071
- --color-ak-surface-4: #e1e1de;
1072
- --color-ak-surface-container-lowest: #FFFFFF;
1073
- --color-ak-surface-container-low: #FAFAF7;
1184
+ --color-ak-surface-3: #eeeeee;
1185
+ --color-ak-surface-4: #e5e5e5;
1186
+ --color-ak-surface-container-lowest: #FAFAF7;
1187
+ --color-ak-surface-container-low: #FFFFFF;
1074
1188
  --color-ak-surface-container: #F0EFEA;
1075
- --color-ak-surface-container-high: #e9e9e6;
1076
- --color-ak-surface-container-highest: #e1e1de;
1077
- --color-ak-surface-raised-soft: #f5f5f2;
1078
- --color-ak-hover: #f3f3f3;
1079
- --color-ak-active: #ebebeb;
1080
- --color-ak-elevated: #FFFFFF;
1189
+ --color-ak-surface-container-high: #eeeeee;
1190
+ --color-ak-surface-container-highest: #e5e5e5;
1191
+ --color-ak-surface-raised-soft: #fafafa;
1192
+ --color-ak-hover: #eeeeeb;
1193
+ --color-ak-active: #e7e7e4;
1194
+ --color-ak-elevated: #FAFAF7;
1081
1195
  --color-ak-inverse-surface: #0A0A0A;
1082
- --color-ak-inverse-on-surface: #FFFFFF;
1196
+ --color-ak-inverse-on-surface: #FAFAF7;
1083
1197
  --color-ak-border: #E4E2DA;
1084
- --color-ak-border-subtle: #efeee9;
1198
+ --color-ak-border-subtle: #f2f1ed;
1085
1199
  --color-ak-border-strong: #b8b7b0;
1086
1200
  --color-ak-outline: #b8b7b0;
1087
- --color-ak-outline-variant: #efeee9;
1201
+ --color-ak-outline-variant: #f2f1ed;
1088
1202
  --color-ak-border-focus: #0B4FD9;
1089
- --color-ak-neutral-50: #f5f5f2;
1090
- --color-ak-neutral-100: #f0f0ee;
1091
- --color-ak-neutral-200: #e7e7e4;
1092
- --color-ak-neutral-300: #d6d6d3;
1093
- --color-ak-neutral-400: #b2b2b0;
1094
- --color-ak-neutral-500: #8e8e8c;
1095
- --color-ak-neutral-600: #6a6a69;
1096
- --color-ak-neutral-700: #4d4d4c;
1097
- --color-ak-neutral-800: #303030;
1098
- --color-ak-neutral-900: #1d1d1d;
1099
- --color-ak-neutral-950: #141413;
1100
- --color-ak-primary: #1E7BFF;
1101
- --color-ak-primary-hover: #1b6fe6;
1102
- --color-ak-primary-active: #1862cc;
1203
+ --color-ak-neutral-50: #fafafa;
1204
+ --color-ak-neutral-100: #f5f5f5;
1205
+ --color-ak-neutral-200: #ebebeb;
1206
+ --color-ak-neutral-300: #dadada;
1207
+ --color-ak-neutral-400: #b6b6b6;
1208
+ --color-ak-neutral-500: #919191;
1209
+ --color-ak-neutral-600: #6c6c6c;
1210
+ --color-ak-neutral-700: #4f4f4f;
1211
+ --color-ak-neutral-800: #313131;
1212
+ --color-ak-neutral-900: #1e1e1e;
1213
+ --color-ak-neutral-950: #141414;
1214
+ --color-ak-primary: #076DFF;
1215
+ --color-ak-primary-hover: #0662e6;
1216
+ --color-ak-primary-active: #0657cc;
1217
+ --color-ak-primary-outline: #076DFF;
1218
+ --color-ak-secondary-outline: #CFE3FF;
1219
+ --color-ak-primary-selection: #076DFF;
1220
+ --color-ak-on-primary-selection: #FFFFFF;
1103
1221
  --color-ak-on-primary: #FFFFFF;
1104
- --color-ak-primary-subtle: #e4efff;
1105
- --color-ak-primary-container: #e4efff;
1222
+ --color-ak-primary-subtle: #e1edff;
1223
+ --color-ak-primary-container: #e1edff;
1106
1224
  --color-ak-on-primary-container: #0A0A0A;
1107
1225
  --color-ak-selection-ink: #0A0A0A;
1108
1226
  --color-ak-primary-container-emphasis: #0A0A0A;
1109
1227
  --color-ak-secondary: #CFE3FF;
1110
1228
  --color-ak-on-secondary: #0A0A0A;
1111
- --color-ak-secondary-container: #f6faff;
1229
+ --color-ak-secondary-container: #f2f6f8;
1112
1230
  --color-ak-on-secondary-container: #0A0A0A;
1113
1231
  --color-ak-tertiary: #0B4FD9;
1114
- --color-ak-on-tertiary: #FFFFFF;
1115
- --color-ak-tertiary-container: #d3dff8;
1232
+ --color-ak-on-tertiary: #FAFAF7;
1233
+ --color-ak-tertiary-container: #cfdbf2;
1116
1234
  --color-ak-on-tertiary-container: #0A0A0A;
1117
- --color-ak-success: #22C55E;
1118
- --color-ak-success-subtle: #e4f8ec;
1119
- --color-ak-success-text: #1b9e4b;
1120
- --color-ak-warning: #F59E0B;
1121
- --color-ak-warning-subtle: #fef3e2;
1122
- --color-ak-warning-text: #c47e09;
1123
- --color-ak-danger: #EF4444;
1124
- --color-ak-on-error: #FFFFFF;
1125
- --color-ak-danger-subtle: #fde9e9;
1126
- --color-ak-danger-text: #bf3636;
1127
- --color-ak-error: #EF4444;
1235
+ --color-ak-success: #16a34a;
1236
+ --color-ak-success-subtle: #f0fdf4;
1237
+ --color-ak-success-text: #15803d;
1238
+ --color-ak-warning: #d97706;
1239
+ --color-ak-warning-subtle: #fffbeb;
1240
+ --color-ak-warning-text: #b45309;
1241
+ --color-ak-danger: #dc2626;
1242
+ --color-ak-on-error: #ffffff;
1243
+ --color-ak-error: #dc2626;
1128
1244
  --color-ak-error-container: #fde9e9;
1129
1245
  --color-ak-on-error-container: #0A0A0A;
1130
- --color-ak-info: #3B82F6;
1131
- --color-ak-info-subtle: #e7f0fe;
1132
- --color-ak-info-text: #2f68c5;
1246
+ --color-ak-danger-hover: #b91c1c;
1247
+ --color-ak-danger-subtle: #fef2f2;
1248
+ --color-ak-danger-text: #b91c1c;
1249
+ --color-ak-info: #2563eb;
1250
+ --color-ak-info-subtle: #eff6ff;
1251
+ --color-ak-info-text: #1d4ed8;
1252
+ --color-ak-overlay: rgba(0,0,0,0.5);
1253
+ --color-ak-brutal-ink: #054cb3;
1254
+ --color-ak-brutal-face: #FAFAF7;
1255
+ --color-ak-brutal-face-dark: #0547a6;
1256
+ --color-ak-brutal-on-face: #054cb3;
1257
+ --color-ak-brutal-on-face-dark: #FFFFFF;
1258
+ --shadow-ak-brutal-xs: 2px 2px 0 0 #044199;
1259
+ --shadow-ak-brutal-sm: 3px 3px 0 0 #044199;
1260
+ --shadow-ak-brutal: 4px 4px 0 0 #044199;
1261
+ --shadow-ak-brutal-lg: 6px 6px 0 0 #044199;
1262
+ --shadow-ak-brutal-xl: 8px 8px 0 0 #044199;
1263
+ --color-ak-status-beta-bg: #f1ebfe;
1264
+ --color-ak-status-beta-text: #7C3AED;
1265
+ --color-ak-status-beta-border: #dccefc;
1266
+ --color-ak-status-new-bg: #e4f8ec;
1267
+ --color-ak-status-new-text: #16A34A;
1268
+ --color-ak-status-new-border: #bdeecf;
1269
+ --color-ak-status-stable-bg: #e7f0fe;
1270
+ --color-ak-status-stable-text: #2563EB;
1271
+ --color-ak-status-stable-border: #c4dafc;
1272
+ --color-ak-status-deprecated-bg: #fde9e9;
1273
+ --color-ak-status-deprecated-text: #DC2626;
1274
+ --color-ak-status-deprecated-border: #fac7c7;
1275
+ }
1276
+
1277
+ /* Blue Beacon Creative - Warm cream canvas with electric royal blue — Blue Beacon Creative studio (light) */
1278
+ [data-ak-theme="blue-beacon"] {
1279
+ --color-ak-accent: #2238FF;
1280
+ --color-ak-on-accent: #FFFFFF;
1281
+ --color-ak-accent-soft: #d0d1ef;
1282
+ --color-ak-gradient-start: #8E9BFF;
1283
+ --color-ak-gradient-mid: #2238FF;
1284
+ --color-ak-gradient-end: #04429E;
1285
+ --gradient-ak-primary: linear-gradient(135deg, #8E9BFF 0%, #2238FF 52%, #04429E 100%);
1286
+ --gradient-ak-primary-hover: linear-gradient(135deg, #A9B4FF 0%, #3D51FF 48%, #0A3FBF 100%);
1287
+ --color-ak-glow-primary: #2238FF;
1288
+ --ak-hero-media-filter: none;
1289
+ --color-ak-hero-accent: #2238FF;
1290
+ --color-ak-glow-secondary: #8E9BFF;
1291
+ --color-ak-glow-tertiary: #F6C955;
1292
+ --color-ak-glow-warm: #F6C955;
1293
+ --color-ak-mesh-base: #F6F3EC;
1294
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #2238FF 90%, transparent) 34%, color-mix(in srgb, #8E9BFF 78%, transparent) 50%, color-mix(in srgb, #F6C955 70%, transparent) 64%, transparent 78% 100%);
1295
+ --color-ak-primary-50: #edefff;
1296
+ --color-ak-primary-100: #dcdfff;
1297
+ --color-ak-primary-200: #b8bfff;
1298
+ --color-ak-primary-300: #8c98ff;
1299
+ --color-ak-primary-400: #6070ff;
1300
+ --color-ak-primary-500: #2238FF;
1301
+ --color-ak-primary-600: #1e31e0;
1302
+ --color-ak-primary-700: #1a2bc2;
1303
+ --color-ak-primary-800: #1624a3;
1304
+ --color-ak-primary-900: #101b7a;
1305
+ --color-ak-primary-950: #0b1252;
1306
+ --color-ak-text: #14130F;
1307
+ --color-ak-text-secondary: #514D45;
1308
+ --color-ak-text-muted: #85827d;
1309
+ --color-ak-text-disabled: #b9b8b5;
1310
+ --color-ak-text-link: #2238FF;
1311
+ --color-ak-text-inverse: #F6F3EC;
1312
+ --color-ak-on-surface: #14130F;
1313
+ --color-ak-on-surface-variant: #514D45;
1314
+ --color-ak-text-placeholder: #97948f;
1315
+ --color-ak-bg: #F6F3EC;
1316
+ --color-ak-surface: #FFFFFF;
1317
+ --color-ak-surface-2: #FDFBF0;
1318
+ --color-ak-surface-3: #efeeee;
1319
+ --color-ak-surface-4: #e6e6e6;
1320
+ --color-ak-surface-container-lowest: #F6F3EC;
1321
+ --color-ak-surface-container-low: #FFFFFF;
1322
+ --color-ak-surface-container: #FDFBF0;
1323
+ --color-ak-surface-container-high: #efeeee;
1324
+ --color-ak-surface-container-highest: #e6e6e6;
1325
+ --color-ak-surface-raised-soft: #fafafa;
1326
+ --color-ak-hover: #ebe8e1;
1327
+ --color-ak-active: #e4e1da;
1328
+ --color-ak-elevated: #F6F3EC;
1329
+ --color-ak-inverse-surface: #14130F;
1330
+ --color-ak-inverse-on-surface: #F6F3EC;
1331
+ --color-ak-border: #D9D3C4;
1332
+ --color-ak-border-subtle: #ece9e2;
1333
+ --color-ak-border-strong: #b2ada0;
1334
+ --color-ak-outline: #b2ada0;
1335
+ --color-ak-outline-variant: #ece9e2;
1336
+ --color-ak-border-focus: #2238FF;
1337
+ --color-ak-neutral-50: #fafafa;
1338
+ --color-ak-neutral-100: #f6f6f5;
1339
+ --color-ak-neutral-200: #ececec;
1340
+ --color-ak-neutral-300: #dcdcdb;
1341
+ --color-ak-neutral-400: #b9b8b7;
1342
+ --color-ak-neutral-500: #959593;
1343
+ --color-ak-neutral-600: #72716f;
1344
+ --color-ak-neutral-700: #565552;
1345
+ --color-ak-neutral-800: #3a3935;
1346
+ --color-ak-neutral-900: #272622;
1347
+ --color-ak-neutral-950: #1d1c19;
1348
+ --color-ak-primary: #2238FF;
1349
+ --color-ak-primary-hover: #1f32e6;
1350
+ --color-ak-primary-active: #1b2dcc;
1351
+ --color-ak-primary-outline: #2238FF;
1352
+ --color-ak-secondary-outline: #1726B8;
1353
+ --color-ak-primary-selection: #2238FF;
1354
+ --color-ak-on-primary-selection: #FFFFFF;
1355
+ --color-ak-on-primary: #FFFFFF;
1356
+ --color-ak-primary-subtle: #e4e7ff;
1357
+ --color-ak-primary-container: #e4e7ff;
1358
+ --color-ak-on-primary-container: #14130F;
1359
+ --color-ak-selection-ink: #2238FF;
1360
+ --color-ak-primary-container-emphasis: #2238FF;
1361
+ --color-ak-secondary: #1726B8;
1362
+ --color-ak-on-secondary: #F6F3EC;
1363
+ --color-ak-secondary-container: #cecee3;
1364
+ --color-ak-on-secondary-container: #14130F;
1365
+ --color-ak-tertiary: #2238FF;
1366
+ --color-ak-on-tertiary: #FFFFFF;
1367
+ --color-ak-tertiary-container: #d0d1ef;
1368
+ --color-ak-on-tertiary-container: #14130F;
1369
+ --color-ak-success: #16a34a;
1370
+ --color-ak-success-subtle: #f0fdf4;
1371
+ --color-ak-success-text: #15803d;
1372
+ --color-ak-warning: #d97706;
1373
+ --color-ak-warning-subtle: #fffbeb;
1374
+ --color-ak-warning-text: #b45309;
1375
+ --color-ak-danger: #dc2626;
1376
+ --color-ak-on-error: #ffffff;
1377
+ --color-ak-error: #dc2626;
1378
+ --color-ak-error-container: #fde9e9;
1379
+ --color-ak-on-error-container: #14130F;
1380
+ --color-ak-danger-hover: #b91c1c;
1381
+ --color-ak-danger-subtle: #fef2f2;
1382
+ --color-ak-danger-text: #b91c1c;
1383
+ --color-ak-info: #2563eb;
1384
+ --color-ak-info-subtle: #eff6ff;
1385
+ --color-ak-info-text: #1d4ed8;
1133
1386
  --color-ak-overlay: rgba(0,0,0,0.5);
1134
- --color-ak-brutal-ink: #1556b3;
1135
- --color-ak-brutal-face: #FFFFFF;
1136
- --color-ak-brutal-face-dark: #1450a6;
1137
- --color-ak-brutal-on-face: #1556b3;
1138
- --color-ak-brutal-on-face-dark: #FAFAF7;
1139
- --shadow-ak-brutal-xs: 2px 2px 0 0 #124a99;
1140
- --shadow-ak-brutal-sm: 3px 3px 0 0 #124a99;
1141
- --shadow-ak-brutal: 4px 4px 0 0 #124a99;
1142
- --shadow-ak-brutal-lg: 6px 6px 0 0 #124a99;
1143
- --shadow-ak-brutal-xl: 8px 8px 0 0 #124a99;
1387
+ --color-ak-brutal-ink: #1827b3;
1388
+ --color-ak-brutal-face: #F6F3EC;
1389
+ --color-ak-brutal-face-dark: #1624a6;
1390
+ --color-ak-brutal-on-face: #1827b3;
1391
+ --color-ak-brutal-on-face-dark: #FFFFFF;
1392
+ --shadow-ak-brutal-xs: 2px 2px 0 0 #142299;
1393
+ --shadow-ak-brutal-sm: 3px 3px 0 0 #142299;
1394
+ --shadow-ak-brutal: 4px 4px 0 0 #142299;
1395
+ --shadow-ak-brutal-lg: 6px 6px 0 0 #142299;
1396
+ --shadow-ak-brutal-xl: 8px 8px 0 0 #142299;
1144
1397
  --color-ak-status-beta-bg: #f1ebfe;
1145
1398
  --color-ak-status-beta-text: #7C3AED;
1146
1399
  --color-ak-status-beta-border: #dccefc;
@@ -1155,6 +1408,8 @@
1155
1408
  --color-ak-status-deprecated-border: #fac7c7;
1156
1409
  }
1157
1410
 
1411
+ /* ─── Dark Palettes ─── */
1412
+
1158
1413
  /* Volt Noir - True black with volt-lime CTAs — dark sibling of Pulse (dark) */
1159
1414
  [data-ak-theme="volt-noir"] {
1160
1415
  --color-ak-accent: #D7F94C;
@@ -1165,6 +1420,14 @@
1165
1420
  --color-ak-gradient-end: #c6e546;
1166
1421
  --gradient-ak-primary: linear-gradient(135deg, #defa6c 0%, #D7F94C 52%, #c6e546 100%);
1167
1422
  --gradient-ak-primary-hover: linear-gradient(135deg, #e2fb7e 0%, #daf95a 48%, #d3f44a 100%);
1423
+ --color-ak-glow-primary: #defa6c;
1424
+ --ak-hero-media-filter: none;
1425
+ --color-ak-hero-accent: #D7F94C;
1426
+ --color-ak-glow-secondary: #D7F94C;
1427
+ --color-ak-glow-tertiary: #D7F94C;
1428
+ --color-ak-glow-warm: #D7F94C;
1429
+ --color-ak-mesh-base: #0A0A0A;
1430
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #defa6c 90%, transparent) 34%, color-mix(in srgb, #D7F94C 78%, transparent) 50%, color-mix(in srgb, #D7F94C 70%, transparent) 64%, transparent 78% 100%);
1168
1431
  --color-ak-primary-50: #fcfff1;
1169
1432
  --color-ak-primary-100: #f9fee2;
1170
1433
  --color-ak-primary-200: #f2fdc6;
@@ -1221,6 +1484,10 @@
1221
1484
  --color-ak-primary: #D7F94C;
1222
1485
  --color-ak-primary-hover: #ddfa67;
1223
1486
  --color-ak-primary-active: #e1fb79;
1487
+ --color-ak-primary-outline: #D7F94C;
1488
+ --color-ak-secondary-outline: #D7F94C;
1489
+ --color-ak-primary-selection: #D7F94C;
1490
+ --color-ak-on-primary-selection: #0A0A0A;
1224
1491
  --color-ak-on-primary: #0A0A0A;
1225
1492
  --color-ak-primary-subtle: #444c23;
1226
1493
  --color-ak-primary-container: #444c23;
@@ -1235,24 +1502,25 @@
1235
1502
  --color-ak-on-tertiary: #0A0A0A;
1236
1503
  --color-ak-tertiary-container: #404822;
1237
1504
  --color-ak-on-tertiary-container: #F2F2EF;
1238
- --color-ak-success: #22C55E;
1239
- --color-ak-success-subtle: #e4f8ec;
1240
- --color-ak-success-text: #1b9e4b;
1241
- --color-ak-warning: #F59E0B;
1242
- --color-ak-warning-subtle: #fef3e2;
1243
- --color-ak-warning-text: #c47e09;
1244
- --color-ak-danger: #FF5A48;
1245
- --color-ak-on-error: #F2F2EF;
1505
+ --color-ak-success: #4ade80;
1506
+ --color-ak-success-subtle: rgba(34, 197, 94, 0.12);
1507
+ --color-ak-success-text: #86efac;
1508
+ --color-ak-warning: #fbbf24;
1509
+ --color-ak-warning-subtle: rgba(251, 191, 36, 0.12);
1510
+ --color-ak-warning-text: #fcd34d;
1511
+ --color-ak-danger: #f87171;
1512
+ --color-ak-on-error: #111113;
1246
1513
  --color-ak-pink: #f472b6;
1247
1514
  --color-ak-pink-subtle: rgba(244,114,182,.12);
1248
- --color-ak-danger-subtle: #492521;
1249
- --color-ak-danger-text: #cc483a;
1250
- --color-ak-error: #FF5A48;
1515
+ --color-ak-error: #f87171;
1251
1516
  --color-ak-error-container: #492521;
1252
1517
  --color-ak-on-error-container: #F2F2EF;
1253
- --color-ak-info: #3B82F6;
1254
- --color-ak-info-subtle: #e7f0fe;
1255
- --color-ak-info-text: #2f68c5;
1518
+ --color-ak-danger-hover: #ef4444;
1519
+ --color-ak-danger-subtle: #301a1a;
1520
+ --color-ak-danger-text: #fca5a5;
1521
+ --color-ak-info: #60a5fa;
1522
+ --color-ak-info-subtle: rgba(96, 165, 250, 0.12);
1523
+ --color-ak-info-text: #93c5fd;
1256
1524
  --color-ak-overlay: rgba(0,0,0,0.7);
1257
1525
  --shadow-ak-xs: none;
1258
1526
  --shadow-ak-sm: none;
@@ -1290,6 +1558,14 @@
1290
1558
  --color-ak-gradient-end: #8072e3;
1291
1559
  --gradient-ak-primary: linear-gradient(135deg, #a094f8 0%, #8B7CF7 52%, #8072e3 100%);
1292
1560
  --gradient-ak-primary-hover: linear-gradient(135deg, #aba1f9 0%, #9486f8 48%, #887af2 100%);
1561
+ --color-ak-glow-primary: #a094f8;
1562
+ --ak-hero-media-filter: none;
1563
+ --color-ak-hero-accent: #8B7CF7;
1564
+ --color-ak-glow-secondary: #6F5DF5;
1565
+ --color-ak-glow-tertiary: #8B7CF7;
1566
+ --color-ak-glow-warm: #8B7CF7;
1567
+ --color-ak-mesh-base: #0D0B16;
1568
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #a094f8 90%, transparent) 34%, color-mix(in srgb, #6F5DF5 78%, transparent) 50%, color-mix(in srgb, #8B7CF7 70%, transparent) 64%, transparent 78% 100%);
1293
1569
  --color-ak-primary-50: #f6f5fe;
1294
1570
  --color-ak-primary-100: #eceafe;
1295
1571
  --color-ak-primary-200: #dad5fc;
@@ -1346,38 +1622,43 @@
1346
1622
  --color-ak-primary: #8B7CF7;
1347
1623
  --color-ak-primary-hover: #9c90f8;
1348
1624
  --color-ak-primary-active: #a89df9;
1349
- --color-ak-on-primary: #EDEAF6;
1625
+ --color-ak-primary-outline: #8B7CF7;
1626
+ --color-ak-secondary-outline: #6F5DF5;
1627
+ --color-ak-primary-selection: #8B7CF7;
1628
+ --color-ak-on-primary-selection: #171717;
1629
+ --color-ak-on-primary: #171717;
1350
1630
  --color-ak-primary-subtle: #332c59;
1351
1631
  --color-ak-primary-container: #332c59;
1352
1632
  --color-ak-on-primary-container: #EDEAF6;
1353
1633
  --color-ak-selection-ink: #EDEAF6;
1354
1634
  --color-ak-primary-container-emphasis: #EDEAF6;
1355
- --color-ak-secondary: #8B7CF7;
1356
- --color-ak-on-secondary: #EDEAF6;
1357
- --color-ak-secondary-container: #312a55;
1635
+ --color-ak-secondary: #6F5DF5;
1636
+ --color-ak-on-secondary: #ffffff;
1637
+ --color-ak-secondary-container: #2a2354;
1358
1638
  --color-ak-on-secondary-container: #EDEAF6;
1359
1639
  --color-ak-tertiary: #8B7CF7;
1360
1640
  --color-ak-on-tertiary: #EDEAF6;
1361
1641
  --color-ak-tertiary-container: #312a55;
1362
1642
  --color-ak-on-tertiary-container: #EDEAF6;
1363
- --color-ak-success: #22C55E;
1364
- --color-ak-success-subtle: #e4f8ec;
1365
- --color-ak-success-text: #1b9e4b;
1366
- --color-ak-warning: #F59E0B;
1367
- --color-ak-warning-subtle: #fef3e2;
1368
- --color-ak-warning-text: #c47e09;
1369
- --color-ak-danger: #FF4D6A;
1370
- --color-ak-on-error: #EDEAF6;
1643
+ --color-ak-success: #4ade80;
1644
+ --color-ak-success-subtle: rgba(34, 197, 94, 0.12);
1645
+ --color-ak-success-text: #86efac;
1646
+ --color-ak-warning: #fbbf24;
1647
+ --color-ak-warning-subtle: rgba(251, 191, 36, 0.12);
1648
+ --color-ak-warning-text: #fcd34d;
1649
+ --color-ak-danger: #f87171;
1650
+ --color-ak-on-error: #111113;
1371
1651
  --color-ak-pink: #f472b6;
1372
1652
  --color-ak-pink-subtle: rgba(244,114,182,.12);
1373
- --color-ak-danger-subtle: #4a2036;
1374
- --color-ak-danger-text: #cc3e55;
1375
- --color-ak-error: #FF4D6A;
1653
+ --color-ak-error: #f87171;
1376
1654
  --color-ak-error-container: #4a2036;
1377
1655
  --color-ak-on-error-container: #EDEAF6;
1378
- --color-ak-info: #3B82F6;
1379
- --color-ak-info-subtle: #e7f0fe;
1380
- --color-ak-info-text: #2f68c5;
1656
+ --color-ak-danger-hover: #ef4444;
1657
+ --color-ak-danger-subtle: #301a1a;
1658
+ --color-ak-danger-text: #fca5a5;
1659
+ --color-ak-info: #60a5fa;
1660
+ --color-ak-info-subtle: rgba(96, 165, 250, 0.12);
1661
+ --color-ak-info-text: #93c5fd;
1381
1662
  --color-ak-overlay: rgba(0,0,0,0.7);
1382
1663
  --shadow-ak-xs: none;
1383
1664
  --shadow-ak-sm: none;
@@ -1411,32 +1692,34 @@
1411
1692
  --color-ak-on-accent: #F8F5FF;
1412
1693
  --color-ak-accent-soft: #452730;
1413
1694
  --color-ak-gradient-start: #A78BFA;
1414
- --color-ak-gradient-mid: #6D5DFF;
1695
+ --color-ak-gradient-mid: #5B48F7;
1415
1696
  --color-ak-gradient-end: #5B21B6;
1416
- --gradient-ak-primary: linear-gradient(135deg, #A78BFA 0%, #6D5DFF 52%, #5B21B6 100%);
1697
+ --gradient-ak-primary: linear-gradient(135deg, #A78BFA 0%, #5B48F7 52%, #5B21B6 100%);
1417
1698
  --gradient-ak-primary-hover: linear-gradient(135deg, #C4B5FD 0%, #8B7CFF 48%, #6D28D9 100%);
1418
- --color-ak-glow-primary: #6D5DFF;
1699
+ --color-ak-glow-primary: #5B48F7;
1700
+ --ak-hero-media-filter: none;
1701
+ --color-ak-hero-accent: #5B48F7;
1419
1702
  --color-ak-glow-secondary: #A855F7;
1420
1703
  --color-ak-glow-tertiary: #7C3AED;
1421
1704
  --color-ak-glow-warm: #FF7A5C;
1422
1705
  --color-ak-mesh-base: #070510;
1423
- --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #6D5DFF 90%, transparent) 34%, color-mix(in srgb, #A855F7 78%, transparent) 50%, color-mix(in srgb, #7C3AED 70%, transparent) 64%, transparent 78% 100%);
1424
- --color-ak-primary-50: #f3f2ff;
1425
- --color-ak-primary-100: #e8e5ff;
1426
- --color-ak-primary-200: #d0cbff;
1427
- --color-ak-primary-300: #b3abff;
1428
- --color-ak-primary-400: #968aff;
1429
- --color-ak-primary-500: #6D5DFF;
1430
- --color-ak-primary-600: #6052e0;
1431
- --color-ak-primary-700: #5347c2;
1432
- --color-ak-primary-800: #463ca3;
1433
- --color-ak-primary-900: #342d7a;
1434
- --color-ak-primary-950: #231e52;
1706
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #5B48F7 90%, transparent) 34%, color-mix(in srgb, #A855F7 78%, transparent) 50%, color-mix(in srgb, #7C3AED 70%, transparent) 64%, transparent 78% 100%);
1707
+ --color-ak-primary-50: #f2f0fe;
1708
+ --color-ak-primary-100: #e5e2fe;
1709
+ --color-ak-primary-200: #cbc4fc;
1710
+ --color-ak-primary-300: #aaa0fb;
1711
+ --color-ak-primary-400: #897bf9;
1712
+ --color-ak-primary-500: #5B48F7;
1713
+ --color-ak-primary-600: #503fd9;
1714
+ --color-ak-primary-700: #4537bc;
1715
+ --color-ak-primary-800: #3a2e9e;
1716
+ --color-ak-primary-900: #2c2377;
1717
+ --color-ak-primary-950: #1d174f;
1435
1718
  --color-ak-text: #F8F5FF;
1436
1719
  --color-ak-text-secondary: #AAA2C8;
1437
1720
  --color-ak-text-muted: #797391;
1438
1721
  --color-ak-text-disabled: #48445a;
1439
- --color-ak-text-link: #6D5DFF;
1722
+ --color-ak-text-link: #5B48F7;
1440
1723
  --color-ak-text-inverse: #111024;
1441
1724
  --color-ak-on-surface: #F8F5FF;
1442
1725
  --color-ak-on-surface-variant: #AAA2C8;
@@ -1474,54 +1757,59 @@
1474
1757
  --color-ak-neutral-800: #d1cfd9;
1475
1758
  --color-ak-neutral-900: #e5e2ec;
1476
1759
  --color-ak-neutral-950: #eeebf5;
1477
- --color-ak-primary: #6D5DFF;
1478
- --color-ak-primary-hover: #8375ff;
1479
- --color-ak-primary-active: #9286ff;
1760
+ --color-ak-primary: #5B48F7;
1761
+ --color-ak-primary-hover: #7463f8;
1762
+ --color-ak-primary-active: #8476f9;
1763
+ --color-ak-primary-outline: #5B48F7;
1764
+ --color-ak-secondary-outline: #9E42F6;
1765
+ --color-ak-primary-selection: #5B48F7;
1766
+ --color-ak-on-primary-selection: #F8F5FF;
1480
1767
  --color-ak-on-primary: #F8F5FF;
1481
- --color-ak-primary-subtle: #272259;
1482
- --color-ak-primary-container: #272259;
1768
+ --color-ak-primary-subtle: #231d57;
1769
+ --color-ak-primary-container: #231d57;
1483
1770
  --color-ak-on-primary-container: #F8F5FF;
1484
1771
  --color-ak-selection-ink: #F8F5FF;
1485
1772
  --color-ak-primary-container-emphasis: #F8F5FF;
1486
- --color-ak-secondary: #A855F7;
1487
- --color-ak-on-secondary: #F8F5FF;
1488
- --color-ak-secondary-container: #321f52;
1773
+ --color-ak-secondary: #9E42F6;
1774
+ --color-ak-on-secondary: #ffffff;
1775
+ --color-ak-secondary-container: #301b52;
1489
1776
  --color-ak-on-secondary-container: #F8F5FF;
1490
1777
  --color-ak-tertiary: #FF7A5C;
1491
1778
  --color-ak-on-tertiary: #F8F5FF;
1492
1779
  --color-ak-tertiary-container: #452730;
1493
1780
  --color-ak-on-tertiary-container: #F8F5FF;
1494
- --color-ak-success: #22C55E;
1495
- --color-ak-success-subtle: #e4f8ec;
1496
- --color-ak-success-text: #1b9e4b;
1497
- --color-ak-warning: #F59E0B;
1498
- --color-ak-warning-subtle: #fef3e2;
1499
- --color-ak-warning-text: #c47e09;
1500
- --color-ak-danger: #FF5A6E;
1501
- --color-ak-on-error: #F8F5FF;
1781
+ --color-ak-success: #4ade80;
1782
+ --color-ak-success-subtle: rgba(34, 197, 94, 0.12);
1783
+ --color-ak-success-text: #86efac;
1784
+ --color-ak-warning: #fbbf24;
1785
+ --color-ak-warning-subtle: rgba(251, 191, 36, 0.12);
1786
+ --color-ak-warning-text: #fcd34d;
1787
+ --color-ak-danger: #f87171;
1788
+ --color-ak-on-error: #111113;
1502
1789
  --color-ak-pink: #f472b6;
1503
1790
  --color-ak-pink-subtle: rgba(244,114,182,.12);
1504
- --color-ak-danger-subtle: #452034;
1505
- --color-ak-danger-text: #cc4858;
1506
- --color-ak-error: #FF5A6E;
1791
+ --color-ak-error: #f87171;
1507
1792
  --color-ak-error-container: #452034;
1508
1793
  --color-ak-on-error-container: #F8F5FF;
1509
- --color-ak-info: #3B82F6;
1510
- --color-ak-info-subtle: #e7f0fe;
1511
- --color-ak-info-text: #2f68c5;
1794
+ --color-ak-danger-hover: #ef4444;
1795
+ --color-ak-danger-subtle: #301a1a;
1796
+ --color-ak-danger-text: #fca5a5;
1797
+ --color-ak-info: #60a5fa;
1798
+ --color-ak-info-subtle: rgba(96, 165, 250, 0.12);
1799
+ --color-ak-info-text: #93c5fd;
1512
1800
  --color-ak-overlay: rgba(0,0,0,0.7);
1513
1801
  --shadow-ak-xs: none;
1514
1802
  --shadow-ak-sm: none;
1515
- --color-ak-brutal-ink: #6D5DFF;
1803
+ --color-ak-brutal-ink: #5B48F7;
1516
1804
  --color-ak-brutal-face: #070510;
1517
- --color-ak-brutal-face-dark: #8375ff;
1518
- --color-ak-brutal-on-face: #6D5DFF;
1805
+ --color-ak-brutal-face-dark: #7463f8;
1806
+ --color-ak-brutal-on-face: #5B48F7;
1519
1807
  --color-ak-brutal-on-face-dark: #070510;
1520
- --shadow-ak-brutal-xs: 2px 2px 0 0 #8a7dff;
1521
- --shadow-ak-brutal-sm: 3px 3px 0 0 #8a7dff;
1522
- --shadow-ak-brutal: 4px 4px 0 0 #8a7dff;
1523
- --shadow-ak-brutal-lg: 6px 6px 0 0 #8a7dff;
1524
- --shadow-ak-brutal-xl: 8px 8px 0 0 #8a7dff;
1808
+ --shadow-ak-brutal-xs: 2px 2px 0 0 #7c6df9;
1809
+ --shadow-ak-brutal-sm: 3px 3px 0 0 #7c6df9;
1810
+ --shadow-ak-brutal: 4px 4px 0 0 #7c6df9;
1811
+ --shadow-ak-brutal-lg: 6px 6px 0 0 #7c6df9;
1812
+ --shadow-ak-brutal-xl: 8px 8px 0 0 #7c6df9;
1525
1813
  --color-ak-status-beta-bg: #f1ebfe;
1526
1814
  --color-ak-status-beta-text: #7C3AED;
1527
1815
  --color-ak-status-beta-border: #dccefc;
@@ -1542,32 +1830,34 @@
1542
1830
  --color-ak-on-accent: #030712;
1543
1831
  --color-ak-accent-soft: #103b4d;
1544
1832
  --color-ak-gradient-start: #22D3EE;
1545
- --color-ak-gradient-mid: #16A3FF;
1833
+ --color-ak-gradient-mid: #0079C8;
1546
1834
  --color-ak-gradient-end: #6D5DFF;
1547
- --gradient-ak-primary: linear-gradient(135deg, #22D3EE 0%, #16A3FF 52%, #6D5DFF 100%);
1835
+ --gradient-ak-primary: linear-gradient(135deg, #22D3EE 0%, #0079C8 52%, #6D5DFF 100%);
1548
1836
  --gradient-ak-primary-hover: linear-gradient(135deg, #67E8F9 0%, #38BDF8 48%, #8B7CFF 100%);
1549
- --color-ak-glow-primary: #16A3FF;
1837
+ --color-ak-glow-primary: #0079C8;
1838
+ --ak-hero-media-filter: none;
1839
+ --color-ak-hero-accent: #0079C8;
1550
1840
  --color-ak-glow-secondary: #22D3EE;
1551
1841
  --color-ak-glow-tertiary: #6D5DFF;
1552
1842
  --color-ak-glow-warm: #8B5CF6;
1553
1843
  --color-ak-mesh-base: #030712;
1554
- --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #16A3FF 90%, transparent) 34%, color-mix(in srgb, #22D3EE 78%, transparent) 50%, color-mix(in srgb, #6D5DFF 70%, transparent) 64%, transparent 78% 100%);
1555
- --color-ak-primary-50: #ecf8ff;
1556
- --color-ak-primary-100: #daf0ff;
1557
- --color-ak-primary-200: #b4e2ff;
1558
- --color-ak-primary-300: #86cfff;
1559
- --color-ak-primary-400: #57bdff;
1560
- --color-ak-primary-500: #16A3FF;
1561
- --color-ak-primary-600: #138fe0;
1562
- --color-ak-primary-700: #117cc2;
1563
- --color-ak-primary-800: #0e68a3;
1564
- --color-ak-primary-900: #0b4e7a;
1565
- --color-ak-primary-950: #073452;
1844
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #0079C8 90%, transparent) 34%, color-mix(in srgb, #22D3EE 78%, transparent) 50%, color-mix(in srgb, #6D5DFF 70%, transparent) 64%, transparent 78% 100%);
1845
+ --color-ak-primary-50: #ebf4fb;
1846
+ --color-ak-primary-100: #d6eaf6;
1847
+ --color-ak-primary-200: #add4ed;
1848
+ --color-ak-primary-300: #7ab9e2;
1849
+ --color-ak-primary-400: #479fd7;
1850
+ --color-ak-primary-500: #0079C8;
1851
+ --color-ak-primary-600: #006ab0;
1852
+ --color-ak-primary-700: #005c98;
1853
+ --color-ak-primary-800: #004d80;
1854
+ --color-ak-primary-900: #003a60;
1855
+ --color-ak-primary-950: #002740;
1566
1856
  --color-ak-text: #F4F8FF;
1567
1857
  --color-ak-text-secondary: #9AA8C7;
1568
1858
  --color-ak-text-muted: #6d7891;
1569
1859
  --color-ak-text-disabled: #3f475a;
1570
- --color-ak-text-link: #16A3FF;
1860
+ --color-ak-text-link: #0079C8;
1571
1861
  --color-ak-text-inverse: #0B1020;
1572
1862
  --color-ak-on-surface: #F4F8FF;
1573
1863
  --color-ak-on-surface-variant: #9AA8C7;
@@ -1605,54 +1895,59 @@
1605
1895
  --color-ak-neutral-800: #cdd1d9;
1606
1896
  --color-ak-neutral-900: #e1e5ec;
1607
1897
  --color-ak-neutral-950: #eaeef6;
1608
- --color-ak-primary: #16A3FF;
1609
- --color-ak-primary-hover: #39b1ff;
1610
- --color-ak-primary-active: #50baff;
1611
- --color-ak-on-primary: #F4F8FF;
1612
- --color-ak-primary-subtle: #0e3356;
1613
- --color-ak-primary-container: #0e3356;
1898
+ --color-ak-primary: #0079C8;
1899
+ --color-ak-primary-hover: #268dd0;
1900
+ --color-ak-primary-active: #409bd6;
1901
+ --color-ak-primary-outline: #0079C8;
1902
+ --color-ak-secondary-outline: #6D5DFF;
1903
+ --color-ak-primary-selection: #0079C8;
1904
+ --color-ak-on-primary-selection: #FFFFFF;
1905
+ --color-ak-on-primary: #FFFFFF;
1906
+ --color-ak-primary-subtle: #082948;
1907
+ --color-ak-primary-container: #082948;
1614
1908
  --color-ak-on-primary-container: #F4F8FF;
1615
- --color-ak-selection-ink: #16A3FF;
1616
- --color-ak-primary-container-emphasis: #16A3FF;
1909
+ --color-ak-selection-ink: #F4F8FF;
1910
+ --color-ak-primary-container-emphasis: #F4F8FF;
1617
1911
  --color-ak-secondary: #6D5DFF;
1618
- --color-ak-on-secondary: #F4F8FF;
1912
+ --color-ak-on-secondary: #ffffff;
1619
1913
  --color-ak-secondary-container: #212151;
1620
1914
  --color-ak-on-secondary-container: #F4F8FF;
1621
1915
  --color-ak-tertiary: #22D3EE;
1622
1916
  --color-ak-on-tertiary: #030712;
1623
1917
  --color-ak-tertiary-container: #103b4d;
1624
1918
  --color-ak-on-tertiary-container: #F4F8FF;
1625
- --color-ak-success: #22C55E;
1626
- --color-ak-success-subtle: #e4f8ec;
1627
- --color-ak-success-text: #1b9e4b;
1628
- --color-ak-warning: #F59E0B;
1629
- --color-ak-warning-subtle: #fef3e2;
1630
- --color-ak-warning-text: #c47e09;
1631
- --color-ak-danger: #FF5A7A;
1632
- --color-ak-on-error: #F4F8FF;
1919
+ --color-ak-success: #4ade80;
1920
+ --color-ak-success-subtle: rgba(34, 197, 94, 0.12);
1921
+ --color-ak-success-text: #86efac;
1922
+ --color-ak-warning: #fbbf24;
1923
+ --color-ak-warning-subtle: rgba(251, 191, 36, 0.12);
1924
+ --color-ak-warning-text: #fcd34d;
1925
+ --color-ak-danger: #f87171;
1926
+ --color-ak-on-error: #111113;
1633
1927
  --color-ak-pink: #f472b6;
1634
1928
  --color-ak-pink-subtle: rgba(244,114,182,.12);
1635
- --color-ak-danger-subtle: #412034;
1636
- --color-ak-danger-text: #cc4862;
1637
- --color-ak-error: #FF5A7A;
1929
+ --color-ak-error: #f87171;
1638
1930
  --color-ak-error-container: #412034;
1639
1931
  --color-ak-on-error-container: #F4F8FF;
1640
- --color-ak-info: #3B82F6;
1641
- --color-ak-info-subtle: #e7f0fe;
1642
- --color-ak-info-text: #2f68c5;
1932
+ --color-ak-danger-hover: #ef4444;
1933
+ --color-ak-danger-subtle: #301a1a;
1934
+ --color-ak-danger-text: #fca5a5;
1935
+ --color-ak-info: #60a5fa;
1936
+ --color-ak-info-subtle: rgba(96, 165, 250, 0.12);
1937
+ --color-ak-info-text: #93c5fd;
1643
1938
  --color-ak-overlay: rgba(0,0,0,0.7);
1644
1939
  --shadow-ak-xs: none;
1645
1940
  --shadow-ak-sm: none;
1646
- --color-ak-brutal-ink: #16A3FF;
1941
+ --color-ak-brutal-ink: #0079C8;
1647
1942
  --color-ak-brutal-face: #030712;
1648
- --color-ak-brutal-face-dark: #39b1ff;
1649
- --color-ak-brutal-on-face: #16A3FF;
1943
+ --color-ak-brutal-face-dark: #268dd0;
1944
+ --color-ak-brutal-on-face: #0079C8;
1650
1945
  --color-ak-brutal-on-face-dark: #030712;
1651
- --shadow-ak-brutal-xs: 2px 2px 0 0 #45b5ff;
1652
- --shadow-ak-brutal-sm: 3px 3px 0 0 #45b5ff;
1653
- --shadow-ak-brutal: 4px 4px 0 0 #45b5ff;
1654
- --shadow-ak-brutal-lg: 6px 6px 0 0 #45b5ff;
1655
- --shadow-ak-brutal-xl: 8px 8px 0 0 #45b5ff;
1946
+ --shadow-ak-brutal-xs: 2px 2px 0 0 #3394d3;
1947
+ --shadow-ak-brutal-sm: 3px 3px 0 0 #3394d3;
1948
+ --shadow-ak-brutal: 4px 4px 0 0 #3394d3;
1949
+ --shadow-ak-brutal-lg: 6px 6px 0 0 #3394d3;
1950
+ --shadow-ak-brutal-xl: 8px 8px 0 0 #3394d3;
1656
1951
  --color-ak-status-beta-bg: #f1ebfe;
1657
1952
  --color-ak-status-beta-text: #7C3AED;
1658
1953
  --color-ak-status-beta-border: #dccefc;
@@ -1678,6 +1973,8 @@
1678
1973
  --gradient-ak-primary: linear-gradient(135deg, #F4FF8C 0%, #E9FF5B 52%, #B6D932 100%);
1679
1974
  --gradient-ak-primary-hover: linear-gradient(135deg, #F8FFAD 0%, #EEFF72 48%, #CBEA44 100%);
1680
1975
  --color-ak-glow-primary: #E9FF5B;
1976
+ --ak-hero-media-filter: none;
1977
+ --color-ak-hero-accent: #E9FF5B;
1681
1978
  --color-ak-glow-secondary: #8B7CF7;
1682
1979
  --color-ak-glow-tertiary: #C084FC;
1683
1980
  --color-ak-glow-warm: #FF9F68;
@@ -1739,38 +2036,43 @@
1739
2036
  --color-ak-primary: #E9FF5B;
1740
2037
  --color-ak-primary-hover: #ecff74;
1741
2038
  --color-ak-primary-active: #efff84;
2039
+ --color-ak-primary-outline: #E9FF5B;
2040
+ --color-ak-secondary-outline: #6F5DF5;
2041
+ --color-ak-primary-selection: #E9FF5B;
2042
+ --color-ak-on-primary-selection: #090A0D;
1742
2043
  --color-ak-on-primary: #090A0D;
1743
2044
  --color-ak-primary-subtle: #484c2a;
1744
2045
  --color-ak-primary-container: #484c2a;
1745
2046
  --color-ak-on-primary-container: #F7F7EC;
1746
2047
  --color-ak-selection-ink: #E9FF5B;
1747
2048
  --color-ak-primary-container-emphasis: #E9FF5B;
1748
- --color-ak-secondary: #8B7CF7;
1749
- --color-ak-on-secondary: #090A0D;
1750
- --color-ak-secondary-container: #2f2b4b;
2049
+ --color-ak-secondary: #6F5DF5;
2050
+ --color-ak-on-secondary: #ffffff;
2051
+ --color-ak-secondary-container: #29244b;
1751
2052
  --color-ak-on-secondary-container: #F7F7EC;
1752
2053
  --color-ak-tertiary: #E9FF5B;
1753
2054
  --color-ak-on-tertiary: #090A0D;
1754
2055
  --color-ak-tertiary-container: #444829;
1755
2056
  --color-ak-on-tertiary-container: #F7F7EC;
1756
- --color-ak-success: #22C55E;
1757
- --color-ak-success-subtle: #e4f8ec;
1758
- --color-ak-success-text: #1b9e4b;
1759
- --color-ak-warning: #F59E0B;
1760
- --color-ak-warning-subtle: #fef3e2;
1761
- --color-ak-warning-text: #c47e09;
1762
- --color-ak-danger: #FF6B5F;
1763
- --color-ak-on-error: #090A0D;
2057
+ --color-ak-success: #4ade80;
2058
+ --color-ak-success-subtle: rgba(34, 197, 94, 0.12);
2059
+ --color-ak-success-text: #86efac;
2060
+ --color-ak-warning: #fbbf24;
2061
+ --color-ak-warning-subtle: rgba(251, 191, 36, 0.12);
2062
+ --color-ak-warning-text: #fcd34d;
2063
+ --color-ak-danger: #f87171;
2064
+ --color-ak-on-error: #111113;
1764
2065
  --color-ak-pink: #f472b6;
1765
2066
  --color-ak-pink-subtle: rgba(244,114,182,.12);
1766
- --color-ak-danger-subtle: #48272a;
1767
- --color-ak-danger-text: #cc564c;
1768
- --color-ak-error: #FF6B5F;
2067
+ --color-ak-error: #f87171;
1769
2068
  --color-ak-error-container: #48272a;
1770
2069
  --color-ak-on-error-container: #F7F7EC;
1771
- --color-ak-info: #3B82F6;
1772
- --color-ak-info-subtle: #e7f0fe;
1773
- --color-ak-info-text: #2f68c5;
2070
+ --color-ak-danger-hover: #ef4444;
2071
+ --color-ak-danger-subtle: #301a1a;
2072
+ --color-ak-danger-text: #fca5a5;
2073
+ --color-ak-info: #60a5fa;
2074
+ --color-ak-info-subtle: rgba(96, 165, 250, 0.12);
2075
+ --color-ak-info-text: #93c5fd;
1774
2076
  --color-ak-overlay: rgba(0,0,0,0.7);
1775
2077
  --shadow-ak-xs: none;
1776
2078
  --shadow-ak-sm: none;
@@ -1779,57 +2081,59 @@
1779
2081
  --color-ak-brutal-face-dark: #ecff74;
1780
2082
  --color-ak-brutal-on-face: #E9FF5B;
1781
2083
  --color-ak-brutal-on-face-dark: #090A0D;
1782
- --shadow-ak-brutal-xs: 2px 2px 0 0 #edff79;
1783
- --shadow-ak-brutal-sm: 3px 3px 0 0 #edff79;
1784
- --shadow-ak-brutal: 4px 4px 0 0 #edff79;
1785
- --shadow-ak-brutal-lg: 6px 6px 0 0 #edff79;
1786
- --shadow-ak-brutal-xl: 8px 8px 0 0 #edff79;
1787
- --color-ak-status-beta-bg: #efe7fd;
2084
+ --shadow-ak-brutal-xs: 2px 2px 0 0 #edff7c;
2085
+ --shadow-ak-brutal-sm: 3px 3px 0 0 #edff7c;
2086
+ --shadow-ak-brutal: 4px 4px 0 0 #edff7c;
2087
+ --shadow-ak-brutal-lg: 6px 6px 0 0 #edff7c;
2088
+ --shadow-ak-brutal-xl: 8px 8px 0 0 #edff7c;
2089
+ --color-ak-status-beta-bg: #f1ebfe;
1788
2090
  --color-ak-status-beta-text: #7C3AED;
1789
- --color-ak-status-beta-border: #dac8fa;
2091
+ --color-ak-status-beta-border: #dccefc;
1790
2092
  --color-ak-status-new-bg: #e4f8ec;
1791
2093
  --color-ak-status-new-text: #16A34A;
1792
- --color-ak-status-new-border: #c1efd2;
2094
+ --color-ak-status-new-border: #bdeecf;
1793
2095
  --color-ak-status-stable-bg: #e7f0fe;
1794
2096
  --color-ak-status-stable-text: #2563EB;
1795
- --color-ak-status-stable-border: #c8dcfc;
2097
+ --color-ak-status-stable-border: #c4dafc;
1796
2098
  --color-ak-status-deprecated-bg: #fde9e9;
1797
2099
  --color-ak-status-deprecated-text: #DC2626;
1798
- --color-ak-status-deprecated-border: #fbcbcb;
2100
+ --color-ak-status-deprecated-border: #fac7c7;
1799
2101
  }
1800
2102
 
1801
2103
  /* Magenta Circuit - Charcoal-black with hot magenta, violet circuitry, and small data-green hits (dark) */
1802
2104
  [data-ak-theme="magenta-circuit"] {
1803
2105
  --color-ak-accent: #FF5AA8;
1804
- --color-ak-on-accent: #08070A;
2106
+ --color-ak-on-accent: #FFF7FB;
1805
2107
  --color-ak-accent-soft: #482036;
1806
2108
  --color-ak-gradient-start: #FF5FE7;
1807
2109
  --color-ak-gradient-mid: #D946EF;
1808
2110
  --color-ak-gradient-end: #7C3AED;
1809
2111
  --gradient-ak-primary: linear-gradient(135deg, #FF5FE7 0%, #D946EF 52%, #7C3AED 100%);
1810
2112
  --gradient-ak-primary-hover: linear-gradient(135deg, #FF8CF0 0%, #E879F9 48%, #8B5CF6 100%);
1811
- --color-ak-glow-primary: #E43DDC;
2113
+ --color-ak-glow-primary: #CF1DC6;
2114
+ --ak-hero-media-filter: none;
2115
+ --color-ak-hero-accent: #CF1DC6;
1812
2116
  --color-ak-glow-secondary: #8B5CF6;
1813
2117
  --color-ak-glow-tertiary: #FF5AA8;
1814
2118
  --color-ak-glow-warm: #22C55E;
1815
2119
  --color-ak-mesh-base: #08070A;
1816
- --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #E43DDC 90%, transparent) 34%, color-mix(in srgb, #8B5CF6 78%, transparent) 50%, color-mix(in srgb, #FF5AA8 70%, transparent) 64%, transparent 78% 100%);
1817
- --color-ak-primary-50: #fdeffc;
1818
- --color-ak-primary-100: #fbe0f9;
1819
- --color-ak-primary-200: #f6c1f4;
1820
- --color-ak-primary-300: #f19aed;
1821
- --color-ak-primary-400: #ec73e6;
1822
- --color-ak-primary-500: #E43DDC;
1823
- --color-ak-primary-600: #c936c2;
1824
- --color-ak-primary-700: #ad2ea7;
1825
- --color-ak-primary-800: #92278d;
1826
- --color-ak-primary-900: #6d1d6a;
1827
- --color-ak-primary-950: #491446;
2120
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #CF1DC6 90%, transparent) 34%, color-mix(in srgb, #8B5CF6 78%, transparent) 50%, color-mix(in srgb, #FF5AA8 70%, transparent) 64%, transparent 78% 100%);
2121
+ --color-ak-primary-50: #fbedfa;
2122
+ --color-ak-primary-100: #f7dbf6;
2123
+ --color-ak-primary-200: #f0b7ed;
2124
+ --color-ak-primary-300: #e689e1;
2125
+ --color-ak-primary-400: #dc5cd6;
2126
+ --color-ak-primary-500: #CF1DC6;
2127
+ --color-ak-primary-600: #b61aae;
2128
+ --color-ak-primary-700: #9d1696;
2129
+ --color-ak-primary-800: #84137f;
2130
+ --color-ak-primary-900: #630e5f;
2131
+ --color-ak-primary-950: #42093f;
1828
2132
  --color-ak-text: #FFF7FB;
1829
2133
  --color-ak-text-secondary: #B7A9B7;
1830
2134
  --color-ak-text-muted: #837883;
1831
2135
  --color-ak-text-disabled: #4e484f;
1832
- --color-ak-text-link: #E43DDC;
2136
+ --color-ak-text-link: #CF1DC6;
1833
2137
  --color-ak-text-inverse: #141016;
1834
2138
  --color-ak-on-surface: #FFF7FB;
1835
2139
  --color-ak-on-surface-variant: #B7A9B7;
@@ -1867,66 +2171,71 @@
1867
2171
  --color-ak-neutral-800: #d7d1d4;
1868
2172
  --color-ak-neutral-900: #ebe4e8;
1869
2173
  --color-ak-neutral-950: #f5edf1;
1870
- --color-ak-primary: #E43DDC;
1871
- --color-ak-primary-hover: #e85ae1;
1872
- --color-ak-primary-active: #eb6ee5;
1873
- --color-ak-on-primary: #08070A;
1874
- --color-ak-primary-subtle: #461b46;
1875
- --color-ak-primary-container: #461b46;
2174
+ --color-ak-primary: #CF1DC6;
2175
+ --color-ak-primary-hover: #d63fcf;
2176
+ --color-ak-primary-active: #db56d4;
2177
+ --color-ak-primary-outline: #CF1DC6;
2178
+ --color-ak-secondary-outline: #8452F5;
2179
+ --color-ak-primary-selection: #CF1DC6;
2180
+ --color-ak-on-primary-selection: #FFFFFF;
2181
+ --color-ak-on-primary: #FFFFFF;
2182
+ --color-ak-primary-subtle: #411340;
2183
+ --color-ak-primary-container: #411340;
1876
2184
  --color-ak-on-primary-container: #FFF7FB;
1877
2185
  --color-ak-selection-ink: #FFF7FB;
1878
2186
  --color-ak-primary-container-emphasis: #FFF7FB;
1879
- --color-ak-secondary: #8B5CF6;
1880
- --color-ak-on-secondary: #08070A;
1881
- --color-ak-secondary-container: #2e2147;
2187
+ --color-ak-secondary: #8452F5;
2188
+ --color-ak-on-secondary: #ffffff;
2189
+ --color-ak-secondary-container: #2d1f47;
1882
2190
  --color-ak-on-secondary-container: #FFF7FB;
1883
2191
  --color-ak-tertiary: #FF5AA8;
1884
- --color-ak-on-tertiary: #08070A;
2192
+ --color-ak-on-tertiary: #FFF7FB;
1885
2193
  --color-ak-tertiary-container: #482036;
1886
2194
  --color-ak-on-tertiary-container: #FFF7FB;
1887
- --color-ak-success: #22C55E;
1888
- --color-ak-success-subtle: #e4f8ec;
1889
- --color-ak-success-text: #1b9e4b;
1890
- --color-ak-warning: #F59E0B;
1891
- --color-ak-warning-subtle: #fef3e2;
1892
- --color-ak-warning-text: #c47e09;
1893
- --color-ak-danger: #FF4D6D;
1894
- --color-ak-on-error: #08070A;
2195
+ --color-ak-success: #4ade80;
2196
+ --color-ak-success-subtle: rgba(34, 197, 94, 0.12);
2197
+ --color-ak-success-text: #86efac;
2198
+ --color-ak-warning: #fbbf24;
2199
+ --color-ak-warning-subtle: rgba(251, 191, 36, 0.12);
2200
+ --color-ak-warning-text: #fcd34d;
2201
+ --color-ak-danger: #f87171;
2202
+ --color-ak-on-error: #111113;
1895
2203
  --color-ak-pink: #f472b6;
1896
2204
  --color-ak-pink-subtle: rgba(244,114,182,.12);
1897
- --color-ak-danger-subtle: #481d29;
1898
- --color-ak-danger-text: #cc3e57;
1899
- --color-ak-error: #FF4D6D;
2205
+ --color-ak-error: #f87171;
1900
2206
  --color-ak-error-container: #481d29;
1901
2207
  --color-ak-on-error-container: #FFF7FB;
1902
- --color-ak-info: #3B82F6;
1903
- --color-ak-info-subtle: #e7f0fe;
1904
- --color-ak-info-text: #2f68c5;
2208
+ --color-ak-danger-hover: #ef4444;
2209
+ --color-ak-danger-subtle: #301a1a;
2210
+ --color-ak-danger-text: #fca5a5;
2211
+ --color-ak-info: #60a5fa;
2212
+ --color-ak-info-subtle: rgba(96, 165, 250, 0.12);
2213
+ --color-ak-info-text: #93c5fd;
1905
2214
  --color-ak-overlay: rgba(0,0,0,0.7);
1906
2215
  --shadow-ak-xs: none;
1907
2216
  --shadow-ak-sm: none;
1908
- --color-ak-brutal-ink: #E43DDC;
2217
+ --color-ak-brutal-ink: #CF1DC6;
1909
2218
  --color-ak-brutal-face: #08070A;
1910
- --color-ak-brutal-face-dark: #e85ae1;
1911
- --color-ak-brutal-on-face: #E43DDC;
2219
+ --color-ak-brutal-face-dark: #d63fcf;
2220
+ --color-ak-brutal-on-face: #CF1DC6;
1912
2221
  --color-ak-brutal-on-face-dark: #08070A;
1913
- --shadow-ak-brutal-xs: 2px 2px 0 0 #e960e2;
1914
- --shadow-ak-brutal-sm: 3px 3px 0 0 #e960e2;
1915
- --shadow-ak-brutal: 4px 4px 0 0 #e960e2;
1916
- --shadow-ak-brutal-lg: 6px 6px 0 0 #e960e2;
1917
- --shadow-ak-brutal-xl: 8px 8px 0 0 #e960e2;
1918
- --color-ak-status-beta-bg: #efe7fd;
2222
+ --shadow-ak-brutal-xs: 2px 2px 0 0 #d94ad1;
2223
+ --shadow-ak-brutal-sm: 3px 3px 0 0 #d94ad1;
2224
+ --shadow-ak-brutal: 4px 4px 0 0 #d94ad1;
2225
+ --shadow-ak-brutal-lg: 6px 6px 0 0 #d94ad1;
2226
+ --shadow-ak-brutal-xl: 8px 8px 0 0 #d94ad1;
2227
+ --color-ak-status-beta-bg: #f1ebfe;
1919
2228
  --color-ak-status-beta-text: #7C3AED;
1920
- --color-ak-status-beta-border: #dac8fa;
2229
+ --color-ak-status-beta-border: #dccefc;
1921
2230
  --color-ak-status-new-bg: #e4f8ec;
1922
2231
  --color-ak-status-new-text: #16A34A;
1923
- --color-ak-status-new-border: #c1efd2;
2232
+ --color-ak-status-new-border: #bdeecf;
1924
2233
  --color-ak-status-stable-bg: #e7f0fe;
1925
2234
  --color-ak-status-stable-text: #2563EB;
1926
- --color-ak-status-stable-border: #c8dcfc;
2235
+ --color-ak-status-stable-border: #c4dafc;
1927
2236
  --color-ak-status-deprecated-bg: #fde9e9;
1928
2237
  --color-ak-status-deprecated-text: #DC2626;
1929
- --color-ak-status-deprecated-border: #fbcbcb;
2238
+ --color-ak-status-deprecated-border: #fac7c7;
1930
2239
  }
1931
2240
 
1932
2241
  /* Deep Teal - Dark ocean teal with golden accent — Happy Hues #10 (dark) */
@@ -1939,6 +2248,14 @@
1939
2248
  --color-ak-gradient-end: #e5ad58;
1940
2249
  --gradient-ak-primary: linear-gradient(135deg, #fac87d 0%, #F9BC60 52%, #e5ad58 100%);
1941
2250
  --gradient-ak-primary-hover: linear-gradient(135deg, #fbcf8d 0%, #f9c16d 48%, #f4b85e 100%);
2251
+ --color-ak-glow-primary: #fac87d;
2252
+ --ak-hero-media-filter: none;
2253
+ --color-ak-hero-accent: #F9BC60;
2254
+ --color-ak-glow-secondary: #ABD1C6;
2255
+ --color-ak-glow-tertiary: #E16162;
2256
+ --color-ak-glow-warm: #E16162;
2257
+ --color-ak-mesh-base: #004643;
2258
+ --gradient-ak-neon-border: conic-gradient(from var(--ak-border-angle, 180deg) at 50% 50%, transparent 0 18%, color-mix(in srgb, #fac87d 90%, transparent) 34%, color-mix(in srgb, #ABD1C6 78%, transparent) 50%, color-mix(in srgb, #E16162 70%, transparent) 64%, transparent 78% 100%);
1942
2259
  --color-ak-primary-50: #fffaf2;
1943
2260
  --color-ak-primary-100: #fef4e6;
1944
2261
  --color-ak-primary-200: #fdeacc;
@@ -1995,6 +2312,10 @@
1995
2312
  --color-ak-primary: #F9BC60;
1996
2313
  --color-ak-primary-hover: #fac678;
1997
2314
  --color-ak-primary-active: #fbcd88;
2315
+ --color-ak-primary-outline: #F9BC60;
2316
+ --color-ak-secondary-outline: #ABD1C6;
2317
+ --color-ak-primary-selection: #F9BC60;
2318
+ --color-ak-on-primary-selection: #004643;
1998
2319
  --color-ak-on-primary: #004643;
1999
2320
  --color-ak-primary-subtle: #3c442d;
2000
2321
  --color-ak-primary-container: #3c442d;
@@ -2009,24 +2330,25 @@
2009
2330
  --color-ak-on-tertiary: #FFFFFE;
2010
2331
  --color-ak-tertiary-container: #322d2c;
2011
2332
  --color-ak-on-tertiary-container: #FFFFFE;
2012
- --color-ak-success: #22C55E;
2013
- --color-ak-success-subtle: #e4f8ec;
2014
- --color-ak-success-text: #1b9e4b;
2015
- --color-ak-warning: #F59E0B;
2016
- --color-ak-warning-subtle: #fef3e2;
2017
- --color-ak-warning-text: #c47e09;
2018
- --color-ak-danger: #E16162;
2019
- --color-ak-on-error: #FFFFFE;
2333
+ --color-ak-success: #4ade80;
2334
+ --color-ak-success-subtle: rgba(34, 197, 94, 0.12);
2335
+ --color-ak-success-text: #86efac;
2336
+ --color-ak-warning: #fbbf24;
2337
+ --color-ak-warning-subtle: rgba(251, 191, 36, 0.12);
2338
+ --color-ak-warning-text: #fcd34d;
2339
+ --color-ak-danger: #f87171;
2340
+ --color-ak-on-error: #111113;
2020
2341
  --color-ak-pink: #f472b6;
2021
2342
  --color-ak-pink-subtle: rgba(244,114,182,.12);
2022
- --color-ak-danger-subtle: #322d2c;
2023
- --color-ak-danger-text: #b44e4e;
2024
- --color-ak-error: #E16162;
2343
+ --color-ak-error: #f87171;
2025
2344
  --color-ak-error-container: #322d2c;
2026
2345
  --color-ak-on-error-container: #FFFFFE;
2027
- --color-ak-info: #3B82F6;
2028
- --color-ak-info-subtle: #e7f0fe;
2029
- --color-ak-info-text: #2f68c5;
2346
+ --color-ak-danger-hover: #ef4444;
2347
+ --color-ak-danger-subtle: #301a1a;
2348
+ --color-ak-danger-text: #fca5a5;
2349
+ --color-ak-info: #60a5fa;
2350
+ --color-ak-info-subtle: rgba(96, 165, 250, 0.12);
2351
+ --color-ak-info-text: #93c5fd;
2030
2352
  --color-ak-overlay: rgba(0,0,0,0.7);
2031
2353
  --shadow-ak-xs: none;
2032
2354
  --shadow-ak-sm: none;