/* Color Architecture: Force inheritance of surrounding text typography styles */
.app-icon {
  color: currentColor; /* Matches high-contrast and automated dark-mode standards */
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

/* 9.10 Automated spin modifier pattern */
.animate-spin {
  animation: icon-spin 1s linear infinite;
}

@keyframes icon-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* 11. Core State Variations: Opacity rules for disabled controls */
button[disabled] .app-icon {
  opacity: 0.60;
}