/*
 * Product shape contract: interface surfaces and controls stay square.
 * Use the circle token only for semantic circles such as avatars, status dots,
 * and radial indicators. The pill token is reserved for the field-employee
 * selector so its avatar and expanded outline remain one continuous oval.
 * The grip token is reserved for the compact dossier rail resize affordance.
 */
:root {
  --radius: 0;
  --radius-circle: 50%;
  --radius-pill: 999px;
  --radius-grip: 6px;
}