@@ -370,37 +370,38 @@ export default function Nav() {
370370 ) : null ;
371371
372372 // Product nav themes match pillar language: Read orange · Packs green · Deposit purple.
373+ // Idle hover border/glow strength is matched across all three (Deposit was the reference).
373374 const publicRouteLinkThemes = {
374375 read : {
375376 active :
376- 'border-orange-300/38 bg-orange-400/14 text-orange-100 shadow-[0_0_20px_rgba(251,146,60,0.18 )]' ,
377+ 'border-orange-300/42 bg-orange-400/16 text-orange-100 shadow-[0_0_20px_rgba(251,146,60,0.22 )]' ,
377378 idle :
378- 'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-orange-300/28 hover:bg-orange-400/[0.09 ] hover:text-orange-100' ,
379+ 'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-orange-300/42 hover:bg-orange-400/[0.12 ] hover:text-orange-100 hover:shadow-[0_0_18px_rgba(251,146,60,0.16)] ' ,
379380 disabledActive :
380381 'border-orange-300/20 bg-orange-400/[0.06] text-orange-100/55' ,
381382 explainer :
382- 'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-orange-300/30 hover:bg-orange-400/10 hover:text-orange-100' ,
383+ 'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-orange-300/42 hover:bg-orange-400/12 hover:text-orange-100' ,
383384 } ,
384385 packs : {
385386 active :
386- 'border-emerald-300/38 bg-emerald-400/14 text-emerald-100 shadow-[0_0_20px_rgba(16,185,129,0.16 )]' ,
387+ 'border-emerald-300/42 bg-emerald-400/16 text-emerald-100 shadow-[0_0_20px_rgba(16,185,129,0.20 )]' ,
387388 idle :
388- 'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-emerald-300/24 hover:bg-emerald-400/[0.08 ] hover:text-emerald-100' ,
389+ 'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-emerald-300/42 hover:bg-emerald-400/[0.12 ] hover:text-emerald-100 hover:shadow-[0_0_18px_rgba(16,185,129,0.16)] ' ,
389390 disabledActive :
390391 'border-emerald-300/20 bg-emerald-400/[0.06] text-emerald-100/55' ,
391392 explainer :
392- 'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-emerald-300/30 hover:bg-emerald-400/10 hover:text-emerald-100' ,
393+ 'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-emerald-300/42 hover:bg-emerald-400/12 hover:text-emerald-100' ,
393394 } ,
394395 // Match Deposit pillar: purple/fuchsia (not Tailwind violet, which reads blue).
395396 deposit : {
396397 active :
397398 'border-purple-300/42 bg-purple-500/16 text-purple-100 shadow-[0_0_20px_rgba(192,132,252,0.22)]' ,
398399 idle :
399- 'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-purple-300/30 hover:bg-purple-500/[0.10 ] hover:text-purple-100' ,
400+ 'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-purple-300/42 hover:bg-purple-500/[0.12 ] hover:text-purple-100 hover:shadow-[0_0_18px_rgba(192,132,252,0.16)] ' ,
400401 disabledActive :
401402 'border-purple-300/22 bg-purple-500/[0.07] text-purple-100/55' ,
402403 explainer :
403- 'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-purple-300/35 hover:bg-purple-500/12 hover:text-purple-100' ,
404+ 'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-purple-300/42 hover:bg-purple-500/12 hover:text-purple-100' ,
404405 } ,
405406 } as const ;
406407
0 commit comments