/* Radii are small and restrained. Photography is squared off or 12px; UI chrome is 6px. */
:root{
  --radius-sm:4px;
  --radius-md:6px;   /* buttons */
  --radius-lg:8px;
  --radius-xl:12px;  /* media cards, image frames */
  --radius-pill:100px;
  --radius-full:9999px;
}