:root{
--radius-0:0;
--radius-xs:4px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:16px;
--radius-xl:20px;
--radius-2xl:24px;
--radius-3xl:28px;
--radius-pill:999px;
/* Semantic: UI 8–16, large visual containers 20–28 */
--radius-control:var(--radius-sm);
--radius-field:var(--radius-md);
--radius-card:var(--radius-lg);
--radius-module:var(--radius-2xl);
--radius-stage:var(--radius-3xl);
}