/* ==========================================================================
   INO SVG ICONS SYSTEM - MINIMALISTA & STANDALONE (CERO DEPENDENCIAS)
   ========================================================================== */

.svg-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.svg-icon.sm { width: 0.9em; height: 0.9em; }
.svg-icon.md { width: 1.25em; height: 1.25em; }
.svg-icon.lg { width: 1.6em; height: 1.6em; }
.svg-icon.xl { width: 2.2em; height: 2.2em; }

/* Spin animation for loading spinners */
.svg-icon.spin, .svg-spin {
  animation: svgSpin 1s linear infinite;
}

@keyframes svgSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Color utility accents */
.text-cyan { color: #38bdf8 !important; }
.text-emerald { color: #34d399 !important; }
.text-indigo { color: #818cf8 !important; }
.text-amber { color: #fbbf24 !important; }
.text-rose { color: #f87171 !important; }