/**
 * Shared icon system - Lucide-style outline icons
 * Use inline SVG with class="icon" (and optional size modifiers).
 */

.icon {
    width: var(--size-icon-md);
    height: var(--size-icon-md);
    flex-shrink: 0;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.icon--sm {
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
}

.icon--lg {
    width: var(--size-icon-lg);
    height: var(--size-icon-lg);
}

.icon--xl {
    width: 1.75rem;
    height: 1.75rem;
}

.icon--fill {
    fill: currentColor;
    stroke: none;
}