/**
 * CARIBICO Lucide icon foundation.
 *
 * Variables and helpers only — existing UI markup is unchanged.
 * Use: caribico_wb_lucide_icon( 'settings', array( 'size' => 18, 'tone' => 'primary' ) )
 *
 * Color tokens align with UI Foundation System v1 when available.
 */

:root{
	--cwb-icon-primary:var(--cwb-f-navy, rgba(36,70,111,.75));
	--cwb-icon-secondary:var(--cwb-f-text-label, rgba(0,0,0,.45));
	--cwb-icon-success:var(--cwb-f-success, #027A48);
	--cwb-icon-warning:var(--cwb-f-warning, #B54708);
	--cwb-icon-danger:var(--cwb-f-danger, #B42318);
	--cwb-icon-hover-opacity:.82;
	--cwb-icon-stroke:1.75;
}

.cwb-lucide{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	line-height:0;
	color:var(--cwb-icon-primary);
	vertical-align:middle;
	transition:color .15s ease,opacity .15s ease;
}

.cwb-lucide .cwb-lucide-svg{
	display:block;
	width:100%;
	height:100%;
	fill:none;
	stroke:currentColor;
	stroke-width:var(--cwb-icon-stroke);
	stroke-linecap:round;
	stroke-linejoin:round;
	pointer-events:none;
}

.cwb-lucide.is-primary{color:var(--cwb-icon-primary)}
.cwb-lucide.is-secondary{color:var(--cwb-icon-secondary)}
.cwb-lucide.is-success{color:var(--cwb-icon-success)}
.cwb-lucide.is-warning{color:var(--cwb-icon-warning)}
.cwb-lucide.is-danger{color:var(--cwb-icon-danger)}

a:hover .cwb-lucide,
button:hover .cwb-lucide,
.cwb-lucide.is-hoverable:hover{
	opacity:var(--cwb-icon-hover-opacity);
}

.cwb-lucide.is-sm{width:14px;height:14px}
.cwb-lucide.is-md{width:18px;height:18px}
.cwb-lucide.is-lg{width:22px;height:22px}
.cwb-lucide.is-xl{width:28px;height:28px}