:root{
--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);
--shadow-md:0 4px 12px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);
--shadow-lg:0 12px 32px rgba(0,0,0,0.10),0 4px 8px rgba(0,0,0,0.04);

/* Semantic */
--shadow-card:var(--shadow-sm);
--shadow-card-hover:var(--shadow-md);
--shadow-float:var(--shadow-lg);
}