/* Auto-generated swap (colors only, masks untouched)
   Source: wide-frame-lavender.css & wide-frame-pink.css
   Behavior:
   - Hover TCS: .home-neon-frame.pink keeps RIGHT mask but takes LAVENDER neon values.
   - Hover EISTH: .home-neon-frame.lavender keeps LEFT mask but takes PINK neon values.
*/

/* ===== Hover: The Character Series -> RIGHT half (.pink) gets LAVENDER look ===== */
.frame-container.hover-tcs .home-neon-frame.pink {
  box-shadow:
    0 0 calc(12px * var(--glow-scale)) rgba(142,138,255,0.97),
    0 0 calc(26px * var(--glow-scale)) rgba(142,138,255,0.87),
    0 0 calc(51px * var(--glow-scale)) rgba(142,138,255,0.72);
}
.frame-container.hover-tcs .home-neon-frame.pink::before {
  box-shadow:
    0 0 0 4.6px #9c8cff,
    inset 0 0 calc(7px * var(--glow-scale))  rgba(142,138,255,0.97),
    inset 0 0 calc(15px * var(--glow-scale)) rgba(142,138,255,0.72);
  filter: drop-shadow(0 0 calc(7px * var(--glow-scale)) rgba(142,138,255,0.87));
}

/* ===== Hover: The World of EISTH -> LEFT half (.lavender) gets PINK look ===== */
.frame-container.hover-eisth .home-neon-frame.lavender {
  box-shadow: 0 0 calc(12px * var(--glow-scale)) rgba(255, 90, 170, calc(0.9 * var(--glow-alpha))),
    0 0 calc(26px * var(--glow-scale)) rgba(255, 90, 170, calc(0.7 * var(--glow-alpha))),
    0 0 calc(51px * var(--glow-scale)) rgba(255, 90, 170, calc(0.5 * var(--glow-alpha)));
}
.frame-container.hover-eisth .home-neon-frame.lavender::before {
  box-shadow: 0 0 0 4.6px #ff66e0, /* tube rose néon adouci */
    inset 0 0 calc(7px * var(--glow-scale))  rgba(255, 90, 170, calc(0.9 * var(--glow-alpha))),
    inset 0 0 calc(15px * var(--glow-scale)) rgba(255, 90, 170, calc(0.6 * var(--glow-alpha)));
  filter: drop-shadow(0 0 calc(7px * var(--glow-scale)) rgba(255, 90, 170, calc(0.8 * var(--glow-alpha))));
}