/* =============================================================================
   interactive.css — the shared bioluminescent glow utility (UI-006 / KD-7).
   One token (`--glow-*`) reused on hover AND focus-visible. Focus parity is an
   a11y requirement. Transition shadow/colour only — never size/layout, so there
   is no shift. The focus indicator is NOT colour-only (the global :focus-visible
   ring in base.css supplies a visible outline as well).
   ========================================================================== */

.glow-interactive {
  transition: color var(--dur-1) var(--ease),
    text-shadow var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
}
.glow-interactive:hover {
  color: var(--accent-gold);
  text-shadow: var(--glow-gold);
}
.glow-interactive:focus-visible {
  color: var(--accent-gold);
  text-shadow: var(--glow-gold);
}

@media (prefers-reduced-motion: reduce) {
  .glow-interactive {
    transition: none;
  }
}