/* Herndon VITA - Icon Styles */

/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); */

/* Icon sizing utilities */
.icon-sm {
  font-size: 1.5rem;
}

.icon-md {
  font-size: 2rem;
}

.icon-lg {
  font-size: 3rem;
}

.icon-xl {
  font-size: 4rem;
}

/* Icon wrapper for consistent spacing */
.icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  border-radius: 0.75rem;
}

/* Icon with background */
.icon-bg-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
}

.icon-bg-secondary {
  background-color: rgba(var(--bs-secondary-rgb), 0.1);
  color: var(--bs-secondary);
}

.icon-bg-success {
  background-color: rgba(var(--bs-success-rgb), 0.1);
  color: var(--bs-success);
}

/* 
 * Bootstrap Icons Reference (if enabled):
 * 
 * Current emoji → Bootstrap Icon equivalent:
 * 🕐 (clock) → <i class="bi bi-clock"></i>
 * ℹ️ (info) → <i class="bi bi-info-circle"></i>
 * ✎ (edit) → <i class="bi bi-pencil"></i>
 * 📋 (clipboard) → <i class="bi bi-clipboard-check"></i>
 * 👍 (thumbs up) → <i class="bi bi-hand-thumbs-up"></i>
 * 🏠 (home) → <i class="bi bi-house"></i>
 * 📝 (memo) → <i class="bi bi-file-text"></i>
 * ✉️ (envelope) → <i class="bi bi-envelope"></i>
 * 📞 (phone) → <i class="bi bi-telephone"></i>
 * 
 * Browse all icons: https://icons.getbootstrap.com/
 */