/* Extra neon border glow for Lobby objects */
:root{
  --glow: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent) inset,
          0 0 22px color-mix(in srgb, var(--accent) 18%, transparent);
  --glow-strong: 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent) inset,
                 0 0 34px color-mix(in srgb, var(--accent) 22%, transparent);
}

.hero__card,
.slide,
.svc__card,
.drawer,
.modal__panel,
.pill,
.txCard,
.iconbtn,
.btn{
  box-shadow: var(--shadow), var(--glow);
}

.hero__card:hover,
.slide:hover,
.svc__card:hover,
.btn:hover,
.iconbtn:hover{
  box-shadow: var(--shadow), var(--glow-strong);
}

.top{
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
}

:root[data-theme="light"] .hero__card,
:root[data-theme="light"] .slide,
:root[data-theme="light"] .svc__card,
:root[data-theme="light"] .drawer,
:root[data-theme="light"] .modal__panel,
:root[data-theme="light"] .pill,
:root[data-theme="light"] .txCard,
:root[data-theme="light"] .iconbtn,
:root[data-theme="light"] .btn{
  box-shadow: var(--shadow), 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent) inset,
              0 10px 30px rgba(0,102,255,.08);
}