/* 
 * HQ Dashboard - SVG Icon Styles
 * Clean, minimal icon system
 */

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    fill: currentColor;
    flex-shrink: 0;
}

.icon svg {
    width: 100%;
    height: 100%;
}

.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 20px; height: 20px; }
.icon-lg { width: 24px; height: 24px; }
.icon-xl { width: 32px; height: 32px; }
.icon-2xl { width: 48px; height: 48px; }

/* Icon colors */
.icon-blue { color: var(--accent-primary); }
.icon-gold { color: var(--accent-gold); }
.icon-mint { color: var(--accent-mint); }
.icon-hot { color: var(--accent-hot); }
.icon-muted { color: var(--text-muted); }