Raio de borda

Quatro raios de marca: lg (8px) para superfícies, 2xl para containers, panel (12px) para painéis e pill para botões — mais a escala derivada da base --radius.

Raios de marca

--radius-lg8pxCards, botões — raio base

--radius-2xl14.4pxCards grandes

--radius-panel12pxSide panel, overlays (rounded-panel)

--radius-pill9999pxBotões pill, chips e status (rounded-pill / rounded-full)

Escala derivada (--radius base 8px)

--radius-sm4.8pxBadges, chips pequenos

--radius-md6.4pxInputs, botões pequenos

--radius-xl11.2pxCards médios

--radius-3xl17.6pxModais, painéis

--radius-4xl20.8pxSuperfícies destacadas

--radius-drawer24pxGaveta do Concierge (SideDrawer, rounded-drawer)