:root{
--radius-xs:6px;
--radius-sm:10px;
--radius-md:14px;
--radius-lg:20px;
--radius-xl:28px;
--radius-2xl:36px;
--radius-pill:999px;
--radius-circle:50%;

/* semantic */
--radius-card:20px;
--radius-tile:14px;
--radius-control:999px;
--radius-input:14px;
--radius-sheet:28px;
--radius-sticker:999px;
--radius-photo:10px;
--radius-phone:44px;
}