/* UI Icon System */
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    margin-right: 0.5rem;
}

.ui-icon.small {
    width: 1.1em;
    height: 1.1em;
}

.ui-icon.large {
    width: 2.5em;
    height: 2.5em;
}

.ui-icon-sparkle {
    color: #f59e0b;
}

.ui-icon-fire {
    color: #ef4444;
}

.ui-icon-chart {
    color: #3b82f6;
}

.ui-icon-target {
    color: #10b981;
}

.ui-icon-prayer {
    color: #8b5cf6;
}

.ui-icon-music {
    color: var(--primary);
}

.ui-icon-vinyl {
    color: var(--text-dark);
}

.ui-icon-globe {
    color: #3b82f6;
}

.ui-icon-hero {
    margin-right: 0.75rem;
}