:root{
--radius:0.625rem; /* base */
--radius-xs:0.125rem;
--radius-sm:calc(var(--radius) * 0.6); /* 0.375rem */
--radius-md:calc(var(--radius) * 0.8); /* 0.5rem — default control radius */
--radius-lg:var(--radius); /* 0.625rem */
--radius-xl:calc(var(--radius) * 1.4); /* 0.875rem — cards, dialogs */
--radius-3xl:calc(var(--radius) * 2.2); /* 1.375rem */
--radius-4xl:calc(var(--radius) * 2.6); /* 1.625rem — pills: badges, avatars */
--radius-full:calc(infinity * 1px);
}