/* Design tokens are now in shared/tokens.css (imported by Tailwind builds).
   This file keeps only non-token styles. */

/* === Alpine.js cloak === */
[x-cloak] { display: none !important; }

/* === Spinner === */
#namua-spinner {
  position: fixed;
  inset: 0;
  backdrop-filter: blur(2px);
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

#spinner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#spinner-svg {
  width: 120px;
  height: 120px;
}

#spinner-message {
  margin-top: 1.5rem;
  text-align: center;
}