/* Complemento de interação. Nenhuma regra de geometria, fonte ou paleta. */
@media (prefers-reduced-motion: no-preference) {
  /* Especificidade zero: transições locais já definidas continuam prevalecendo. */
  :where(button,.btn,.chip,.sidebar-link,.reviews-page-button,.auth-google-button,.catalog-mini,.catalog-status,.catalog-icon-button,.co-task strong,.co-info-link strong,.co-order-copy strong,.co-shortcuts a,.insights-tabs a,.inventory-navigation a,.cprofile-tabs a,.product-access-tabs a) {
    transition: background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease,opacity 180ms ease;
  }
  :where(.icon-accent) { transition: opacity 180ms ease; }
  :where(.sidebar-link,.account-dropdown-links a,.account-logout,.co-task,.co-stat,.co-info-link,.co-shortcuts a,.insights-quick a,.resale-sidebar nav a):focus-visible .icon-accent { opacity: 1; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  /* Realça somente o detalhe do vetor, usando a própria cor herdada. */
  :where(.sidebar-link,.account-dropdown-links a,.account-logout,.co-wallet,.co-task,.co-stat,.co-info-block,.co-info-link,.co-shortcuts a,.insights-metric,.insights-highlight article,.insights-quick a,.resale-sidebar nav a,.confidence-card,.support-channel):hover .icon-accent { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .icon-accent { transition: none !important; }
}