message: Update color variables used in AvatarPair
diff: -import React from 'react'
  import PropTypes from 'prop-types'
  +import React from 'react'
  import styled from 'styled-components'
  -import {Relative, RelativeProps} from './Position'
  import Avatar from './Avatar'
  +import {get} from './constants'
  +import {Relative, RelativeProps} from './Position'
  import theme from './theme'
  const ChildAvatar = styled(Avatar)`
  position: absolute;
  right: -15%;
  bottom: -9%;
  - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
  + box-shadow: ${get('shadows.avatar.childShadow')};
  `
  export type AvatarPairProps = RelativeProps
  @@ -17,7 +18,7 @@ export type AvatarPairProps = RelativeProps
  const AvatarPair = ({children, ...rest}: AvatarPairProps) => {
  const avatars = React.Children.map(children, (child, i) => {
  if (!React.isValidElement(child)) return child
  - return i === 0 ? React.cloneElement(child, {size: 40}) : <ChildAvatar bg="white" {...child.props} size={20} />
  + return i === 0 ? React.cloneElement(child, {size: 40}) : <ChildAvatar bg="bg.canvas" {...child.props} size={20} />
  })
  return (
  <Relative display="inline-flex" {...rest}>
  