/* Inline SVG Icons - Replace Font Awesome with SVG for better performance */

/* SVG Icon Styles */
.svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
}

/* Icon Sizes */
.svg-icon-sm { font-size: 0.875em; }
.svg-icon-lg { font-size: 1.25em; }
.svg-icon-xl { font-size: 1.5em; }
.svg-icon-2xl { font-size: 2em; }

/* Icon Colors */
.svg-icon-yellow { color: #eab308; }
.svg-icon-gray { color: #6b7280; }
.svg-icon-purple { color: #a855f7; }
.svg-icon-green { color: #22c55e; }

/* Specific Icon Styles */
.icon-bars { width: 1.25em; height: 1.25em; }
.icon-coins { width: 1.25em; height: 1.25em; }
.icon-ring { width: 1.25em; height: 1.25em; }
.icon-gem { width: 1.25em; height: 1.25em; }
.icon-award { width: 1.25em; height: 1.25em; }
.icon-check { width: 1em; height: 1em; }
.icon-microchip { width: 1.25em; height: 1.25em; }
.icon-chart-line { width: 1.25em; height: 1.25em; }
.icon-headset { width: 1.25em; height: 1.25em; }
.icon-arrow-left { width: 1em; height: 1em; }