Закругление границlink

Для закругления углов элементов во фреймворке используются переменные, задающие различные размеры для мобильной и десктопной версий:

Переменная	Значение (mobile)		Значение (desktop)
--sf-radius-1/3	--sf-a2	2px	--sf-a4	4px
--sf-radius-1/2	--sf-a6	6px	--sf-a8	8px
--sf-radius-1	--sf-a8	8px	--sf-b2	12px
--sf-radius-2	--sf-b6	16px	--sf-c2	24px
--sf-radius-3	--sf-c6	32px	--sf-d2	48px
--sf-radius-full	9999px		9999px