export const boxShadow = {
  DEFAULT: "0 2px 4px 0 rgba(0,0,0,0.10)",
  up: "0 -2px 4px 0 rgba(0,0,0,0.10)",
  md: "0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)",
  lg: "0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)",
  inner: "inset 0 2px 4px 0 rgba(0,0,0,0.06)",
  glow: "rgba(7,114,239,0.2) 0 0 1rem",
  none: "none",
  focus: "rgba(7, 114, 239, 0.2) 0 0 1px 3px",
  focusInside: "rgba(7, 114, 239, 0.2) 0 0 1px 3px inset",
  focusBrand: "rgba(125, 229, 202, 0.2) 0 0 1px 3px",
  popover: "0 0 3px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1)",
  buttonPrimary:
    "0 4px 8px rgba(255, 255, 255, 0.1) inset, 0 2px 5px rgba(0, 0, 0, 0.1)",
  buttonSecondary: "0 1px 3px rgba(0, 0, 0, 0.05)",
  paper: "0 0 3px rgba(0,0,0,0.1), 9px 9px rgba(0,0,0,0.04)",
};