:root{
--radius-0:0;              /* default: the brand is squared and editorial */
--radius-xs:2px;
--radius-sm:4px;
--radius-md:8px;
--radius-lg:14px;
--radius-pill:999px;       /* outlined pills, buttons, tags */
--radius-circle:50%;       /* badge logo, arrow buttons */
}