:root{
--radius-none:0px;
--radius-xs:4px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:16px;
--radius-xl:24px;
--radius-2xl:32px;
--radius-pill:999px;
--radius-circle:50%;

/* Semantic */
--radius-control:10px;
--radius-control-pill:999px;
--radius-input:10px;
--radius-card:16px;
--radius-card-hero:24px;
--radius-tile:12px;
--radius-badge:12px;
--radius-chip:999px;
--radius-sheet:24px;

--border-width-hairline:1px; /* @kind other */
--border-width-default:1px; /* @kind other */
--border-width-thick:2px; /* @kind other */
--border-width-focus:2px; /* @kind other */
}