/**
 * Icons (§13) — ενιαίο outline σύστημα από το assets/icons/sprite.svg.
 * Χρήση στην PHP: orthofocus_icon( 'arrow-right', array( 'size' => 'md' ) )
 * Το χρώμα ακολουθεί το κείμενο (currentColor).
 */

.of-icon {
	display: inline-block;
	flex-shrink: 0;
	width: var(--icon-size, var(--icon-sm));
	height: var(--icon-size, var(--icon-sm));
	vertical-align: middle;
	fill: none;
	stroke: currentColor;
	stroke-width: var(--icon-stroke);
	stroke-linecap: round;
	stroke-linejoin: round;
}

.of-icon--xs {
	--icon-size: var(--icon-xs);
}

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

.of-icon--md {
	--icon-size: var(--icon-md);
}

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