/**
 * SVG Icon System - Home2.0
 * Replaces all emoji icons with clean SVG icons
 */

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

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

.icon-sm {
    width: 16px;
    height: 16px;
}

.icon-md {
    width: 24px;
    height: 24px;
}

.icon-lg {
    width: 32px;
    height: 32px;
}

.icon-xl {
    width: 48px;
    height: 48px;
}

/* Icon colors */
.icon-primary { color: #2563EB; }
.icon-secondary { color: #7C3AED; }
.icon-success { color: #10B981; }
.icon-warning { color: #F59E0B; }
.icon-danger { color: #EF4444; }
.icon-info { color: #3B82F6; }
.icon-muted { color: #6B7280; }