:root{
/* Geometry is squared and architectural; radii stay small. Full rounding is
   reserved for the circular forms that echo the seed-of-life logomark. */
--radius-none:0;
--radius-xs:2px;
--radius-sm:3px;
--radius-md:4px;
--radius-lg:8px;
--radius-xl:12px;
--radius-full:999px;
--radius-card:var(--radius-md);
--radius-control:var(--radius-sm);
--radius-pill:var(--radius-full);
--radius-image:var(--radius-none);
}