:root{
--radius-xs:4px;
--radius-sm:6px;
--radius-md:10px;
--radius-lg:14px;
--radius-xl:20px;
--radius-pill:999px;

--border-hairline:1px;

/* shadows are used sparingly — hairline borders carry most separation */
--shadow-none:none;
--shadow-sm:0 1px 2px rgba(16,16,16,.05);
--shadow-md:0 4px 16px rgba(16,16,16,.07);
--shadow-pop:0 12px 40px rgba(16,16,16,.12);
--shadow-focus:0 0 0 3px var(--accent-tint);
}