/* ==========================================================================
   ICONE SVG — dimensioni e colori (stroke ereditato da currentColor)
   ========================================================================== */

.ds-icon {
    display: inline-block;
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: middle;
}

.ds-icon--xs { width: 1rem; height: 1rem; }
.ds-icon--sm { width: 1.25rem; height: 1.25rem; }
.ds-icon--md { width: 1.5rem; height: 1.5rem; }
.ds-icon--lg { width: 2rem; height: 2rem; }

.ds-icon--primary { color: var(--color-primary); }
.ds-icon--accent { color: var(--color-accent); }
.ds-icon--mint { color: var(--color-mint-deep); }