/**
 * Blueprint Core — SVG Icon Foundation CSS (D16 Sprint 1)
 *
 * Base: .bp-svg-icon — inline-flex, currentColor, no layout shift.
 * Size tokens: --xs (12px) | --sm (14px) | --md (16px) | --lg (20px) | --xl (24px).
 * Default: inherit 1em (skaliert mit Eltern-font-size).
 *
 * @since 1.17.36-d16-svg-foundation
 */

.bp-svg-icon {
	display: inline-flex;
	width: var(--bp-svg-size, 1em);
	height: var(--bp-svg-size, 1em);
	flex-shrink: 0;
	color: currentColor;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	vertical-align: middle;
	line-height: 0;
}

.bp-svg-icon--xs { --bp-svg-size: 12px; }
.bp-svg-icon--sm { --bp-svg-size: 14px; }
.bp-svg-icon--md { --bp-svg-size: 16px; }
.bp-svg-icon--lg { --bp-svg-size: 20px; }
.bp-svg-icon--xl { --bp-svg-size: 24px; }

/* Variante fuer gefuellte Icons (Brands, Solid-Style) — opt-in via Klasse */
.bp-svg-icon--filled {
	fill: currentColor;
	stroke: none;
}