/**
 * Widget hularmonia-cta (brief 04).
 *
 * Solo i colori di stato dei bottoni, come custom property (CLAUDE.md,
 * contratto punto 2). Specificità (0,2,0): batte `a:visited` del reset.
 */
.hularmonia-cta .hularmonia-cta__button {
  --hcta-bg: transparent;
  --hcta-color: var(--hula-ink);
  --hcta-border: var(--hula-ink);
  --hcta-bg-hover: var(--hula-ink);
  --hcta-color-hover: #fff;
  background-color: var(--hcta-bg);
  border-color: var(--hcta-border);
  border-style: solid;
  color: var(--hcta-color);
}

/* Modello: bg-[#B8956A] text-white, hover bg-[#C9A882]. */
.hularmonia-cta .hularmonia-cta__button--solid {
  --hcta-bg: var(--hula-gold);
  --hcta-color: #fff;
  --hcta-border: transparent;
  --hcta-bg-hover: #C9A882;
  --hcta-color-hover: #fff;
  border-width: 0;
}

.hularmonia-cta .hularmonia-cta__button:is(:hover, :focus-visible) {
  background-color: var(--hcta-bg-hover);
  color: var(--hcta-color-hover);
}

@media (prefers-reduced-motion: reduce) {
  .hularmonia-scope .hularmonia-cta__button {
    transition: none;
  }
}