:root{
/* Near-square corners: the brand's signature restraint. Nothing above 8px
   except full pills for status chips. */
--radius-0:0px;
--radius-xs:2px;
--radius-sm:3px;
--radius-md:4px;   /* default: cards, inputs, buttons */
--radius-lg:6px;   /* sheets, dialogs */
--radius-xl:8px;   /* large hero panels only */
--radius-pill:999px;
}