:root{
  /* The brand is square. Radius is used sparingly and never above 8px on layout surfaces. */
  --radius-none:0px;
  --radius-xs:2px;
  --radius-sm:4px;   /* buttons, inputs, service cards */
  --radius-md:6px;
  --radius-lg:8px;   /* embedded widgets, dialogs */
  --radius-pill:999px;
  --radius-circle:50%;
}