/* Inline SVG icons from the Lucide sprite (components/ui/icon.html).
   Stroke settings must live here: presentation attributes on the sprite's root
   do not reach a <symbol> that is referenced through <use>. */
.app-icon {
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    flex-shrink: 0;
    vertical-align: -0.2em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.app-icon--sm {
    width: 0.9em;
    height: 0.9em;
}

.app-icon--lg {
    width: 1.6em;
    height: 1.6em;
}

.app-icon--xl {
    width: 2.5em;
    height: 2.5em;
}

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

.app-icon--muted {
    color: var(--app-muted);
}

.app-icon--danger {
    color: var(--app-danger-soft);
}