/* AiŌNeal Button System v2 — 2026-10-02
   Visual-only normalization. No layout, navigation, DMT data, geometry, route,
   tuning, or interaction logic changes.

   FAMILY A — MAIN SITE NAVIGATION
   Lagniappe Listen + Player 432Hz DMT / Get the Album + Footer Join the list
   = clean text + neon underline on hover/focus.

   FAMILY B — DMT EXPLORATION
   Explore Musical Geometry + Explore Frequencies + Frequency Set navigation
   = purple lead-in line + neon circular arrow.

   FAMILY C — CONTROLS
   Side A/B, Reset view, transport and form controls retain their existing
   restrained utility styling. */

:root{
  --aioneal-neon:#8f00ff;
  --aioneal-neon-soft:#673cff;
  --aioneal-neon-text:#c999ff;
  --aioneal-neon-white:#f3edff;
}

/* FAMILY A — neon underline navigation ----------------------------------- */
.album__continue,
.player-nav a,
.footer__join{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:44px;
  color:#ded6ea;
  white-space:nowrap;
  transition:color .2s ease-out,text-shadow .2s ease-out;
}

/* Keep the cover CTA slightly more present without creating a new style. */
.album__continue{
  font-size:.875rem;
  letter-spacing:.08em;
  padding-inline:.1rem;
}

/* Footer CTA shares the exact same neon-underline language as Listen. */
.footer__join{
  font-size:.8125rem;
  letter-spacing:.08em;
  padding-inline:.1rem;
  color:#ded6ea;
  cursor:default;
}

.album__continue::after,
.player-nav a::after,
.footer__join::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:5px;
  height:1px;
  background:var(--aioneal-neon);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease-out,box-shadow .2s ease-out;
}

.album__continue:hover,
.album__continue:focus-visible,
.player-nav a:hover,
.player-nav a:focus-visible,
.footer__join:hover,
.footer__join:focus-visible{
  color:var(--aioneal-neon-text);
  text-shadow:0 0 3px #8f00ffcc,0 0 10px #673cff88;
}

.album__continue:hover::after,
.album__continue:focus-visible::after,
.player-nav a:hover::after,
.player-nav a:focus-visible::after,
.footer__join:hover::after,
.footer__join:focus-visible::after{
  opacity:1;
  box-shadow:0 0 3px var(--aioneal-neon),0 0 9px #673cff99;
}

.album__continue:hover span,
.album__continue:focus-visible span,
.player-nav a:hover span,
.player-nav a:focus-visible span{
  color:#e7d2ff;
}

/* FAMILY B — DMT circular-arrow exploration ------------------------------ */
.dmt__explore{
  display:inline-flex;
  align-items:center;
  gap:.85rem;
  min-height:44px;
  padding:.25rem 0;
  color:#c99bff;
  font-size:.875rem;
  letter-spacing:.045em;
  transition:color .2s ease-out,text-shadow .2s ease-out;
}

.dmt__explore::before{
  content:"";
  flex:0 0 1.7rem;
  width:1.7rem;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--aioneal-neon));
  transition:box-shadow .2s ease-out;
}

.dmt__explore span{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border:1px solid #8f00ff80;
  border-radius:50%;
  color:#c99bff;
  font-size:1rem;
  line-height:1;
  letter-spacing:0;
  box-shadow:0 0 0 transparent;
  transition:color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;
}

.dmt__explore:hover,
.dmt__explore:focus-visible{
  color:#e6ceff;
  text-shadow:0 0 3px #8f00ffb0,0 0 10px #673cff80;
}

.dmt__explore:hover::before,
.dmt__explore:focus-visible::before{
  box-shadow:0 0 4px #8f00ff90;
}

.dmt__explore:hover span,
.dmt__explore:focus-visible span{
  color:#f4eaff;
  border-color:#bc7aff;
  box-shadow:0 0 0 1px #8f00ff80,0 0 4px #8f00ff90,0 0 12px #673cff60;
}

/* Keep utility controls visually subordinate to destination CTAs. */
.dmt__sides button,
.dmt__reset,
.icon-button,
.play-button,
.purchase-button{
  text-shadow:none;
}

@media(prefers-reduced-motion:reduce){
  .album__continue,
  .album__continue::after,
  .player-nav a,
  .player-nav a::after,
  .footer__join,
  .footer__join::after,
  .dmt__explore,
  .dmt__explore::before,
  .dmt__explore span{
    transition:none;
  }
}