:root{
--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:28px;--radius-2xl:34px;--radius-screen:44px;--radius-full:999px;
/* semantic */
--radius-card:var(--radius-xl);
--radius-card-hero:var(--radius-2xl);
--radius-row:var(--radius-lg);
--radius-pill:var(--radius-full);
--radius-button:var(--radius-full);
--radius-avatar:var(--radius-full);
--radius-tag:var(--radius-full);
/* strokes */
--stroke-hairline:1px;
--stroke-progress:3px;
--stroke-ring:4px;
}