/**
 * Hularmonia Contact Info (brief 05).
 * Colori di link e icone come custom property (stato hover, regola del
 * CLAUDE.md) e area di tocco dell'email.
 */

.hularmonia-contact-info {
  --hci-email: var(--hula-gold);
  --hci-email-hover: var(--hula-ink-deep);
  --hci-social: var(--hula-ink-deep);
  --hci-social-hover: var(--hula-gold);
}

.hularmonia-contact-info .hularmonia-contact-info__email {
  color: var(--hci-email);
  /* Area di tocco 44px (testo alto 28px): padding compensato dal margine,
     l'ingombro resta quello del modello. */
  padding-block: 8px;
  margin-block: -8px;
}

.hularmonia-contact-info .hularmonia-contact-info__email:hover,
.hularmonia-contact-info .hularmonia-contact-info__email:focus-visible {
  color: var(--hci-email-hover);
}

.hularmonia-contact-info .hularmonia-contact-info__social-link {
  color: var(--hci-social);
}

.hularmonia-contact-info .hularmonia-contact-info__social-link:hover,
.hularmonia-contact-info .hularmonia-contact-info__social-link:focus-visible {
  color: var(--hci-social-hover);
}

@media (prefers-reduced-motion: reduce) {
  .hularmonia-scope .hularmonia-contact-info__email,
  .hularmonia-scope .hularmonia-contact-info__social-link {
    transition: none;
  }
}